table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 20px
}

table.nestable {
	width: auto;
	padding: 15px 15px 0
}

table.nestable tr td {
	padding: 5px 7px
}

table.nestable tr td.detail-key {
	vertical-align: top;
	text-align: right;
	font-weight: 600;
	padding-top: 9px
}

table.nestable tr td.detail-value table {
	padding: 0;
	margin: 0
}

table.nestable tr td.nesting {
	padding: 0
}

table.nestable tr td pre {
	margin: 0;
	max-width: 750px;
	overflow: hidden
}

table.table-striped tbody tr:nth-child(odd) td {
	background-color: #F6F6F6
}

table.table-striped tbody tr:nth-child(odd):hover td {
	background-color: #FFF
}

table.table-striped .key {
	font-size: 13px;
	line-height: 20px;
	text-align: right;
	vertical-align: top
}

table.simple {
	background-color: transparent;
	border: 0 none;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	-webkit-font-smoothing: antialiased
}

table.simple th {
	background-color: #EEE;
	font-weight: 600;
	padding: 10px 20px;
	white-space: nowrap
}

table.simple td {
	border-bottom: 1px solid #EEE;
	padding: 15px 20px
}

table.simple td.key {
	background-color: #F9F9F9
}

table.simple td:last-child {
	border-right: 1px solid #EEE
}

table.simple tr:hover td:not(.key) {
	background-color: #FDFDFD
}

.table {
	background-color: #FAFAFA;
	border: 1px solid #EEE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden
}

.table td {
	border-top: 1px solid #EEE;
	padding: 8px
}

.table th {
	background-color: #BBB;
	border-color: #CCC;
	border-width: 0 0 0 1px;
	border-style: solid;
	color: #FFF;
	font-size: 15px;
	font-weight: 300;
	line-height: 1em;
	padding: 8px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.5px
}

.table th:first-child {
	border-width: 0
}

.table tbody tr:hover td {
	background-color: #FFF
}

.table pre {
	margin-bottom: 0
}

.table .no-results {
	color: #AAA;
	font-style: italic;
	font-weight: 300;
	padding: 5px 0
}

.table .key {
	padding: 8px 10px;
	text-align: right;
	vertical-align: top
}

.table-condensed th,
.table-condensed td {
	padding: 4px 5px
}

.table-fixed-width {
	padding: 0
}

.table-fixed-width .overflow-container {
	overflow: auto
}

.table-fixed-width .overflow-container table {
	width: 1000px
}

.table-container {
	display: inline-block;
	width: 100%;
	overflow: auto
}

@media screen and (min-width: 1200px) {
	.table-container.widen {
		width: auto;
		margin-left: -33%;
		margin-right: -33%
	}
}

.table-wrapper {
	display: table;
	float: none
}

.table-wrapper.fill {
	height: 100%;
	width: 100%
}

.table-wrapper .table-cell {
	display: table-cell;
	float: none
}

.table-wrapper .table-cell.hcenter {
	text-align: center
}

.table-wrapper .table-cell.vcenter {
	vertical-align: middle
}

.table-wrapper .table-cell.vtop {
	vertical-align: top
}

form input[type='text'],
form input[type='tel'] {
	vertical-align: top
}

form button,
form .button {
	padding: 13px 10px
}

fieldset {
	min-width: 0
}

input[type='text'],
input[type='tel'],
input[type='password'],
input[type='email'],
textarea {
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #dadfe2;
	color: #5f6c72;
	font-family: inherit;
	font-size: inherit;
	margin: 0 0 15px;
	padding: 10px;
	width: 100%;
	-moz-transition-property: background-color;
	-o-transition-property: background-color;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	-moz-transition-property: border-color;
	-o-transition-property: border-color;
	-webkit-transition-property: border-color;
	transition-property: border-color;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}

input[type='text'][disabled],
input[type='tel'][disabled],
input[type='password'][disabled],
input[type='email'][disabled],
textarea[disabled] {
	opacity: 0.7
}

textarea {
	margin: 0 0 14px
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='password']:focus,
input[type='email']:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #499df3
}

input[type='text'].skip-focus:focus,
input[type='tel'].skip-focus:focus,
input[type='password'].skip-focus:focus,
input[type='email'].skip-focus:focus,
textarea.skip-focus:focus {
	border: 1px solid #ddd
}

::-webkit-input-placeholder {
	color: #969ea2
}

:-moz-placeholder {
	color: #969ea2
}

::-moz-placeholder {
	color: #969ea2
}

:-ms-input-placeholder {
	color: #969ea2
}

select {
	width: auto;
	margin: 0 0 15px;
	padding: 10px
}

.alt-cta {
	font-size: 13px;
	margin-left: 10px
}

.alt-cta a {
	cursor: pointer
}

.alt-cta-center {
	display: block;
	text-align: center;
	font-size: 13px;
	margin-top: 10px
}

.alt-cta-center a {
	cursor: pointer
}

.submit-row {
	padding-top: 15px
}

.form h3 {
	padding-bottom: 30px
}

.form-label {
	font-size: 13px;
	padding-bottom: 10px
}

.form-input {
	font-size: 13px;
	margin-bottom: 15px
}

.paramform {
	font-size: 13px
}

.paramform .row-item {
	float: left;
	margin-right: 10px
}

.paramform .row-item span,
.paramform .row-item div,
.paramform .row-item p {
	vertical-align: text-top !important
}

.paramform .row-item .input {
	display: inline
}

.paramform .input {
	display: inline-block;
	position: relative;
	width: 100% !important
}

.paramform .field,
.paramform .fake-field {
	position: relative
}

.paramform .field:first-child,
.paramform .fake-field:first-child {
	padding-top: 0px
}

.paramform .field .label.required .required-text,
.paramform .fake-field .label.required .required-text {
	color: #ff4a00;
	filter: alpha(opacity=75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75
}

.paramform .field .label,
.paramform .field label,
.paramform .fake-field .label,
.paramform .fake-field label {
	color: #5f6c72;
	font-size: 13px;
	font-weight: 600;
	padding-bottom: 0.5em
}

.paramform .field .label .type-of,
.paramform .field label .type-of,
.paramform .fake-field .label .type-of,
.paramform .fake-field label .type-of {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 5px
}

.paramform .field .label .type-of a,
.paramform .field label .type-of a,
.paramform .fake-field .label .type-of a,
.paramform .fake-field label .type-of a {
	background-color: #EAEAEA;
	border: 1px solid #E0E0E0;
	color: #BBB;
	padding: 0 3px
}

.paramform .field .label .type-of a:hover,
.paramform .field label .type-of a:hover,
.paramform .fake-field .label .type-of a:hover,
.paramform .fake-field label .type-of a:hover {
	text-decoration: none
}

.paramform .field .label .type-of i,
.paramform .field label .type-of i,
.paramform .fake-field .label .type-of i,
.paramform .fake-field label .type-of i {
	font-size: 10px
}

.paramform .field .label .type-of.type-of-bool i,
.paramform .field label .type-of.type-of-bool i,
.paramform .fake-field .label .type-of.type-of-bool i,
.paramform .fake-field label .type-of.type-of-bool i {
	font-size: 8px
}

.paramform .field .label .required-text,
.paramform .field .label .extra,
.paramform .field label .required-text,
.paramform .field label .extra,
.paramform .fake-field .label .required-text,
.paramform .fake-field .label .extra,
.paramform .fake-field label .required-text,
.paramform .fake-field label .extra {
	color: #BBB;
	font-weight: 300;
	font-size: 12px;
	margin-left: 5px
}

.paramform .field .label .required-text,
.paramform .field label .required-text,
.paramform .fake-field .label .required-text,
.paramform .fake-field label .required-text {
	color: #aaa
}

.paramform .field .input ul,
.paramform .fake-field .input ul {
	margin: 15px 0 0
}

.paramform .field .input ul label,
.paramform .fake-field .input ul label {
	text-indent: -21px;
	padding-left: 21px
}

.paramform .field .helper,
.paramform .fake-field .helper {
	font-size: 13px;
	padding-bottom: 10px;
	color: #777;
	line-height: 1.5em;
	max-width: 600px
}

.paramform .field .helper p:last-child,
.paramform .fake-field .helper p:last-child {
	margin-bottom: 0
}

.paramform .field .fill-button,
.paramform .fake-field .fill-button {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: #fcfcfc;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-color: #dfdfdf #dfdfdf #dadada;
	-moz-border-radius: 0 0 2px 0;
	-webkit-border-radius: 0 0 2px 0;
	border-radius: 0 0 2px 0;
	border-style: solid;
	border-width: 1px;
	bottom: 15px;
	cursor: pointer !important;
	right: 0;
	top: 0;
	position: absolute;
	width: 42px;
	height: inherit;
	z-index: 2
}

.paramform .field .fill-button:active,
.paramform .fake-field .fill-button:active {
	-webkit-box-shadow: inset, 0px, 0px, 2px;
	-moz-box-shadow: inset, 0px, 0px, 2px;
	box-shadow: inset, 0px, 0px, 2px
}

.paramform .field .fill-button.popout-button,
.paramform .fake-field .fill-button.popout-button {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/popout.png")
}

.paramform .field .fill-button.textarea,
.paramform .fake-field .fill-button.textarea {
	border-bottom: 1px solid #ccc
}

.paramform .field .fill-button:hover,
.paramform .fake-field .fill-button:hover {
	background-color: #f2f2f2
}

.paramform .field .add-placeholder,
.paramform .fake-field .add-placeholder {
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: top;
	margin: 5px;
	z-index: 2
}

.paramform .field .add-placeholder span,
.paramform .fake-field .add-placeholder span {
	background-size: 13px 13px !important;
	height: 13px;
	margin-right: 4px;
	margin-left: 4px;
	width: 13px;
	position: relative;
	top: -1px
}

.paramform .field .add-or-remove,
.paramform .fake-field .add-or-remove {
	max-width: 71px;
	min-width: 71px;
	vertical-align: top;
	display: inline-block;
	margin: 7px 5px
}

.paramform .field.selectfill .fill-button,
.paramform .field.prefill .fill-button {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/down.png")
}

.paramform .field .CodeMirror-scroll {
	max-height: 500px
}

.paramform .field.code .CodeMirror {
	font-family: monospace
}

.paramform .fake-field .fill-button {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/down.png");
	top: 0;
	bottom: 0
}

.paramform .field.prefill .CodeMirror-lines,
.paramform .field.prefill .PrettyPills,
.paramform .field.selectfill .CodeMirror-lines,
.paramform .field.selectfill .PrettyPills {
	cursor: pointer
}

.paramform .field.prefill.not_locked .CodeMirror-lines,
.paramform .field.prefill.not_locked .PrettyPills,
.paramform .field.selectfill.not_locked .CodeMirror-lines,
.paramform .field.selectfill.not_locked .PrettyPills {
	cursor: text
}

.paramform .field.busy .fill-button {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/ajax-loader-small.gif")
}

.paramform .field.valid .CodeMirror-focused,
.paramform .field.valid input[type=text]:focus,
.paramform .field.valid input[type=password]:focus {
	background-color: #EDFFEA
}

.paramform .field.invalid .CodeMirror-focused,
.paramform .field.invalid input[type=text]:focus,
.paramform .field.invalid input[type=password]:focus {
	background-color: #FFF4F4
}

.paramform .field.text .status {
	bottom: 17px
}

.paramform .flanked {
	display: inline-block;
	vertical-align: top;
	width: 200px
}

.paramform .input-flanker {
	line-height: 39px
}

.paramform .field.copy-button-container .add-placeholder {
	display: none
}

.paramform .field .copy-button {
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: top;
	margin: 5px;
	z-index: 2
}

.paramform .field .copy-button span {
	background-size: 13px 13px !important;
	height: 13px;
	margin-right: 4px;
	margin-left: 4px;
	width: 13px;
	position: relative;
	top: -1px
}

.paramform .field.confirmation .confirmation-button {
	width: 160px !important;
	margin-left: 0 !important;
	margin-right: 10px !important;
	text-align: center !important
}

.paramform .field.confirmation .send-confirmation {
	margin-bottom: 14px
}

.paramform .field.confirmation input {
	width: 70% !important
}

.paramform .field.checkbox>.helper {
	display: none
}

.paramform .field.checkbox .input input[type="checkbox"] {
	float: left
}

.paramform .field.checkbox .input label {
	display: block;
	line-height: 1.5em;
	margin: 0 0 0 22px
}

.paramform .field.upload .input {
	margin-bottom: 15px
}

.paramform .field.upload .file-button-wrapper {
	position: relative;
	display: table-cell
}

.paramform .field.upload .file-button-wrapper input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0;
	width: 100%
}

.paramform .field.upload .currently {
	display: table-cell;
	vertical-align: middle;
	padding-left: 8px;
	color: #777
}

.paramform .field.dict input {
	width: 28%;
	float: left;
	margin-right: 2%;
	padding-bottom: 13px
}

.paramform .field.dict .PrettyPills {
	width: 70%;
	float: left
}

.paramform .field.list.list-parent>*,
.paramform .fake-field.list.list-parent>* {
	display: none !important
}

.paramform .field.list.list-parent>.label,
.paramform .fake-field.list.list-parent>.label {
	display: block !important
}

.paramform .field.list.list-parent>.helper,
.paramform .fake-field.list.list-parent>.helper {
	display: block !important
}

.paramform .field.list.list-child>.label,
.paramform .fake-field.list.list-child>.label {
	display: none !important
}

.paramform .field.list.list-child>.helper,
.paramform .fake-field.list.list-child>.helper {
	display: none !important
}

.paramform .field.list.list-child,
.paramform .fake-field.list.list-child {
	padding-top: 0 !important
}

.paramform .field.list .input,
.paramform .fake-field.list .input {
	width: 75%
}

.paramform .field.list .add,
.paramform .fake-field.list .add {
	margin-left: 16px
}

.paramform .field.list .add,
.paramform .field.list .remove,
.paramform .fake-field.list .add,
.paramform .fake-field.list .remove {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	cursor: pointer !important;
	height: 26px;
	width: 26px;
	vertical-align: middle
}

.paramform .field.list .add:hover,
.paramform .field.list .remove:hover,
.paramform .fake-field.list .add:hover,
.paramform .fake-field.list .remove:hover {
	background-color: #eee
}

.paramform .field.list .add,
.paramform .fake-field.list .add {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
	background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
	background-image: -moz-linear-gradient(top, #fff, #f7f7f7);
	background-image: -ms-linear-gradient(top, #fff, #f7f7f7);
	background-image: -o-linear-gradient(top, #fff, #f7f7f7);
	background-image: linear-gradient(top, #fff, #f7f7f7);
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/icons/plus-small.bw.png");
	border-right: 0px
}

.paramform .field.list .remove,
.paramform .fake-field.list .remove {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7));
	background-image: -webkit-linear-gradient(top, #fff, #f7f7f7);
	background-image: -moz-linear-gradient(top, #fff, #f7f7f7);
	background-image: -ms-linear-gradient(top, #fff, #f7f7f7);
	background-image: -o-linear-gradient(top, #fff, #f7f7f7);
	background-image: linear-gradient(top, #fff, #f7f7f7);
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/icons/minus-small.bw.png");
	margin-left: -4px
}

.paramform .errorlist {
	margin: 0 0 10px;
	color: #e52f00
}

.pagination {
	display: inline-block;
	margin: 10px 0 0;
	text-align: center;
	width: 100%;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.pagination div {
	display: inline-block
}

.pagination .page-numbers {
	font-size: 12px;
	min-width: 100px
}

.pagination .page-numbers span {
	font-size: 14px;
	margin: 0 3px
}

.pagination .page-nav {
	vertical-align: middle
}

.pagination .page-nav a .page-nav-icon {
	width: 30px;
	height: 30px;
	color: #499df3;
	-moz-transition-property: color;
	-o-transition-property: color;
	-webkit-transition-property: color;
	transition-property: color;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}

.pagination .page-nav a.disabled {
	cursor: default
}

.pagination .page-nav a.disabled .page-nav-icon {
	color: #DDD
}

.pagination .page-nav a.disabled:hover .page-nav-icon {
	color: #DDD
}

.pagination .page-nav a:hover {
	text-decoration: none
}

.pagination .page-nav a:hover .page-nav-icon {
	color: #ff4a00
}

.pagination .page-nav a:active .page-nav-icon {
	color: #777;
	text-decoration: none
}

.modal-container {
	box-shadow: 0 0 1px rgba(95, 108, 114, 0.08), 0 2px 18px rgba(95, 108, 114, 0.18);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	z-index: 101
}

.modal-container .x {
	width: 18px;
	height: 18px;
	color: #dadfe2;
	font-size: 18px;
	position: absolute;
	right: 16px;
	top: 16px;
	z-index: 102
}

.modal-container .x:hover {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor: pointer
}

.modal-container .x:hover i:before {
	color: #ff4a00
}

.modal-container .modal {
	display: block;
	position: relative;
	overflow-x: hidden !important;
	overflow-y: auto !important
}

.modal-container .modal.short>div {
	max-height: 200px
}

.modal-container .modal.medium>div {
	max-height: 325px
}

.modal-container .modal .plain-html {
	max-width: 500px;
	padding: 20px
}

.modal-container .modal h2 {
	padding-top: 0
}

.modal-container .modal table {
	margin-bottom: 0
}

.modal-container .modal pre.error {
	white-space: normal
}

.modal-container .modal .rename-container {
	margin: 20px 0
}

.modal-container .modal .create-collection {
	padding-bottom: 40px
}

.modal-container .modal .confirm {
	padding: 20px;
	max-width: 400px
}

.modal-container .modal .login {
	background-color: #f9f9f9;
	border-color: #DDD;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 20px;
	width: 300px
}

.modal-container .modal .login .feedback {
	margin: 15px 0 0
}

.modal-container .modal .run-zap {
	width: 400px;
	padding: 20px
}

.modal-container .modal .run-zap h2 {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	width: 95%
}

.modal-container .modal .run-zap ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 0
}

.modal-container .modal .run-zap ul li {
	padding: 4px 0 4px 22px;
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/tick-16.png") no-repeat 0 5px
}

.modal-container .modal .run-zap ul li.error {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/cross-16.png") no-repeat 0 5px
}

.modal-container .modal .run-zap .help {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 4px 21px
}

.modal-container .modal .new-auth,
.modal-container .modal .request-auth {
	padding: 20px
}

.modal-container .modal .new-auth h1,
.modal-container .modal .request-auth h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px
}

.modal-container .modal .new-auth h2,
.modal-container .modal .request-auth h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px
}

.modal-container .modal .new-auth .feedback,
.modal-container .modal .request-auth .feedback {
	margin: 25px 0 5px
}

.modal-container .modal .new-auth .paramform .copy-button,
.modal-container .modal .request-auth .paramform .copy-button {
	display: none
}

.modal-container .modal .raw-error {
	padding: 20px;
	max-width: 520px
}

.modal-container .modal .raw-error pre {
	white-space: pre-wrap
}

.modal-container .modal .raw-error h1 {
	background: transparent url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/exclamation.png") left 35% no-repeat;
	padding-left: 35px !important
}

.modal-container .modal .menu ul,
.modal-container .modal .select ul {
	margin-bottom: 0
}

.modal-container .modal .menu ul li,
.modal-container .modal .select ul li {
	display: block;
	line-height: 1.75em
}

.modal-container .modal .menu ul li a,
.modal-container .modal .select ul li a {
	background-color: #FEFEFE;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: block;
	padding: 5px 10px;
	text-decoration: none
}

.modal-container .modal .menu ul li a:hover,
.modal-container .modal .select ul li a:hover {
	background-color: #f1f4f5;
	text-decoration: none
}

.modal-container .modal .menu ul li i,
.modal-container .modal .select ul li i {
	margin-right: 10px;
	width: 14px;
	display: inline-block;
	text-align: center
}

.modal-container .modal .menu ul li i:before,
.modal-container .modal .select ul li i:before {
	font-size: 14px;
	vertical-align: middle
}

.modal-container .modal .menu ul li:not(:last-child) a,
.modal-container .modal .select ul li:not(:last-child) a {
	border-bottom: 1px solid #dadfe2
}

.modal-container .modal .menu ul li.no-hover a:hover,
.modal-container .modal .menu ul li.no-hover a:active,
.modal-container .modal .select ul li.no-hover a:hover,
.modal-container .modal .select ul li.no-hover a:active {
	background-color: #fff;
	border-bottom: 1px solid #eee !important;
	color: inherit;
	cursor: default
}

.modal-container .modal .menu {
	border-radius: 3px;
	border: 1px solid #ddd;
	min-width: 250px;
	overflow: hidden
}

.modal-container .modal .menu ul li a {
	color: #777
}

.modal-container .modal .select {
	padding: 0;
	overflow-y: auto
}

.modal-container .modal .collect-email {
	padding: 20px
}

.modal-container .modal .collect-email #email {
	margin: 10px 0
}

.modal-container .modal .collect-email input[type="submit"] {
	margin-top: 10px
}

.modal-container .modal .collect-email .feedback {
	font-size: 13px;
	margin: 10px 0 15px 2px
}

.modal-container .modal .upgrade-prompt h1 {
	text-align: center;
	margin-top: 25px
}

.modal-container .modal .upgrade-prompt .container {
	text-align: center
}

.modal-container .modal .upgrade-prompt img {
	border: 1px solid #ddd !important
}

.modal-container .modal .upgrade-prompt p {
	margin: 15px 0;
	font-size: 16px;
	font-weight: 300
}

.modal-container .modal .upgrade-prompt ul {
	font-size: 13px
}

.modal-container .modal .persona-modal {
	padding: 20px
}

.modal-container .modal .persona-modal form {
	padding: 20px 0 0
}

.modal-container .modal .persona-modal ul li {
	margin-bottom: 5px
}

.modal-container .modal .support-definition {
	padding: 5px 20px;
	width: 450px
}

.modal-container .modal .send-csv-modal {
	width: 450px
}

.modal-container .modal .send-csv-modal .the-content {
	padding: 12px 18px;
	padding-bottom: 0
}

.modal-container .modal .send-csv-modal .bottom {
	text-align: right;
	padding-left: 18px;
	padding-right: 18px
}

.modal-container .modal .selectfill-wrapper,
.modal-container .modal .userfill-wrapper,
.modal-container .modal .prefill-wrapper,
.modal-container .modal .fieldfill-wrapper,
.modal-container .modal .givefill-wrapper {
	min-width: 450px;
	max-height: 450px;
	border-width: 1px 1px 2px;
	border-style: solid;
	border-color: #dedede;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.modal-container .modal .selectfill-wrapper .loading,
.modal-container .modal .selectfill-wrapper .still-loading,
.modal-container .modal .selectfill-wrapper .still-still-loading,
.modal-container .modal .selectfill-wrapper .empty,
.modal-container .modal .userfill-wrapper .loading,
.modal-container .modal .userfill-wrapper .still-loading,
.modal-container .modal .userfill-wrapper .still-still-loading,
.modal-container .modal .userfill-wrapper .empty,
.modal-container .modal .prefill-wrapper .loading,
.modal-container .modal .prefill-wrapper .still-loading,
.modal-container .modal .prefill-wrapper .still-still-loading,
.modal-container .modal .prefill-wrapper .empty,
.modal-container .modal .fieldfill-wrapper .loading,
.modal-container .modal .fieldfill-wrapper .still-loading,
.modal-container .modal .fieldfill-wrapper .still-still-loading,
.modal-container .modal .fieldfill-wrapper .empty,
.modal-container .modal .givefill-wrapper .loading,
.modal-container .modal .givefill-wrapper .still-loading,
.modal-container .modal .givefill-wrapper .still-still-loading,
.modal-container .modal .givefill-wrapper .empty {
	color: #4d4d4d;
	font-style: italic;
	font-size: 13px
}

.modal-container .modal .selectfill-wrapper .empty,
.modal-container .modal .userfill-wrapper .empty,
.modal-container .modal .prefill-wrapper .empty,
.modal-container .modal .fieldfill-wrapper .empty,
.modal-container .modal .givefill-wrapper .empty {
	padding: 8px
}

.modal-container .modal .selectfill-wrapper .empty button,
.modal-container .modal .userfill-wrapper .empty button,
.modal-container .modal .prefill-wrapper .empty button,
.modal-container .modal .fieldfill-wrapper .empty button,
.modal-container .modal .givefill-wrapper .empty button {
	width: 100%
}

.modal-container .modal .selectfill-wrapper .warn-prefill-select,
.modal-container .modal .userfill-wrapper .warn-prefill-select,
.modal-container .modal .prefill-wrapper .warn-prefill-select,
.modal-container .modal .fieldfill-wrapper .warn-prefill-select,
.modal-container .modal .givefill-wrapper .warn-prefill-select {
	background-color: #f7f7f7;
	border-bottom: 1px solid #EEE;
	font-size: 13px;
	line-height: 1.6em;
	padding: 10px
}

.modal-container .modal .selectfill-wrapper .loading,
.modal-container .modal .selectfill-wrapper .still-loading,
.modal-container .modal .selectfill-wrapper .still-still-loading,
.modal-container .modal .userfill-wrapper .loading,
.modal-container .modal .userfill-wrapper .still-loading,
.modal-container .modal .userfill-wrapper .still-still-loading,
.modal-container .modal .prefill-wrapper .loading,
.modal-container .modal .prefill-wrapper .still-loading,
.modal-container .modal .prefill-wrapper .still-still-loading,
.modal-container .modal .fieldfill-wrapper .loading,
.modal-container .modal .fieldfill-wrapper .still-loading,
.modal-container .modal .fieldfill-wrapper .still-still-loading,
.modal-container .modal .givefill-wrapper .loading,
.modal-container .modal .givefill-wrapper .still-loading,
.modal-container .modal .givefill-wrapper .still-still-loading {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/ajax-loader-small.gif") 10px 9px no-repeat;
	display: none;
	padding: 10px 5px 10px 35px
}

.modal-container .modal .selectfill-wrapper .nomatch,
.modal-container .modal .userfill-wrapper .nomatch,
.modal-container .modal .prefill-wrapper .nomatch,
.modal-container .modal .fieldfill-wrapper .nomatch,
.modal-container .modal .givefill-wrapper .nomatch {
	color: #333 !important;
	display: none;
	font-style: italic;
	font-size: 12px;
	padding: 8px 12px
}

.modal-container .modal .selectfill-wrapper li,
.modal-container .modal .userfill-wrapper li,
.modal-container .modal .prefill-wrapper li,
.modal-container .modal .fieldfill-wrapper li,
.modal-container .modal .givefill-wrapper li {
	line-height: 1.4em !important
}

.modal-container .modal .selectfill-wrapper li a,
.modal-container .modal .userfill-wrapper li a,
.modal-container .modal .prefill-wrapper li a,
.modal-container .modal .fieldfill-wrapper li a,
.modal-container .modal .givefill-wrapper li a {
	color: #333;
	font-size: 13px;
	cursor: pointer
}

.modal-container .modal .selectfill-wrapper li span,
.modal-container .modal .userfill-wrapper li span,
.modal-container .modal .prefill-wrapper li span,
.modal-container .modal .fieldfill-wrapper li span,
.modal-container .modal .givefill-wrapper li span {
	color: #999;
	font-size: 12px;
	font-weight: 500;
	max-width: 100%;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis
}

.modal-container .modal .selectfill-wrapper li[data-type=file],
.modal-container .modal .userfill-wrapper li[data-type=file],
.modal-container .modal .prefill-wrapper li[data-type=file],
.modal-container .modal .fieldfill-wrapper li[data-type=file],
.modal-container .modal .givefill-wrapper li[data-type=file] {
	background-color: #e0eefd !important
}

.modal-container .modal .selectfill-wrapper li:hover[data-type=file],
.modal-container .modal .userfill-wrapper li:hover[data-type=file],
.modal-container .modal .prefill-wrapper li:hover[data-type=file],
.modal-container .modal .fieldfill-wrapper li:hover[data-type=file],
.modal-container .modal .givefill-wrapper li:hover[data-type=file] {
	background-color: #499df3 !important
}

.modal-container .modal .selectfill-wrapper li:hover span,
.modal-container .modal .userfill-wrapper li:hover span,
.modal-container .modal .prefill-wrapper li:hover span,
.modal-container .modal .fieldfill-wrapper li:hover span,
.modal-container .modal .givefill-wrapper li:hover span {
	color: #FFF
}

.modal-container .modal .selectfill-wrapper li.empty-value a,
.modal-container .modal .selectfill-wrapper li.custom-value a,
.modal-container .modal .selectfill-wrapper li.placeholder-value a,
.modal-container .modal .selectfill-wrapper li.load-more a,
.modal-container .modal .userfill-wrapper li.empty-value a,
.modal-container .modal .userfill-wrapper li.custom-value a,
.modal-container .modal .userfill-wrapper li.placeholder-value a,
.modal-container .modal .userfill-wrapper li.load-more a,
.modal-container .modal .prefill-wrapper li.empty-value a,
.modal-container .modal .prefill-wrapper li.custom-value a,
.modal-container .modal .prefill-wrapper li.placeholder-value a,
.modal-container .modal .prefill-wrapper li.load-more a,
.modal-container .modal .fieldfill-wrapper li.empty-value a,
.modal-container .modal .fieldfill-wrapper li.custom-value a,
.modal-container .modal .fieldfill-wrapper li.placeholder-value a,
.modal-container .modal .fieldfill-wrapper li.load-more a,
.modal-container .modal .givefill-wrapper li.empty-value a,
.modal-container .modal .givefill-wrapper li.custom-value a,
.modal-container .modal .givefill-wrapper li.placeholder-value a,
.modal-container .modal .givefill-wrapper li.load-more a {
	font-weight: 400
}

.modal-container .modal .selectfill-wrapper li.empty-value a span,
.modal-container .modal .selectfill-wrapper li.custom-value a span,
.modal-container .modal .selectfill-wrapper li.placeholder-value a span,
.modal-container .modal .selectfill-wrapper li.load-more a span,
.modal-container .modal .userfill-wrapper li.empty-value a span,
.modal-container .modal .userfill-wrapper li.custom-value a span,
.modal-container .modal .userfill-wrapper li.placeholder-value a span,
.modal-container .modal .userfill-wrapper li.load-more a span,
.modal-container .modal .prefill-wrapper li.empty-value a span,
.modal-container .modal .prefill-wrapper li.custom-value a span,
.modal-container .modal .prefill-wrapper li.placeholder-value a span,
.modal-container .modal .prefill-wrapper li.load-more a span,
.modal-container .modal .fieldfill-wrapper li.empty-value a span,
.modal-container .modal .fieldfill-wrapper li.custom-value a span,
.modal-container .modal .fieldfill-wrapper li.placeholder-value a span,
.modal-container .modal .fieldfill-wrapper li.load-more a span,
.modal-container .modal .givefill-wrapper li.empty-value a span,
.modal-container .modal .givefill-wrapper li.custom-value a span,
.modal-container .modal .givefill-wrapper li.placeholder-value a span,
.modal-container .modal .givefill-wrapper li.load-more a span {
	float: right
}

.modal-container .modal .selectfill-wrapper li.load-more a,
.modal-container .modal .userfill-wrapper li.load-more a,
.modal-container .modal .prefill-wrapper li.load-more a,
.modal-container .modal .fieldfill-wrapper li.load-more a,
.modal-container .modal .givefill-wrapper li.load-more a {
	color: #999;
	font-style: italic
}

.modal-container .modal .selectfill-wrapper .search,
.modal-container .modal .userfill-wrapper .search,
.modal-container .modal .prefill-wrapper .search,
.modal-container .modal .fieldfill-wrapper .search,
.modal-container .modal .givefill-wrapper .search {
	background: #f7f7f7;
	border-bottom: 1px solid #e7e7e7;
	color: #999;
	padding: 5px
}

.modal-container .modal .selectfill-wrapper .search input,
.modal-container .modal .userfill-wrapper .search input,
.modal-container .modal .prefill-wrapper .search input,
.modal-container .modal .fieldfill-wrapper .search input,
.modal-container .modal .givefill-wrapper .search input {
	font-size: 13px;
	margin: 0 0 1px 0;
	padding: 5px
}

.modal-container .modal .selectfill-wrapper .search input:focus,
.modal-container .modal .userfill-wrapper .search input:focus,
.modal-container .modal .prefill-wrapper .search input:focus,
.modal-container .modal .fieldfill-wrapper .search input:focus,
.modal-container .modal .givefill-wrapper .search input:focus {
	margin: 0
}

.modal-container .modal .selectfill-wrapper.loading_choices .loading,
.modal-container .modal .userfill-wrapper.loading_choices .loading,
.modal-container .modal .prefill-wrapper.loading_choices .loading,
.modal-container .modal .fieldfill-wrapper.loading_choices .loading,
.modal-container .modal .givefill-wrapper.loading_choices .loading {
	display: block
}

.modal-container .modal .selectfill-wrapper.loading_choices .still-loading,
.modal-container .modal .userfill-wrapper.loading_choices .still-loading,
.modal-container .modal .prefill-wrapper.loading_choices .still-loading,
.modal-container .modal .fieldfill-wrapper.loading_choices .still-loading,
.modal-container .modal .givefill-wrapper.loading_choices .still-loading {
	display: none
}

.modal-container .modal .selectfill-wrapper.loading_choices .still-still-loading,
.modal-container .modal .userfill-wrapper.loading_choices .still-still-loading,
.modal-container .modal .prefill-wrapper.loading_choices .still-still-loading,
.modal-container .modal .fieldfill-wrapper.loading_choices .still-still-loading,
.modal-container .modal .givefill-wrapper.loading_choices .still-still-loading {
	display: none
}

.modal-container .modal .selectfill-wrapper.loading_choices .search,
.modal-container .modal .userfill-wrapper.loading_choices .search,
.modal-container .modal .prefill-wrapper.loading_choices .search,
.modal-container .modal .fieldfill-wrapper.loading_choices .search,
.modal-container .modal .givefill-wrapper.loading_choices .search {
	display: none
}

.modal-container .modal .selectfill-wrapper.loading_choices .load-more,
.modal-container .modal .userfill-wrapper.loading_choices .load-more,
.modal-container .modal .prefill-wrapper.loading_choices .load-more,
.modal-container .modal .fieldfill-wrapper.loading_choices .load-more,
.modal-container .modal .givefill-wrapper.loading_choices .load-more {
	display: none
}

.modal-container .modal .selectfill-wrapper.loading_choices .custom-value,
.modal-container .modal .userfill-wrapper.loading_choices .custom-value,
.modal-container .modal .prefill-wrapper.loading_choices .custom-value,
.modal-container .modal .fieldfill-wrapper.loading_choices .custom-value,
.modal-container .modal .givefill-wrapper.loading_choices .custom-value {
	display: none
}

.modal-container .modal .selectfill-wrapper.loading_choices ul,
.modal-container .modal .userfill-wrapper.loading_choices ul,
.modal-container .modal .prefill-wrapper.loading_choices ul,
.modal-container .modal .fieldfill-wrapper.loading_choices ul,
.modal-container .modal .givefill-wrapper.loading_choices ul {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-loading_choices .loading,
.modal-container .modal .userfill-wrapper.still-loading_choices .loading,
.modal-container .modal .prefill-wrapper.still-loading_choices .loading,
.modal-container .modal .fieldfill-wrapper.still-loading_choices .loading,
.modal-container .modal .givefill-wrapper.still-loading_choices .loading {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-loading_choices .still-loading,
.modal-container .modal .userfill-wrapper.still-loading_choices .still-loading,
.modal-container .modal .prefill-wrapper.still-loading_choices .still-loading,
.modal-container .modal .fieldfill-wrapper.still-loading_choices .still-loading,
.modal-container .modal .givefill-wrapper.still-loading_choices .still-loading {
	display: block
}

.modal-container .modal .selectfill-wrapper.still-loading_choices .still-still-loading,
.modal-container .modal .userfill-wrapper.still-loading_choices .still-still-loading,
.modal-container .modal .prefill-wrapper.still-loading_choices .still-still-loading,
.modal-container .modal .fieldfill-wrapper.still-loading_choices .still-still-loading,
.modal-container .modal .givefill-wrapper.still-loading_choices .still-still-loading {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-loading_choices .search,
.modal-container .modal .userfill-wrapper.still-loading_choices .search,
.modal-container .modal .prefill-wrapper.still-loading_choices .search,
.modal-container .modal .fieldfill-wrapper.still-loading_choices .search,
.modal-container .modal .givefill-wrapper.still-loading_choices .search {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-loading_choices .load-more,
.modal-container .modal .userfill-wrapper.still-loading_choices .load-more,
.modal-container .modal .prefill-wrapper.still-loading_choices .load-more,
.modal-container .modal .fieldfill-wrapper.still-loading_choices .load-more,
.modal-container .modal .givefill-wrapper.still-loading_choices .load-more {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-loading_choices .custom-value,
.modal-container .modal .userfill-wrapper.still-loading_choices .custom-value,
.modal-container .modal .prefill-wrapper.still-loading_choices .custom-value,
.modal-container .modal .fieldfill-wrapper.still-loading_choices .custom-value,
.modal-container .modal .givefill-wrapper.still-loading_choices .custom-value {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-loading_choices ul,
.modal-container .modal .userfill-wrapper.still-loading_choices ul,
.modal-container .modal .prefill-wrapper.still-loading_choices ul,
.modal-container .modal .fieldfill-wrapper.still-loading_choices ul,
.modal-container .modal .givefill-wrapper.still-loading_choices ul {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-still-loading_choices .loading,
.modal-container .modal .userfill-wrapper.still-still-loading_choices .loading,
.modal-container .modal .prefill-wrapper.still-still-loading_choices .loading,
.modal-container .modal .fieldfill-wrapper.still-still-loading_choices .loading,
.modal-container .modal .givefill-wrapper.still-still-loading_choices .loading {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-still-loading_choices .still-loading,
.modal-container .modal .userfill-wrapper.still-still-loading_choices .still-loading,
.modal-container .modal .prefill-wrapper.still-still-loading_choices .still-loading,
.modal-container .modal .fieldfill-wrapper.still-still-loading_choices .still-loading,
.modal-container .modal .givefill-wrapper.still-still-loading_choices .still-loading {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-still-loading_choices .still-still-loading,
.modal-container .modal .userfill-wrapper.still-still-loading_choices .still-still-loading,
.modal-container .modal .prefill-wrapper.still-still-loading_choices .still-still-loading,
.modal-container .modal .fieldfill-wrapper.still-still-loading_choices .still-still-loading,
.modal-container .modal .givefill-wrapper.still-still-loading_choices .still-still-loading {
	display: block
}

.modal-container .modal .selectfill-wrapper.still-still-loading_choices .search,
.modal-container .modal .userfill-wrapper.still-still-loading_choices .search,
.modal-container .modal .prefill-wrapper.still-still-loading_choices .search,
.modal-container .modal .fieldfill-wrapper.still-still-loading_choices .search,
.modal-container .modal .givefill-wrapper.still-still-loading_choices .search {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-still-loading_choices .load-more,
.modal-container .modal .userfill-wrapper.still-still-loading_choices .load-more,
.modal-container .modal .prefill-wrapper.still-still-loading_choices .load-more,
.modal-container .modal .fieldfill-wrapper.still-still-loading_choices .load-more,
.modal-container .modal .givefill-wrapper.still-still-loading_choices .load-more {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-still-loading_choices .custom-value,
.modal-container .modal .userfill-wrapper.still-still-loading_choices .custom-value,
.modal-container .modal .prefill-wrapper.still-still-loading_choices .custom-value,
.modal-container .modal .fieldfill-wrapper.still-still-loading_choices .custom-value,
.modal-container .modal .givefill-wrapper.still-still-loading_choices .custom-value {
	display: none
}

.modal-container .modal .selectfill-wrapper.still-still-loading_choices ul,
.modal-container .modal .userfill-wrapper.still-still-loading_choices ul,
.modal-container .modal .prefill-wrapper.still-still-loading_choices ul,
.modal-container .modal .fieldfill-wrapper.still-still-loading_choices ul,
.modal-container .modal .givefill-wrapper.still-still-loading_choices ul {
	display: none
}

.modal-container .modal .selectfill-wrapper.hide_load-more .load-more,
.modal-container .modal .userfill-wrapper.hide_load-more .load-more,
.modal-container .modal .prefill-wrapper.hide_load-more .load-more,
.modal-container .modal .fieldfill-wrapper.hide_load-more .load-more,
.modal-container .modal .givefill-wrapper.hide_load-more .load-more {
	display: none
}

.modal-container .modal .selectfill-wrapper.hide_empty-value .empty-value,
.modal-container .modal .userfill-wrapper.hide_empty-value .empty-value,
.modal-container .modal .prefill-wrapper.hide_empty-value .empty-value,
.modal-container .modal .fieldfill-wrapper.hide_empty-value .empty-value,
.modal-container .modal .givefill-wrapper.hide_empty-value .empty-value {
	display: none
}

.modal-container .modal .selectfill-wrapper.is_nomatch .nomatch,
.modal-container .modal .userfill-wrapper.is_nomatch .nomatch,
.modal-container .modal .prefill-wrapper.is_nomatch .nomatch,
.modal-container .modal .fieldfill-wrapper.is_nomatch .nomatch,
.modal-container .modal .givefill-wrapper.is_nomatch .nomatch {
	display: block
}

.modal-container .modal .selectfill-wrapper.not_nomatch .nomatch,
.modal-container .modal .userfill-wrapper.not_nomatch .nomatch,
.modal-container .modal .prefill-wrapper.not_nomatch .nomatch,
.modal-container .modal .fieldfill-wrapper.not_nomatch .nomatch,
.modal-container .modal .givefill-wrapper.not_nomatch .nomatch {
	display: none
}

.modal-container .modal .userfill-wrapper,
.modal-container .modal .prefill-wrapper,
.modal-container .modal .givefill-wrapper {
	max-width: 600px
}

.modal-container .modal .userfill-wrapper li a,
.modal-container .modal .prefill-wrapper li a,
.modal-container .modal .givefill-wrapper li a {
	font-weight: 600
}

.modal-container .modal .selectfill-wrapper,
.modal-container .modal .prefill-wrapper,
.modal-container .modal .fieldfill-wrapper {
	border-top: 0
}

.modal-layer {
	position: absolute;
	height: 0;
	width: 0;
	z-index: 100;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.modal-layer.no-layer {
	z-index: auto
}

.modal-layer.is_global {
	background-color: #5f6c72;
	background: rgba(53, 65, 71, 0.9);
	position: fixed;
	text-align: center;
	height: 100%;
	width: 100%
}

.modal-layer.is_global .modal-container {
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	max-height: 100%;
	overflow: hidden;
	position: relative
}

.modal-layer.is_global .modal-container .modal {
	max-height: 100%;
	max-width: 600px;
	padding: 2em;
	text-align: left;
	width: 100%
}

.modal-layer.is_global .modal-container .modal h1 {
	color: #5f6c72;
	padding-top: 0
}

.modal-layer.is_global .modal-container .modal .row p {
	text-align: left
}

.modal-layer.not_open {
	display: none
}

.modal-layer.not_global {
	background: none
}

.modal-layer.not_global .modal-container {
	overflow: hidden;
	position: absolute
}

.modal-layer.no-bg-close {
	height: 0;
	width: 0
}

.modal-layer.no-bg-close .modal-container {
	padding-bottom: 0px !important
}

.data-table {
	font-size: 14px;
	overflow: auto;
	padding: 20px;
	width: 100%;
	max-height: 500px;
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased
}

.data-table pre {
	overflow: inherit
}

.data-table .field {
	margin: 0 0 10px
}

.data-table .label {
	font-weight: 600;
	line-height: 1.5em
}

.data-table .value.nested {
	margin: 10px 0 0 10px
}

.data-table .value pre {
	line-height: 1.5em;
	margin: 0
}

.progress-bar {
	background-color: #F6F6F6;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #DEDEDE;
	display: inline-block;
	height: 12px;
	margin: 10px 0;
	overflow: hidden;
	width: 100%
}

.progress-bar .bar {
	width: 0%;
	height: 100%;
	color: white;
	float: left;
	font-size: 12px;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0e90d2;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
	height: 20px !important;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px
}

.progress-bar .bar+.bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}

.progress-bar.striped .bar {
	background-color: #149bdf;
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px
}

.progress-bar .active.bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite
}

.progress-bar .danger.bar {
	background-color: #de514c;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFC43C35', GradientType=0)
}

.progress-bar.striped .danger.bar {
	background-color: #ee5f5b;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar .success.bar {
	background-color: #5db95d
}

.progress-bar.striped .success.bar {
	background-color: #62c462
}

.progress-bar .info.bar {
	background-color: #4cb2d0
}

.progress-bar.striped .info.bar {
	background-color: #5bc0de
}

.progress-bar .warning.bar {
	background-color: #f9a834;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0)
}

.progress-bar.striped .warning.bar {
	background-color: #fbb450;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

@-webkit-keyframes infinite-spinning {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes infinite-spinning {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes infinite-spinning {
	from {
		-o-transform: rotate(0deg)
	}
	to {
		-o-transform: rotate(360deg)
	}
}

@keyframes infinite-spinning {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg)
	}
}

.spinning-star {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logo-reversed.png");
	background-size: 13px 13px;
	height: 13px;
	margin: 0 auto;
	width: 13px;
	-webkit-animation: infinite-spinning 3s linear infinite;
	-moz-animation: infinite-spinning 3s linear infinite;
	-o-animation: infinite-spinning 3s linear infinite;
	animation: infinite-spinning 3s linear infinite
}

.spinning-star.orange {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logo.png")
}

.spinning-star.large-orange {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logomark250.png");
	background-size: 40px 40px;
	height: 40px;
	width: 40px
}

.spinning-star.large-orange-stroked {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logomark-stroked-80.png");
	background-size: 40px 40px;
	height: 40px;
	width: 40px
}

.spinner {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/loading_56x56.gif");
	background-size: 26px 26px;
	height: 26px;
	width: 26px;
	margin: 2em auto 0.8em auto
}

.spinner-text {
	color: #969ea2;
	font-weight: 600
}

@-ms-keyframes wiggle {
	0% {
		-ms-transform: rotate(5deg)
	}
	50% {
		-ms-transform: rotate(-7deg)
	}
	100% {
		-ms-transform: rotate(5deg)
	}
}

@-moz-keyframes wiggle {
	0% {
		-moz-transform: rotate(5deg)
	}
	50% {
		-moz-transform: rotate(-7deg)
	}
	100% {
		-moz-transform: rotate(5deg)
	}
}

@-webkit-keyframes wiggle {
	0% {
		-webkit-transform: rotate(5deg)
	}
	50% {
		-webkit-transform: rotate(-7deg)
	}
	100% {
		-webkit-transform: rotate(5deg)
	}
}

@keyframes wiggle {
	0% {
		transform: rotate(5deg)
	}
	50% {
		transform: rotate(-5deg)
	}
	100% {
		transform: rotate(5deg)
	}
}

.wiggle:hover {
	-ms-animation: wiggle .3s 2;
	-moz-animation: wiggle .3s 2;
	-webkit-animation: wiggle .3s 2;
	animation: wiggle .3s 2
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-100%)
	}
	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-100%)
	}
	100% {
		-o-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%)
	}
	100% {
		transform: translateY(0)
	}
}

.animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(-100%)
	}
}

@-moz-keyframes slideUp {
	0% {
		-moz-transform: translateY(0)
	}
	100% {
		-moz-transform: translateY(-100%)
	}
}

@-o-keyframes slideUp {
	0% {
		-o-transform: translateY(0)
	}
	100% {
		-o-transform: translateY(-100%)
	}
}

@keyframes slideUp {
	0% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(-100%)
	}
}

.animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}

.animated {
	-webkit-animation-duration: 0.2s;
	-moz-animation-duration: 0.2s;
	-o-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.menu-notifications {
	padding: 0.75em
}

.menu-actions {
	border-left: 1px solid #f1f4f5;
	position: relative
}

@media (max-width: 750px) {
	.menu-actions {
		border-left: none;
		padding: 0;
		width: auto;
		position: static
	}
}

.content-base {
	font-size: 16px
}

.content-base .row.border {
	border-bottom: 1px solid #EEE
}

.content-base hr {
	color: #dadfe2;
	background: #dadfe2;
	border: 0;
	height: 1px;
	margin: 60px auto;
	width: 150px
}

.content-base hr.haircut {
	margin-top: 0
}

.content-base .content h1 {
	font-size: 32px;
	padding: 0;
	margin: 40px 0 20px
}

.content-base .content h1.haircut {
	margin-top: 0
}

.content-base .content h1.shave {
	margin-bottom: 0
}

.content-base .content h2 {
	font-size: 25px;
	margin: 40px 0 20px;
	padding: 0
}

.content-base .content h2.haircut {
	margin-top: 0
}

.content-base .content h2.shave {
	margin-bottom: 0
}

.content-base .content h3 {
	font-size: 20px;
	margin: 40px 0 20px;
	padding: 0
}

.content-base .content h4 {
	line-height: 1.6em;
	margin: 30px 0 20px;
	padding: 0
}

.content-base .content p,
.content-base .content ol,
.content-base .content ul {
	line-height: 1.8em;
	margin: 20px 0;
	padding: 0
}

.content-base .content p img,
.content-base .content ol img,
.content-base .content ul img {
	margin: 20px 0 20px
}

.content-base .content iframe {
	display: block;
	margin: 40px 0
}

.content-base .content form select {
	font-size: inherit
}

.content-base .content table {
	margin: 20px 0
}

.content-base .content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 30px
}

.content-base .content ul li {
	margin: 5px 0
}

.content-base .content ul.small li {
	margin: 10px 0
}

.content-base .content ol {
	list-style-position: outside;
	margin-left: 45px
}

.content-base .content ol li {
	margin: 5px 0
}

.content-base .content pre {
	white-space: auto
}

.content-base .content code {
	font-size: 14px;
	line-height: 1.7em;
	word-break: break-word
}

.content-base .content pre code,
.content-base .content .codehilite pre {
	line-height: 1.4em;
	font-size: 15px
}

.content-base .content .codehilite {
	margin: 20px 0
}

.content-base .content blockquote {
	border-left: 3px solid #ff4a00;
	font-style: italic;
	line-height: 2em;
	margin: 30px 0;
	padding-left: 20px
}

.content-base .content blockquote p {
	font-size: inherit;
	font-style: inherit;
	line-height: inherit
}

.content-base .content .pullquote {
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.2px;
	line-height: 1.8em;
	margin: 30px 0
}

.content-base .content .pullquote .attribution {
	display: inline-block;
	font-size: 16px;
	text-align: right;
	width: 100%
}

.content-base .content p.related-content {
	background-color: #F9F9F9;
	font-size: 14px;
	margin: 20px 0;
	padding: 20px
}

.content-base .content div.related-content {
	background-color: #F9F9F9;
	margin: 20px 0;
	padding: 20px
}

.content-base .content div.related-content p {
	font-size: 14px
}

.content-base .content div.related-content p:first-child {
	margin-top: 0
}

.content-base .content div.related-content ul,
.content-base .content div.related-content ol {
	font-size: 14px
}

.content-base .content div.related-content .figure {
	margin: 20px 0 0
}

.content-base .content .zap-widget {
	margin: 20px 0
}

.secondary-blog h2.subtitle,
.learning-center h2.subtitle {
	font-size: 24px;
	font-style: italic;
	margin: 10px 0 40px;
	padding: 0
}

.secondary-blog .pullquote,
.learning-center .pullquote {
	font-size: 22px
}

.simple-page {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #DADFE2;
	margin: 40px auto;
	max-width: 450px;
	padding: 1px 25px 25px
}

.simple-page.forgot .feedback {
	margin: 15px 0 0
}

.simple-page.login .feedback {
	margin: 15px 0 0
}

.simple-page.login .signup {
	font-size: 13px;
	margin: 30px 0 0
}

.preloader {
	margin: 100px auto;
	max-width: 400px;
	text-align: center
}

.preloader .boundary {
	position: relative;
	margin: 0 0 20px
}

.preloader .boundary,
.preloader .logo,
.preloader .progress {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	height: 60px;
	width: 131px
}

.preloader .progress {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logo120orange.png") 0 0 no-repeat;
	background-size: 131px 60px;
	position: absolute;
	width: 0%
}

.preloader .logo {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logo120grey.png") 0 0 no-repeat;
	background-size: 131px 60px
}

.preloader .animation {
	background: #fff;
	height: 19px;
	margin: 0 auto;
	width: 220px;
	padding: 3px 1px;
	text-align: center;
	overflow: none;
	position: relative
}

.preloader .retry {
	display: none;
	margin-top: 20px
}

#app.is_timeout .preloader .retry {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline
}

.explore-app-wrapper {
	background: #fff
}

.explore-app-wrapper .container {
	display: block
}

.recommendation-nav-loading {
	padding: 67px 0;
	margin-top: -50px
}

.recommendation-nav-loading .spinning-star {
	height: 64px;
	width: 64px;
	background-size: 64px 64px
}

.recommendations-nav {
	position: relative;
	margin: 0 auto;
	margin: 0 auto 1em auto;
	width: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width: 640px) {
	.recommendations-nav {
		margin-bottom: 0
	}
}

@media (max-width: 670px) {
	.recommendations-nav {
		margin: -4.1em auto 1em auto
	}
}

@media (max-width: 500px) {
	.recommendations-nav {
		margin: -3.3em auto 1em auto
	}
}

@media (max-width: 320px) {
	.recommendations-nav {
		margin: -2.5em auto 1em auto
	}
}

.recommendations-nav nav {
	max-width: 930px;
	margin: 0 auto;
	min-height: 156px;
	position: relative
}

@media (max-width: 670px) {
	.recommendations-nav nav {
		min-height: 90px
	}
}

@media (max-width: 320px) {
	.recommendations-nav nav {
		min-height: 70px
	}
}

.recommendations-nav .apps-list-wrapper {
	width: 80%;
	float: left;
	overflow: hidden
}

.recommendations-nav .slider-button {
	margin: 1.6em 0 0 0;
	width: 40px
}

@media (max-width: 980px) {
	.recommendations-nav .slider-button {
		margin: 1.6em 0 0 0
	}
}

@media (max-width: 670px) {
	.recommendations-nav .slider-button {
		margin: 1.2em 0 0 0
	}
}

@media (max-width: 500px) {
	.recommendations-nav .slider-button {
		margin: 0.35em 0 0 0
	}
}

@media (max-width: 320px) {
	.recommendations-nav .slider-button {
		margin: -0.35em 0 0 0
	}
}

.recommendations-nav .slider-button.left-slider-button {
	width: 10%;
	left: 1em;
	float: left
}

@media (max-width: 560px) {
	.recommendations-nav .slider-button.left-slider-button {
		left: 0
	}
}

.recommendations-nav .slider-button.left-slider-button a {
	margin: 0 auto
}

.recommendations-nav .slider-button.right-slider-button {
	width: 10%;
	right: 1em;
	float: left
}

@media (max-width: 560px) {
	.recommendations-nav .slider-button.right-slider-button {
		right: 0
	}
}

.recommendations-nav .slider-button.right-slider-button a {
	margin: 0 auto
}

.recommendations-nav .slider-button a {
	background: #fff;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #dadfe2;
	border-radius: 50%;
	display: block;
	text-decoration: none;
	height: 40px;
	width: 40px
}

.recommendations-nav .slider-button a:not(.inactive) {
	cursor: pointer
}

.recommendations-nav .slider-button a:not(.inactive):hover {
	border: 2px solid #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.recommendations-nav .slider-button a.left {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/arrow-left.png");
	background-position: 11px center
}

.recommendations-nav .slider-button a.left.inactive {
	opacity: 0.4
}

.recommendations-nav .slider-button a.right {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/arrow-right.png");
	background-position: 13px center
}

.recommendations-nav .slider-button a.right.inactive {
	opacity: 0.4
}

.recommendations-nav ul {
	margin: 0 auto;
	width: 1000%
}

.recommendations-nav ul li {
	display: inline-block;
	float: left;
	height: auto;
	margin: 0 0.15%;
	width: 1.7%
}

.recommendations-nav ul li .image-app-name-wrapper {
	margin: 0 auto
}

.recommendations-nav ul li .image-app-name-wrapper a {
	margin: 0 auto
}

.recommendations-nav ul li .image-app-name-wrapper p {
	margin: 1em auto 0
}

.recommendations-nav ul li a {
	background: #fff;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	border: 2px solid #dadfe2;
	display: block;
	height: 84px;
	width: 84px
}

.recommendations-nav ul li a.loading {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/loading_56x56.gif") !important;
	background-size: 26px;
	background-position: center;
	background-repeat: no-repeat
}

@media (max-width: 670px) {
	.recommendations-nav ul li a {
		height: 70px;
		width: 70px;
		background-size: 30px
	}
}

@media (max-width: 500px) {
	.recommendations-nav ul li a {
		height: 50px;
		width: 50px;
		background-size: 25px
	}
}

@media (max-width: 320px) {
	.recommendations-nav ul li a {
		background-size: 15px;
		height: 30px;
		width: 30px
	}
}

.recommendations-nav ul li a:hover {
	border: 3px solid #499df3
}

.recommendations-nav ul li a.current {
	border: 3px solid #499df3
}

.recommendations-nav ul li .recommended-app-title {
	color: #b1b7ba;
	font-weight: 600;
	margin: 1em 30% 1em 0;
	text-align: center
}

.recommendations-nav ul li .recommended-app-title.current {
	color: #5f6c72
}

@media (max-width: 670px) {
	.recommendations-nav ul li .recommended-app-title {
		display: none
	}
}

.zap-plus {
	color: #5f6c72;
	float: left;
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.9em;
	padding: 0 0.3em
}

.recommended-article--large {
	background: #5f6c72;
	border-radius: 3px;
	height: 365px;
	margin-bottom: 2.5em;
	overflow: hidden;
	width: 100%
}

@media (max-width: 1000px) {
	.recommended-article--large {
		height: auto
	}
}

@media (max-width: 640px) {
	.recommended-article--large {
		margin-bottom: 1.5em
	}
}

.recommended-article--large .zap-plus {
	color: rgba(255, 255, 255, 0.5)
}

.recommended-article--large .large-article-title {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	height: 365px;
	float: left;
	padding: 2em;
	position: relative;
	width: 45%
}

@media (max-width: 1000px) {
	.recommended-article--large .large-article-title {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		height: auto;
		width: 100%
	}
}

@media (max-width: 640px) {
	.recommended-article--large .large-article-title {
		padding: 1.5em
	}
}

.recommended-article--large .large-article-title h1 {
	color: #fff;
	font-size: 3em;
	line-height: 1.3em;
	margin: 0.3em 0
}

.recommended-article--large .large-article-title h1.small {
	font-size: 2.4em
}

.recommended-article--large .large-article-title h1 a {
	color: #fff;
	text-decoration: none
}

.recommended-article--large .large-article-title h1 a:hover {
	border: none;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.recommended-article--large .large-article-title p {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.3em
}

.recommended-article--large .large-article-recommended-zaps {
	float: left;
	height: 365px;
	padding: 2em;
	width: 55%
}

@media (max-width: 1000px) {
	.recommended-article--large .large-article-recommended-zaps {
		height: auto;
		width: 100%
	}
}

@media (max-width: 640px) {
	.recommended-article--large .large-article-recommended-zaps {
		padding: 1.5em
	}
}

.recommended-article--large .large-article-recommended-zaps.large-article-recommended-zaps-missing {
	opacity: 0.8;
	padding: 0
}

.recommended-article--large .large-article-button {
	background: #fff;
	border: none;
	border-radius: 3px;
	color: #5f6c72;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 600;
	padding: 1em 1.3em;
	position: absolute;
	bottom: 2em;
	text-decoration: none
}

.recommended-article--large .large-article-button:hover {
	color: #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

@media (max-width: 1000px) {
	.recommended-article--large .large-article-button {
		position: relative;
		bottom: 0
	}
}

.app-bubbles-container {
	position: absolute;
	bottom: 2.3em;
	right: 2em;
	overflow: hidden
}

@media (max-width: 1000px) {
	.app-bubbles-container {
		bottom: -13px;
		left: 0;
		margin: 1em 0;
		position: relative;
		width: 100%
	}
}

.app-bubbles-container .app-bubble {
	background: #fff;
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	border: 3px solid transparent;
	border-radius: 50%;
	box-sizing: content-box;
	display: block;
	float: left;
	height: 45px;
	position: relative;
	width: 45px
}

.app-bubbles-container .app-bubble.layer {
	margin-left: -1.5em
}

.app-bubbles-container .app-bubble.slack {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/slack-logo.png")
}

.app-bubbles-container .app-bubble.gmail {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gmail-logo.png")
}

.app-bubbles-container .app-bubble.twitter {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/twitter-logo.png")
}

.app-bubbles-container .app-bubble.trello {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/trello-logo.png")
}

.app-bubbles-container .app-bubble.gcal {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcal-logo.png")
}

.app-bubbles-container .app-bubble.gcontacts {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcontacts-logo.png")
}

.app-bubbles-container .app-bubble.gspreadsheets {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gspreadsheets-logo.png")
}

.app-bubbles-container .app-bubble.mailchimp {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mailchimp-logo.png")
}

.app-bubbles-container .app-bubble.stripe {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/stripe-logo.png")
}

.app-bubbles-container .app-bubble.typeform {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/typeform-logo.png")
}

.app-bubbles-container .app-bubble.dropbox {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/dropbox-logo.png")
}

.app-bubbles-container .app-bubble.survey-monkey {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/survey-monkey-logo.png")
}

.app-bubbles-container .app-bubble.hipchat {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/hipchat-logo.png")
}

.app-bubbles-container .app-bubble.asana {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/asana-logo.png")
}

.app-bubbles-container .app-bubble.evernote {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/evernote-logo.png")
}

.app-bubbles-container .app-bubble.phone-sms {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/phone-sms-logo.png")
}

.app-bubbles-container .app-bubble.schedule {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/schedule-logo.png")
}

.embedded-zap-card {
	background: #fff;
	border-radius: 3px;
	height: 53px;
	max-width: 540px;
	overflow: hidden;
	margin-top: 1.2em;
	padding: 0.85em;
	width: 100%
}

@media (max-width: 1000px) {
	.embedded-zap-card {
		max-width: 100%
	}
}

@media (max-width: 640px) {
	.embedded-zap-card {
		height: auto
	}
}

.embedded-zap-card .embedded-zap-apps-container {
	float: left;
	overflow: hidden
}

.embedded-zap-card .embedded-zap-apps-container .caret {
	color: #354147;
	float: left;
	width: 8px;
	height: 8px;
	margin: 11px 4px 0
}

.embedded-zap-card .embedded-app {
	background: rgba(218, 223, 226, 0.4);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 3px;
	display: block;
	float: left;
	height: 31px;
	width: 31px
}

.embedded-zap-card .embedded-app.slack {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/slack-logo.png")
}

.embedded-zap-card .embedded-app.trello {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/trello-logo.png")
}

.embedded-zap-card .embedded-app.twitter {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/twitter-logo.png")
}

.embedded-zap-card .embedded-app.drive {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/drive-logo.png")
}

.embedded-zap-card .embedded-app.github {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/github-logo.png")
}

.embedded-zap-card .embedded-app.wordpress {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/wordpress-logo.png")
}

.embedded-zap-card .embedded-app.facebook {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/facebook-logo.png")
}

.embedded-zap-card .embedded-app.instagram {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/instagram-logo.png")
}

.embedded-zap-card .embedded-app.gspreadsheets {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gspreadsheets-logo.png")
}

.embedded-zap-card .embedded-app.gmail {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gmail-logo.png")
}

.embedded-zap-card .embedded-app.gcontacts {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcontacts-logo.png")
}

.embedded-zap-card .embedded-app.email {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/email-logo.png")
}

.embedded-zap-card .embedded-app.mailchimp {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mailchimp-logo.png")
}

.embedded-zap-card .embedded-app.paypal {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/paypal-logo.png")
}

.embedded-zap-card .embedded-app.stripe {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/stripe-logo.png")
}

.embedded-zap-card .embedded-app.drip {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/drip-logo.png")
}

.embedded-zap-card .embedded-app.gumroad {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gumroad-logo.png")
}

.embedded-zap-card .embedded-app.hipchat {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/hipchat-logo.png")
}

.embedded-zap-card .embedded-app.dropbox {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/dropbox-logo.png")
}

.embedded-zap-card .embedded-app.survey-monkey {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/survey-monkey-logo.png")
}

.embedded-zap-card .embedded-app.evernote {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/evernote-logo.png")
}

.embedded-zap-card .embedded-app.asana {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/asana-logo.png")
}

.embedded-zap-card .embedded-app.schedule {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/schedule-logo.png")
}

.embedded-zap-card .embedded-app.skydrive {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/skydrive-logo.png")
}

.embedded-zap-card .embedded-app.box {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/box-logo.png")
}

.embedded-zap-card .embedded-app.rss {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/rss-logo.png")
}

.embedded-zap-card .embedded-app.buffer {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/buffer-logo.png")
}

.embedded-zap-card .embedded-app.gravity {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gravity-logo.png")
}

.embedded-zap-card .embedded-app.wufoo {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/wufoo-logo.png")
}

.embedded-zap-card .embedded-app.typeform {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/typeform-logo.png")
}

.embedded-zap-card .embedded-app.phone-sms {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/phone-sms-logo.png")
}

.embedded-zap-card .embedded-app.gcal {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcal-logo.png")
}

.embedded-zap-card .embedded-app.gtasks {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gtasks-logo.png")
}

.embedded-zap-card .embedded-app.todoist {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/todoist-logo.png")
}

.embedded-zap-card .embedded-app.full-contact {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/full-contact-logo.png")
}

.embedded-zap-card .embedded-app.pipedrive {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/pipedrive-logo.png")
}

.embedded-zap-card .embedded-app.hubspot {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/hubspot-logo.png")
}

.embedded-zap-card .embedded-app.shopify {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/shopify-logo.png")
}

.embedded-zap-card .embedded-app.sendgrid {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/sendgrid-logo.png")
}

.embedded-zap-card .embedded-app.mandrill {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mandrill-logo.png")
}

.embedded-zap-card .embedded-app.infusionsoft {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/infusionsoft-logo.png")
}

.embedded-zap-card .embedded-app.reddit {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/reddit-logo.png")
}

.embedded-zap-card .embedded-app.mention {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mention-logo.png")
}

.embedded-zap-card .embedded-app.eventbright {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/eventbright-logo.png")
}

.embedded-zap-card .embedded-app.campaign-monitor {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/campaign-monitor-logo.png")
}

.embedded-zap-card .embedded-app.aweber {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/aweber-logo.png")
}

.embedded-zap-card .embedded-app.podio {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/podio-logo.png")
}

.embedded-zap-card .embedded-app.mad-mimi {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mad-mimi-logo.png")
}

.embedded-zap-card .embedded-app.active-campaign {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/active-campaign-logo.png")
}

.embedded-zap-card .embedded-zap-title {
	float: left;
	font-size: 0.9em;
	font-weight: 600;
	width: 63%
}

@media (max-width: 640px) {
	.embedded-zap-card .embedded-zap-title {
		float: left;
		width: 100%
	}
}

.embedded-zap-card .embedded-zap-title p {
	color: #5f6c72;
	margin: 0;
	padding: 0.5em 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width: 640px) {
	.embedded-zap-card .embedded-zap-title p {
		padding: 1em 0 0 0;
		width: 100%
	}
}

.embedded-zap-card .embedded-zap-button {
	float: right
}

@media (max-width: 640px) {
	.embedded-zap-card .embedded-zap-button {
		float: none;
		text-align: right
	}
}

.embedded-zap-card .embedded-zap-button .button {
	background: #ff4a00;
	border-radius: 3px;
	border: none;
	color: #fff;
	font-size: 0.9em;
	font-weight: 600;
	padding: 0.78em 0.9em 0.75em 0.9em
}

.embedded-zap-card .embedded-zap-button .button:hover {
	background: #f04600;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.small-medium-article-container {
	overflow: hidden;
	margin-bottom: 2.5em
}

.small-medium-article-container .recommended-article-link {
	color: #969ea2;
	display: inline-block;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.2em;
	margin-bottom: 2.3em;
	text-decoration: none;
	text-transform: uppercase
}

.small-medium-article-container .recommended-article-link:hover {
	color: #5f6c72
}

.small-medium-article-container .recommended-article-link span {
	display: inline-block;
	margin-top: -1em
}

.small-medium-article-container .recommended-article--medium {
	border: 1px solid #dadfe2;
	border-radius: 3px;
	float: left;
	padding: 2em;
	min-height: 284px;
	width: 54%
}

@media (max-width: 940px) {
	.small-medium-article-container .recommended-article--medium {
		height: auto
	}
}

@media (max-width: 840px) {
	.small-medium-article-container .recommended-article--medium {
		margin-bottom: 1.5em;
		width: 100%
	}
}

@media (max-width: 640px) {
	.small-medium-article-container .recommended-article--medium {
		padding: 1.5em
	}
}

.small-medium-article-container .recommended-article--medium h2 {
	color: #5f6c72;
	font-size: 1.9em;
	font-weight: 300;
	padding: 0 0 1em 0
}

.small-medium-article-container .recommended-article--medium h2 a {
	color: inherit;
	text-decoration: none
}

.small-medium-article-container .recommended-article--medium h2 a:hover {
	border: none;
	color: #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.small-medium-article-container .recommended-article--medium .embedded-zap-card {
	border: 1px dashed #dadfe2;
	padding: 0.7em
}

@media (max-width: 940px) {
	.small-medium-article-container .recommended-article--medium .embedded-zap-card {
		height: auto
	}
}

.small-medium-article-container .recommended-article--small {
	border-radius: 3px;
	float: left;
	height: 284px;
	margin-left: 3%;
	overflow: hidden;
	position: relative;
	width: 43%
}

@media (max-width: 840px) {
	.small-medium-article-container .recommended-article--small {
		height: 300px;
		margin: 0;
		width: 100%
	}
}

.small-medium-article-container .recommended-article--small .small-article-image {
	opacity: 0.85;
	height: 284px;
	width: 100%
}

.small-medium-article-container .recommended-article--small .article-title-bar {
	padding: 1em;
	position: absolute;
	bottom: 0;
	width: 100%
}

.small-medium-article-container .recommended-article--small .article-title-bar h3 {
	color: #fff;
	padding: 0
}

.small-medium-article-container .recommended-article--small .article-title-bar h3 a {
	color: #fff;
	text-decoration: none
}

.small-medium-article-container .recommended-article--small .article-title-bar h3 a:hover {
	border: none;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.small-medium-article-container .recommended-article--small h3 {
	display: inline-block;
	float: left;
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.small-medium-article-container .recommended-article--small .recommended-article-link {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	float: right;
	line-height: 1.7em;
	margin: 0;
	text-decoration: none
}

.small-medium-article-container .recommended-article--small .recommended-article-link:hover {
	color: #fff;
	color: #fff
}

.blog-subscribe-banner {
	background: #fd7622;
	border-radius: 3px;
	margin-bottom: 2.5em;
	padding: 1.5em;
	text-align: center;
	width: 100%
}

.blog-subscribe-banner.subtle {
	background: #ffc43e
}

.blog-subscribe-banner h2 {
	color: #fff;
	display: inline-block;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 2.2em;
	margin-right: 2em;
	padding: 0;
	vertical-align: middle
}

@media (max-width: 540px) {
	.blog-subscribe-banner h2 {
		line-height: 1.5em;
		margin-right: 0;
		margin-bottom: 1em;
		width: 100%
	}
}

.blog-subscribe-banner input[type="text"] {
	border-radius: 3px;
	border: none;
	max-width: 400px;
	line-height: 1.4em;
	margin-right: 1em;
	margin-bottom: 0;
	padding: 10px;
	vertical-align: middle
}

.blog-subscribe-banner input[type="text"]:focus {
	margin-bottom: 0
}

@media (max-width: 615px) {
	.blog-subscribe-banner input[type="text"] {
		margin-bottom: 15px
	}
	.blog-subscribe-banner input[type="text"]:focus {
		margin-bottom: 15px
	}
}

.blog-subscribe-banner .button {
	background: #fff;
	border: none;
	border-radius: 3px;
	color: #5f6c72;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0.8em 1em 0.6em 1em;
	text-decoration: none;
	vertical-align: middle
}

.blog-subscribe-banner .button:hover {
	background: #fff;
	color: #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.triggers-and-actions {
	margin: 0.5em auto 2.5em auto;
	overflow: hidden
}

@media (max-width: 700px) {
	.triggers-and-actions {
		margin: 0 0 1.5em 0
	}
}

.triggers-and-actions .triggers-list,
.triggers-and-actions .actions-list,
.triggers-and-actions .triggers-actions-description {
	float: left;
	width: 30%
}

@media (max-width: 700px) {
	.triggers-and-actions .triggers-list,
	.triggers-and-actions .actions-list,
	.triggers-and-actions .triggers-actions-description {
		margin: 0 0 1.5em 0;
		width: 100%
	}
}

.triggers-and-actions .triggers-list,
.triggers-and-actions .actions-list {
	margin-right: 5%
}

@media (max-width: 700px) {
	.triggers-and-actions .triggers-list,
	.triggers-and-actions .actions-list {
		margin: 0 0 1.5em 0
	}
}

.triggers-and-actions .triggers-actions-description h3 {
	color: #969ea2;
	font-size: 1.1em;
	margin-bottom: 1em
}

.triggers-and-actions h2 {
	display: inline-block;
	padding-top: 0
}

.triggers-and-actions h2 .trigger-app-icon {
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
	float: left;
	height: 33px;
	width: 33px
}

.triggers-and-actions h2 .trigger-app-icon.twitter {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/twitter-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.slack {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/slack-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.mailchimp {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mailchimp-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.gmail {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gmail-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.trello {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/trello-logo.png")
}

.shared .pagination {
	padding: 10px 0
}

.shared .template {
	padding: 12px 0;
	min-height: 38px
}

.shared .template .checkbox {
	float: left;
	width: 22px;
	padding-top: 6px
}

.shared .template .images {
	float: left;
	width: 110px
}

.shared .template .images .read,
.shared .template .images .write {
	background-color: #eee;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: left;
	padding: 3px
}

.shared .template .images .arrow {
	float: left;
	font-size: 11px;
	margin: 12px 4px 0
}

.shared .template .description {
	float: left;
	width: 300px
}

.shared .share-link {
	padding: 6px 0
}

.shared .share-link input {
	padding: 5px
}

.shared .share-link p {
	color: #666
}

.signup .logo {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	width: 87px
}

.signup .logo a {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logo60orange.png") no-repeat 0 0;
	background-size: 87px 40px;
	display: inline-block;
	height: 40px;
	width: 87px
}

.signup .ebook .description {
	float: left;
	position: relative;
	top: 8px;
	padding-left: 5px
}

.signup .ebook .book {
	border: 8px solid #fff;
	float: left;
	width: 185px;
	margin-right: 1em
}

.signup .ebook .book img {
	display: block
}

.signup .ebook .arrow {
	width: 135px;
	top: 5px;
	left: 55px;
	position: relative
}

.signup .trialing {
	margin-bottom: 40px
}

.signup .services {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%
}

.signup .services h3 {
	padding-bottom: 20px
}

.signup .services h3.no-service {
	display: inline-block;
	margin: 20px 0 0 20px
}

.signup .services .service {
	float: left;
	text-align: center;
	padding-right: 3px
}

.signup .services .service .service-name {
	font-size: 18px;
	font-weight: 300;
	margin: 10px 0
}

.signup .services .service .service-action {
	font-size: 13px
}

.signup .services .connection {
	float: left;
	margin: 47px 20px 0
}

.signup .paramform .field .label.required .required-text {
	display: none
}

.signup .field.checkbox .label {
	display: none !important
}

.signup .field.checkbox .status {
	display: none !important
}

.signup .signup-form-terms {
	margin: 1em 0;
	font-size: 13px
}

.signup .errors {
	color: #e52f00;
	margin-top: 5px;
	padding: 12px 0
}

.sign-up-form {
	max-width: 490px;
	margin: 0 auto;
	padding: 2em
}

.sign-up-form .form-input-half {
	float: left;
	margin-left: 3%;
	width: 48.5%
}

.sign-up-form .form-input-half:first-child {
	margin-left: 0
}

.sign-up-form input[type=text],
.sign-up-form input[type=password],
.sign-up-form input[type=email],
.sign-up-form textarea {
	border-radius: 3px;
	border: none;
	color: #5f6c72;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5em;
	padding: 1em
}

.sign-up-form input[type=text]:focus,
.sign-up-form input[type=password]:focus,
.sign-up-form input[type=email]:focus,
.sign-up-form textarea:focus {
	margin-bottom: 15px;
	border: none
}

.sign-up-form label {
	color: #dadfe2
}

.sign-up-form a {
	color: #dadfe2;
	text-decoration: underline
}

.sign-up-form .button.primary {
	line-height: 1.5em;
	background: #13d0ab;
	border: none;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
	padding: 1em;
	width: 100%
}

.sign-up-form .button.primary:hover {
	background: #12c29f
}

.sign-up-form .button.primary.disabled,
.sign-up-form .button.primary:disabled {
	border: none;
	color: #dadfe2;
	background: #859399
}

.sign-up-form .sign-up-terms {
	color: #dadfe2;
	margin: 1.5em 0;
	text-align: center
}

.sign-up-form .login-link {
	color: #afbac0;
	text-align: center
}

.sign-up-form .errorlist {
	color: #ff4a00;
	border-radius: 3px;
	background: #FFE1D6;
	font-size: 0.9em;
	margin-top: -0.5em;
	padding: 0.7em 1em;
	width: 100%
}

@media (max-width: 700px) {
	.sign-up-form {
		padding: 2em 0
	}
	.sign-up-form .pull-left,
	.sign-up-form .pull-right {
		float: none
	}
}

.drafts-title {
	display: inline-block;
	padding: 0
}

.drafts-title__toggle {
	display: inline-block;
	color: #5f6c72;
	margin-left: 0.3em;
	vertical-align: middle
}

.explore-header {
	color: #354147;
	font-size: 1.7em;
	font-weight: 600;
	padding: 1em 0 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.explore-header .explore-header__icon {
	color: #969ea2;
	width: 20px;
	height: 20px;
	margin: 0 0.5em 0 0
}

.dashboard-app {
	background-color: #fff
}

.dashboard .search {
	display: inline-block;
	width: 100%;
	margin: 20px 0 15px;
	position: relative;
	vertical-align: middle
}

.dashboard .search .tabs {
	float: left;
	vertical-align: middle;
	line-height: 35px;
	width: 30%
}

.dashboard .search .tabs h2 {
	padding: 0
}

.dashboard .search .tabs .link {
	color: #555;
	font-size: 12px;
	margin-left: 5px
}

.dashboard .search .search-bar {
	float: right;
	width: 65%;
	vertical-align: middle;
	line-height: 35px;
	position: relative
}

.dashboard .search input {
	padding: 6px 30px;
	margin-bottom: 0
}

.dashboard .search .clear {
	font-size: 15px;
	position: absolute;
	right: 9px;
	top: 1px;
	visibility: hidden
}

.dashboard .search .clear i:before {
	color: #aaa
}

.dashboard .search .clear:hover {
	text-decoration: none
}

.dashboard .search .clear:hover i:before {
	color: #ff4a00
}

.dashboard .search .has_text .clear {
	visibility: visible
}

.dashboard .container.empty {
	display: none
}

.dashboard .unfinished-block .zaps {
	display: none
}

.dashboard .view-toggle {
	cursor: pointer;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

.dashboard .view-toggle i {
	font-size: 15px;
	margin-right: 5px;
	width: 9px
}

.dashboard .zaps .modal-layer {
	position: relative;
	width: 100%
}

.dashboard .zaps {
	margin: 0 0 0 10px
}

.dashboard .zaps.zaps--hidden {
	display: none
}

.activities {
	position: relative
}

.activities .right-link {
	position: absolute;
	font-size: 13px;
	line-height: 1.8em;
	top: 23px;
	right: 20px
}

.activities p.more {
	margin-bottom: 0
}

.limits .limit {
	margin: 10px 0
}

.limits .limit .name {
	display: inline-block;
	float: left
}

.limits .limit .count {
	display: inline-block;
	float: right;
	font-size: 12px
}

.limits p.cycle {
	margin-bottom: 5px
}

.limits p:last-child {
	margin-bottom: 0
}

.no-zaps {
	padding: 50px 0;
	margin: 50px auto;
	text-align: center
}

.zap-mini.dashboard {
	background: #fff;
	margin-top: 0;
	padding: 1em;
	position: relative;
	text-align: left;
	width: 100%
}

@media screen and (max-width: 750px) {
	.zap-mini.dashboard {
		padding: 0
	}
}

.zap-mini.dashboard .count {
	font-size: 11px;
	line-height: 10px;
	padding: 8px 5px;
	position: absolute;
	top: -8px;
	left: -8px;
	border-radius: 4px;
	z-index: 1
}

.zap-mini.dashboard .count:hover {
	text-decoration: none
}

.zap-mini.dashboard .held {
	position: absolute;
	top: 15px;
	left: -10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	padding: 0;
	text-align: center
}

.zap-mini.dashboard .held i {
	font-size: 10px;
	padding-top: 3px;
	display: inline-block
}

.zap-mini.dashboard .held:hover {
	text-decoration: none
}

.zap-mini.dashboard .held:hover i:before {
	color: #ff4a00
}

.zap-mini.dashboard .controls {
	min-width: 155px;
	flex: none;
	text-align: right;
	top: 0
}

@media screen and (max-width: 750px) {
	.zap-mini.dashboard .controls {
		border-top: 1px solid #ddd;
		background: #f8f8f8;
		display: block;
		float: none;
		text-align: inherit;
		padding: 1em;
		position: static
	}
}

.zap-mini.dashboard .toggle {
	display: inline-block;
	position: relative;
	top: -1px
}

.zap-mini.dashboard .open-menu {
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	display: inline-block;
	font-size: 1.1em;
	margin-left: 1.8em;
	margin-top: 0.3em;
	position: relative;
	vertical-align: middle
}

.zap-mini.dashboard .open-menu.open {
	z-index: 900
}

.zap-mini.dashboard .open-menu .menu-button {
	cursor: pointer;
	position: relative;
	color: #969ea2
}

.zap-mini.dashboard .open-menu .menu-button:hover {
	color: #5f6c72
}

.zap-mini.dashboard .open-menu .menu-button::after {
	content: '';
	position: absolute;
	top: -15px;
	right: -15px;
	bottom: -15px;
	left: -15px
}

@media screen and (max-width: 750px) {
	.zap-mini.dashboard .open-menu {
		position: absolute;
		right: 1em;
		top: 1em
	}
}

.zap-mini.dashboard .flow-label {
	border: 1px dashed #ccc;
	border-width: 1px 1px 1px 0;
	color: #aaa;
	display: inline-block;
	font-size: 9px;
	line-height: 1em;
	letter-spacing: 1px;
	margin: 15px 0 0 -10px;
	padding: 4px 5px 4px 8px;
	text-transform: uppercase
}

.zap-mini.dashboard .use-this {
	padding-top: 2px
}

.zap-mini.dashboard.recommendation {
	cursor: auto;
	border: dashed #ccc;
	background-color: transparent
}

.zap-mini.dashboard.recommendation .service {
	background-color: transparent
}

.dashboard-actions {
	background: #fff
}

.dashboard-actions__button {
	display: none;
	font-size: 1em;
	margin: 0;
	padding: 1em 1.2em
}

@media screen and (max-width: 750px) {
	.dashboard-actions__button {
		display: block;
		width: 100%
	}
}

.dashboard-actions__search-icon {
	color: #969ea2;
	font-size: 1.1em;
	left: 0.8em;
	position: absolute;
	top: 0.8em
}

.dashboard-actions__close-icon {
	color: #969ea2;
	cursor: pointer;
	font-size: 1em;
	position: absolute;
	right: 0.9em;
	top: 0.9em
}

.dashboard-actions__close-icon:hover {
	color: #5f6c72
}

input[type='text'].dashboard-actions__search {
	margin: 0;
	padding-right: 2.8em;
	padding-left: 2.8em
}

.zap-list-header {
	margin-bottom: 1.5em
}

.zap-list-header__title {
	font-size: 25px;
	line-height: normal;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.zap-list-header__icon {
	color: #969ea2;
	display: inline-block;
	margin-right: 0.6em;
	vertical-align: middle
}

.folder-edit {
	background: #fff6e1;
	border-radius: 3px;
	border: 1px solid #ffebbe;
	padding: 0.4em
}

.folder-edit .zap-list-actions {
	display: none
}

input[type='text'].folder-edit__input {
	background: none;
	border: none;
	margin: 0;
	padding: 0
}

.zap-list-actions {
	margin-bottom: 0;
	position: absolute;
	right: 0;
	top: 0.9em
}

.zap-list-actions__item {
	color: #969ea2;
	display: inline-block;
	font-size: 1.1em;
	margin-left: 0.8em;
	vertical-align: middle
}

.zap-list-actions__item:first-child {
	margin-left: 0
}

.zap-list-actions__icon {
	font-size: 1.27em
}

.zap-list-actions__button {
	background: none;
	border: none;
	color: #969ea2;
	font-size: 1.1em;
	padding: 0
}

.zap-list-actions__button:hover {
	background: none;
	color: #5f6c72
}

.draft-zap,
.instant-zap,
.dashboard-zap__label {
	background: #e8ebed;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #5f6c72;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 1px;
	margin-right: 0.4em;
	padding: 0 0.4em;
	text-transform: uppercase
}

.dashboard-zap {
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer
}

.dashboard-zap .twrapper {
	display: flex;
	align-items: center;
	width: 100%
}

.dashboard-zap .twrapper .title,
.dashboard-zap .twrapper .title-narrow {
	font-size: 0.9em;
	font-weight: 600;
	color: #5f6c72;
	line-height: 1.3em;
	margin: 0;
	padding: 0.5em 1em
}

@media (max-width: 750px) {
	.dashboard-zap .twrapper .title,
	.dashboard-zap .twrapper .title-narrow {
		padding: 1em 0 0 0
	}
}

.dashboard-zap .twrapper .cta {
	display: table-cell;
	text-align: right;
	vertical-align: middle
}

.dashboard-zap .twrapper .cta .button {
	text-align: center;
	min-width: 95px
}

.dashboard-zap .twrapper,
.dashboard-zap .dashboard-zap__wrapper {
	table-layout: fixed
}

@media screen and (max-width: 750px) {
	.dashboard-zap .twrapper,
	.dashboard-zap .dashboard-zap__wrapper {
		display: block;
		text-align: center
	}
}

.dashboard-zap .dashboard-zap__logos {
	vertical-align: middle;
	width: 160px;
	flex: none
}

@media screen and (max-width: 750px) {
	.dashboard-zap .dashboard-zap__logos {
		display: block;
		padding: 1em;
		width: 100%
	}
}

.dashboard-zap .zap-icons {
	display: inline-flex
}

.dashboard-zap .dashboard-zap__owner {
	width: 36px;
	flex: none
}

@media screen and (max-width: 750px) {
	.dashboard-zap .dashboard-zap__owner {
		margin: 1em auto
	}
}

.dashboard-zap .controls,
.dashboard-zap .dashboard-zap__controls {
	width: 120px
}

@media screen and (max-width: 750px) {
	.dashboard-zap .controls,
	.dashboard-zap .dashboard-zap__controls {
		width: 100%
	}
}

.dashboard-zap .zap-mini .twrapper .title,
.dashboard-zap .dashboard-zap__title {
	line-height: 1.5em;
	padding: 0 3em;
	flex: 1;
	overflow: hidden;
	overflow-wrap: break-word
}

@media screen and (max-width: 750px) {
	.dashboard-zap .zap-mini .twrapper .title,
	.dashboard-zap .dashboard-zap__title {
		display: block;
		margin: 0;
		padding: 1em;
		padding-top: 0.5em
	}
}

.dashboard-zap__title-text {
	vertical-align: middle
}

.dashboard-zap--preview .zap-mini.dashboard {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.1);
	cursor: default
}

.dashboard-zap--preview .zap-mini.dashboard .dashboard-zap__title {
	color: rgba(255, 255, 255, 0.8);
	padding: 0 0 0 1.5em
}

@media (max-width: 750px) {
	.dashboard-zap--preview .zap-mini.dashboard .dashboard-zap__title {
		margin: 1em
	}
}

.dashboard-zap--preview .zap-mini.dashboard .controls {
	width: 85px;
	min-width: 85px
}

@media (max-width: 750px) {
	.dashboard-zap--preview .zap-mini.dashboard .controls {
		display: none
	}
}

.dashboard-zap--is-removing {
	pointer-events: none;
	opacity: 0.5
}

.dashboard-zap--copy {
	border: 2px solid #499df3;
	animation: blink 0.5s ease-in-out 1
}

.dashboard-zap--copy .zap-mini,
.dashboard-zap--copy .zap-warning {
	background-color: rgba(73, 157, 243, 0.03)
}

.dashboard-zap--copy .twrapper .title {
	color: #499df3
}

.dashboard-zap--copy .dashboard-zap__icon {
	margin-left: 4px;
	margin-right: 6px;
	vertical-align: middle
}

.dashboard-zap--copy .dashboard-zap__icon:first-child {
	margin-left: 0
}

@keyframes blink {
	0% {
		border-color: #fff
	}
	50% {
		border-color: #fff
	}
	100% {
		border-color: #499df3
	}
}

.dashboard-zap__trash {
	margin-bottom: 1.2em
}

.folder-dropdown {
	background: #fff
}

.folder-dropdown a {
	color: inherit
}

.folder-dropdown__header {
	border-bottom: 1px solid #dadfe2;
	padding: 0.8em
}

.folder-dropdown__title {
	padding: 0
}

.folder-dropdown__content {
	height: 212px;
	overflow-y: auto;
	width: 248px
}

.folder-dropdown__content::-webkit-scrollbar {
	height: 8px;
	width: 7px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}

.folder-dropdown__content::-webkit-scrollbar-thumb {
	background-color: #dadfe2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.folder-dropdown__content::-webkit-scrollbar-track {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 10px;
	margin: 6px
}

.folder-dropdown__content::-webkit-scrollbar-corner {
	background-color: #fff
}

.folder-list {
	margin: 0;
	padding: 0
}

.folder-list__item {
	color: #5f6c72;
	border-bottom: 1px solid #dadfe2
}

.folder-list__item:last-child {
	border-bottom: none
}

.folder-list__link {
	color: inherit;
	border: none !important;
	display: block;
	overflow: hidden;
	padding: 0.5em 0.8em;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap
}

.folder-list__link:hover {
	background: #ff5c1a;
	color: #fff;
	text-decoration: none
}

.folder-list__link:hover:before {
	color: #fff
}

.dashboard-modal {
	max-width: 600px
}

.dashboard-modal p {
	color: #5f6c72
}

.dashboard-modal__list-icon {
	color: #62d493;
	left: 0.4em;
	top: 0.7em;
	position: absolute
}

.dashboard-modal ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 0
}

.dashboard-modal ul li {
	position: relative;
	padding: 0.4em 0 0.4em 2em
}

.dashboard-modal ul li.reason {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0.25em;
	font-size: 1em
}

.dashboard-modal__content .dashboard-modal__reason {
	margin: 0 auto;
	font-size: 1em !important
}

.dashboard-modal__content--error {
	margin: 0 auto
}

.dashboard-modal__content--error p {
	font-size: 1em !important
}

.dashboard-modal__content--error p:last-child {
	margin-bottom: 0
}

.dashboard-modal__list {
	color: #5f6c72;
	font-size: 1em
}

.dashboard-empty {
	border-radius: 3px;
	border: 1px solid #dadfe2;
	padding: 6em 4em;
	text-align: center;
	margin-bottom: 2em
}

@media screen and (max-width: 750px) {
	.dashboard-empty {
		padding: 1.5em
	}
}

.dashboard-empty .dashboard-empty__icon {
	color: #969ea2;
	width: 30px;
	height: 30px;
	margin-bottom: 10px
}

.dashboard-empty__title {
	color: #5f6c72;
	font-size: 1.4em;
	font-weight: 400;
	margin-bottom: 1.6em;
	padding: 0
}

.dashboard-empty__actions {
	align-items: center;
	display: flex;
	justify-content: center
}

@media screen and (max-width: 750px) {
	.dashboard-empty__actions {
		display: block
	}
}

.dashboard-empty__link {
	margin: 0 0 0 0.5em
}

@media screen and (max-width: 750px) {
	.dashboard-empty__link {
		margin: 0.5em 0 0 0
	}
}

.dashboard-empty__button {
	background: #499df3;
	display: inline-block;
	font-size: 1em;
	padding: 1em 1.2em;
	vertical-align: middle
}

.dashboard-empty__button:hover {
	background: #3190f1
}

@media screen and (max-width: 750px) {
	.dashboard-empty__button {
		display: block
	}
}

.dashboard-alert {
	max-height: 66px;
	overflow: hidden;
	-moz-transition: max-height 0.75s ease, margin 0.75s ease;
	-webkit-transition: max-height 0.75s ease, margin 0.75s ease;
	transition: max-height 0.75s ease, margin 0.75s ease
}

.dashboard-alert.dashboard-alert--is-closing {
	max-height: 0;
	margin-bottom: 0
}

.dashboard-alert__content {
	display: flex;
	align-items: center;
	border-radius: 3px;
	color: #fff;
	height: 66px;
	opacity: 1;
	padding: 1em;
	position: relative;
	-moz-transition: opacity 0.75s ease, -moz-transform 0.75s ease;
	-webkit-transition: opacity 0.75s ease, -webkit-transform 0.75s ease;
	transition: opacity 0.75s ease, transform 0.75s ease;
	width: 100%
}

.dashboard-alert--is-closing .dashboard-alert__content {
	-moz-transform: translate3d(0, -100%, 0);
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	opacity: 0
}

.dashboard-alert--success .dashboard-alert__content {
	background: #62d493
}

.dashboard-alert--info .dashboard-alert__content {
	background-color: #d3f2fb
}

.dashboard-alert--info .dashboard-alert__content i {
	color: #1098bf
}

.dashboard-alert--info .dashboard-alert__content .dashboard-alert__message {
	color: #1098bf
}

.dashboard-alert--info .dashboard-alert__content .dashboard-alert__message a {
	color: #1098bf
}

.dashboard-alert--warning .dashboard-alert__content {
	background: #fff6e1;
	color: #d79500
}

.dashboard-alert--warning .dashboard-alert__content a {
	color: #d79500
}

.dashboard-alert--warning .dashboard-alert__content i {
	color: #d79500
}

.dashboard-alert--warning .dashboard-alert__content p:last-child {
	margin-bottom: 0
}

.dashboard-alert--warning .dashboard-alert__content ol:last-child {
	margin-bottom: 0
}

.dashboard-alert--warning .dashboard-alert__content .dashboard-alert__message {
	color: #d79500
}

.dashboard-alert--warning .dashboard-alert__content .dashboard-alert__message a {
	color: #d79500
}

.dashboard-alert--warning .dashboard-alert__content button.close {
	color: #d79500
}

.dashboard-alert--warning .dashboard-alert__content button.close:hover {
	color: #be8400
}

.dashboard-alert--error .dashboard-alert__content {
	background-color: #e52f00
}

.dashboard-alert--error .dashboard-alert__content i {
	color: #fff
}

.dashboard-alert--error .dashboard-alert__content .dashboard-alert__message {
	color: #fff
}

.dashboard-alert__content .dashboard-alert__message {
	display: flex;
	align-items: center;
	flex: 1;
	color: inherit;
	font-size: 1.05em
}

.dashboard-alert__content .dashboard-alert__text {
	flex: 1;
	line-height: 1.2
}

.dashboard-alert__content .dashboard-alert__icon {
	color: inherit;
	margin-right: 1em
}

.dashboard-alert__content .dashboard-alert__close {
	cursor: pointer;
	margin-left: 1em
}

.dashboard-alert__content a,
.dashboard-alert__content a:link,
.dashboard-alert__content a:visited,
.dashboard-alert__content a:hover {
	color: inherit;
	text-decoration: underline
}

.pricing .row.border .container:first-child {
	max-width: 1250px
}

.pricing .plan {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border-color: #dedede;
	border-style: solid;
	border-width: 1px 1px 3px;
	display: inline-block;
	width: 217px;
	margin: 0 10px 30px;
	overflow: hidden;
	padding: 0 0 20px;
	vertical-align: top;
	background: #fff
}

.pricing .plan h2 {
	background-color: #AAA;
	color: #FFF;
	font-weight: 300;
	margin: 0;
	padding: 10px 0;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.5px
}

.pricing .plan:nth-child(1) h2 {
	background-color: #499df3
}

.pricing .plan:nth-child(2) h2 {
	background-color: #72a86a
}

.pricing .plan:nth-child(3) h2 {
	background-color: #f0d65d
}

.pricing .plan:nth-child(4) h2 {
	background-color: #83b2c2
}

.pricing .plan .price {
	font-size: 52px;
	font-weight: 300;
	padding: 10px 0;
	background: #BBB;
	color: #FFF;
	line-height: 1em;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased
}

.pricing .plan .price .sup {
	font-size: 10px;
	font-weight: 500;
	vertical-align: top;
	letter-spacing: 1px;
	margin: 0 0 0 5px;
	-webkit-text-stroke-width: 0.6px
}

.pricing .plan .price .discount {
	font-size: 18px;
	-webkit-text-stroke-width: 0.6px
}

.pricing .plan .features {
	margin: 15px 20px;
	text-align: left
}

.pricing .plan .features ul {
	line-height: 1.75em
}

.toggle-interval {
	display: inline-block;
	padding: 0 0 20px;
	position: absolute;
	right: 30px;
	top: 46px
}

@media screen and (max-width: 600px) {
	.toggle-interval {
		position: static;
		margin-top: 1em
	}
}

.coupon-form {
	float: right
}

.coupon-form .feedback {
	margin-right: 10px
}

.coupon-form .coupon-code {
	width: 300px
}

.coupon-form button {
	margin-left: 10px;
	width: 100px
}

.extra-info {
	margin: 10px 0
}

.learn-more-cta {
	background: #5f6c72;
	padding: 1.5em 0
}

.learn-more-cta--signedin {
	background: #499df3
}

.learn-more-cta--signedin .container {
	text-align: center
}

.learn-more-cta__title {
	color: #fff;
	font-size: 2.4em;
	font-weight: 300;
	margin-bottom: .6em;
	padding: 0;
	text-align: center
}

.learn-more-cta__description {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	font-size: 1.3em;
	margin: 0 auto 2em;
	max-width: 500px;
	text-align: center
}

.learn-more-cta__subtitle {
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	margin-bottom: .6em;
	padding: 0
}

.learn-more-cta__captcha {
	color: #fff;
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: .6em;
	padding: 0
}

.learn-more-cta__form {
	margin: 0 auto;
	max-width: 500px;
	padding: 0
}

.learn-more-cta__link {
	border-bottom: none;
	color: #dadfe2;
	text-decoration: underline
}

.learn-more-cta__link:hover {
	color: #499df3;
	text-decoration: underline
}

.learn-more-cta__image {
	display: block;
	margin: 0 auto 2em;
	max-width: 360px;
	width: 100%
}

.learn-more-cta__button {
	background: #fff;
	border: none;
	color: #77868d;
	display: inline-block;
	font-size: 1.3em;
	font-weight: 600;
	padding: 0.8em 1.5em;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.learn-more-cta__button:hover {
	background: #fff;
	color: #5f6c72
}

@media screen and (max-width: 750px) {
	.learn-more-cta__button {
		display: block;
		width: 100%
	}
}

.learn-more-subscribe {
	border-top: 1px solid #e6e9ea;
	padding: 1.3em
}

.learn-more-subscribe__title {
	font-size: 1.6em
}

.learn-more-subscribe__form {
	display: block;
	margin: 0 auto;
	text-align: center
}

.learn-more-subscribe__message {
	color: #969ea2;
	font-size: 1.2em;
	margin-bottom: 2em
}

.g-recaptcha {
	margin: 10px 0 10px 0
}

.g-recaptcha>div {
	margin: 0 auto;
	display: block
}

.app-picker-container ::-webkit-scrollbar {
	width: 8px
}

.app-picker-container ::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: 5px
}

.app-picker-container ::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #dadfe2
}

.app-picker-container ::-webkit-scrollbar-thumb:hover {
	background-color: #969ea2
}

.app-list-container {
	padding: 20px;
	overflow: hidden
}

@media (max-width: 640px) {
	.app-list-container {
		padding: 1.5em 12px
	}
}

.app-picker-search {
	border-bottom: 1px solid #eef0f2;
	border-top: 1px solid #eef0f2;
	display: block;
	padding: 0;
	width: 100%
}

.app-picker-search .container {
	padding: 0 20px
}

.app-picker-search-icon {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/search@2x.png");
	background-size: 1.5em;
	background-position: center center;
	background-repeat: no-repeat;
	height: 5.5em;
	position: absolute;
	width: 1.5em;
	display: block
}

#app-picker-search-input {
	background: none;
	border: 0;
	color: #5f6c72;
	font-size: 1.3em;
	height: 4.2em;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 0 3em;
	width: 100%
}

#appsListWrapper .app-list {
	float: left;
	width: 70%;
	height: 480px;
	overflow-y: scroll;
	padding-top: 1.2em
}

@media (max-width: 840px) {
	#appsListWrapper .app-list {
		float: none;
		width: 100%
	}
}

#appsListWrapper .app-list .spinning-star {
	height: 32px;
	width: 32px;
	background-size: 32px 32px
}

#appsListWrapper .app-filters {
	float: left;
	width: 26%;
	margin-left: 4%;
	height: 460px;
	overflow-y: scroll
}

@media (max-width: 840px) {
	#appsListWrapper .app-filters {
		display: none
	}
}

#appsListWrapper .app-filters .apps-categories-list {
	margin-bottom: 2em
}

#appsListWrapper .app-filters .apps-categories-list li {
	margin-bottom: 0.3em
}

#appsListWrapper .app-filters .apps-categories-list a {
	color: #969ea2;
	font-weight: 600;
	text-decoration: none
}

#appsListWrapper .app-filters .apps-categories-list a:hover {
	color: #5f6c72
}

#appsListWrapper .app-filters .apps-categories-list a.active {
	color: #499df3
}

#appsListWrapper .app-filters h3 {
	margin-bottom: 2em
}

.app-picker-list .container {
	overflow: hidden
}

.app-picker-list ul {
	float: left;
	width: 100%
}

.app-picker-list .app-picker-item {
	float: left;
	text-align: center;
	margin-left: 5%;
	height: 165px;
	position: relative;
	width: 15%;
	list-style-type: none
}

.app-picker-list .app-picker-item:nth-of-type(5n+1) {
	margin-left: 0
}

@media (max-width: 640px) {
	.app-picker-list .app-picker-item {
		margin-left: 0;
		width: 25%
	}
}

@media (max-width: 565px) {
	.app-picker-list .app-picker-item {
		width: 32%
	}
}

.app-picker-list .app-picker-item a:hover .app-logo {
	border: 3px solid #dadfe2
}

.app-picker-list .app-picker-item a:hover .app-name {
	color: #1983f0
}

.app-picker-list .app-picker-item.fade {
	opacity: 0.1
}

.app-picker-list .app-picker-item.picked .app-logo {
	border: 3px solid #499df3;
	border-radius: 3px
}

.app-picker-list .app-picker-item.picked .app-name {
	color: #1983f0
}

.app-picker-list .app-picker-item .tag {
	display: block;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -32px
}

@media (max-width: 600px) {
	.app-picker-list .app-picker-item .tag {
		top: -16px
	}
}

.app-picker-list .app-picker-item .tag.upcoming {
	background: transparent url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/upcoming-ribbon-v2.png") 0 0 no-repeat;
	background-size: 65px 18px;
	height: 18px;
	width: 65px
}

.app-picker-list .app-picker-item .tag.premium {
	background: transparent url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/premium-ribbon-v2.png") 0 0 no-repeat;
	background-size: 65px 18px;
	height: 18px;
	width: 65px
}

.app-picker-list .app-picker-item .tag.beta {
	background: transparent url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/beta-ribbon-v2.png") 0 0 no-repeat;
	background-size: 65px 18px;
	height: 18px;
	width: 65px
}

.app-picker-list .app-logo {
	background-size: 54px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 3px;
	display: block;
	height: 83px;
	width: 83px;
	margin: 0 auto
}

@media (max-width: 640px) {
	.app-picker-list .app-logo {
		height: 65px;
		width: 65px
	}
}

.app-picker-list .app-name {
	color: #5f6c72;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1.5em;
	padding: 12px 10px;
	margin: 0
}

.sign-up-container {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/login/login-page-background.svg"), linear-gradient(to bottom, #2b3946, #384a5b);
	background-position: center;
	background-size: 2500px 974px, 100%;
	min-height: 1000px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1
}

@media screen and (max-width: 750px) {
	.sign-up-container {
		background: linear-gradient(to bottom, #2b3946, #384a5b)
	}
}

.sign-up-container .dark-modal-title {
	color: #fff;
	font-weight: 400;
	margin: 0 0 .2em;
	padding: 0;
	text-align: center
}

@media (max-width: 750px) {
	.sign-up-container .dark-modal-title {
		margin: 1.35em 0 0;
		font-size: 1.5em
	}
}

.sign-up-container .cancel-signup {
	overflow: hidden;
	padding: 1em 2em
}

@media (max-width: 640px) {
	.sign-up-container .cancel-signup {
		padding: 1em
	}
}

.sign-up-container .cancel-signup a {
	color: #dadfe2;
	color: rgba(218, 223, 226, 0.3);
	text-decoration: none
}

.sign-up-container .cancel-signup a:hover {
	color: #fff;
	color: rgba(218, 223, 226, 0.7);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.sign-up-container .cancel-signup .cancel-link {
	padding: 1em 0
}

.sign-up-container .cancel-signup .cancel-x {
	font-size: 3em;
	font-weight: 300;
	line-height: 0.6em;
	padding: 0.2em
}

.close a {
	color: #dadfe2;
	font-size: 2em;
	margin-top: 12px;
	margin-right: 20px;
	text-decoration: none;
	cursor: pointer
}

.close a:hover {
	color: #fff;
	color: rgba(218, 223, 226, 0.7);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.app-picker-footer {
	overflow: hidden;
	padding: 20px 2em
}

.app-picker-footer .app-picker-footer-buttons {
	float: right
}

.app-picker-footer a {
	vertical-align: middle
}

.app-picker-footer .skip {
	color: #969ea2;
	display: inline-block;
	line-height: 1.3em;
	padding: 0 1.5em
}

.confirm-no-apps {
	background: #fff;
	border-radius: 3px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	padding: 3em;
	width: 90%;
	max-width: 600px
}

.confirm-no-apps img {
	border-radius: 3px;
	margin-bottom: 1.4em
}

.confirm-no-apps h1 {
	font-size: 2.8em;
	font-weight: 200;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: center
}

@media (max-width: 640px) {
	.confirm-no-apps h1 {
		font-size: 2.2em
	}
}

.confirm-no-apps p {
	color: #5f6c72;
	font-size: 1.1em;
	margin-bottom: 1.4em
}

@media (max-width: 640px) {
	.confirm-no-apps .button {
		width: 100%
	}
}

.confirm-no-apps .button.gray {
	background: #969ea2;
	color: #fff;
	margin-left: 1em
}

@media (max-width: 640px) {
	.confirm-no-apps .button.gray {
		margin-left: 0;
		margin-top: 0.6em
	}
}

.container-alphabetical-app-list {
	display: grid;
	grid-template: auto auto / auto;
	padding: 2.5em 20px;
	max-width: 1120px;
	margin: 0 auto;
	background-color: white;
	text-align: left
}

.container-alphabetical-app-list h1 {
	text-align: left
}

.container-alphabetical-app-list h2 {
	text-align: left
}

.container-alphabetical-app-list .app-links a {
	padding-right: 20px;
	font-size: 1.3em
}

.container-alphabetical-app-list .app-links ul li {
	display: inline
}

.container-alphabetical-app-list .service-description {
	display: grid;
	grid-template-columns: 100px auto;
	padding-bottom: 20px
}

@media screen and (max-width: 600px) {
	.container-alphabetical-app-list .service-description {
		grid-template-columns: auto;
		text-align: center
	}
	.container-alphabetical-app-list .app-title h2 {
		text-align: center
	}
}

.container-alphabetical-app-list .app-logo {
	background-size: 54px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 3px;
	height: 83px;
	width: 83px;
	margin: 0 auto
}

.container-alphabetical-app-list .service-list ul {
	padding-top: 20px;
	columns: 125px 4;
	-webkit-columns: 125px 4;
	-moz-columns: 125px 4;
	font-size: 1.3em
}

@media screen and (max-width: 770px) {
	.container-alphabetical-app-list .service-list ul {
		padding-top: 20px;
		columns: 125px 2;
		-webkit-columns: 125px 2;
		-moz-columns: 125px 2;
		text-align: center;
		font-size: 1.3em
	}
}

@media screen and (max-width: 600px) {
	.container-alphabetical-app-list .service-list ul {
		padding-top: 20px;
		columns: 125px 1;
		-webkit-columns: 125px 1;
		-moz-columns: 125px 1;
		text-align: center;
		font-size: 1.3em
	}
	.container-alphabetical-app-list .service-list h2 {
		text-align: center
	}
}

.container-alphabetical-app-list .letter-list {
	font-size: 1.3em;
	text-align: center
}

.container-alphabetical-app-list .letter-list ul li {
	display: inline;
	padding-right: 20px
}

#app-finder {
	background-color: white
}

.explore-app-wrapper {
	background: #fff
}

.explore-app-wrapper .container {
	display: block
}

.recommendation-nav-loading {
	padding: 67px 0;
	margin-top: -50px
}

.recommendation-nav-loading .spinning-star {
	height: 64px;
	width: 64px;
	background-size: 64px 64px
}

.recommendations-nav {
	position: relative;
	margin: 0 auto;
	margin: 0 auto 1em auto;
	width: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (max-width: 640px) {
	.recommendations-nav {
		margin-bottom: 0
	}
}

@media (max-width: 670px) {
	.recommendations-nav {
		margin: -4.1em auto 1em auto
	}
}

@media (max-width: 500px) {
	.recommendations-nav {
		margin: -3.3em auto 1em auto
	}
}

@media (max-width: 320px) {
	.recommendations-nav {
		margin: -2.5em auto 1em auto
	}
}

.recommendations-nav nav {
	max-width: 930px;
	margin: 0 auto;
	min-height: 156px;
	position: relative
}

@media (max-width: 670px) {
	.recommendations-nav nav {
		min-height: 90px
	}
}

@media (max-width: 320px) {
	.recommendations-nav nav {
		min-height: 70px
	}
}

.recommendations-nav .apps-list-wrapper {
	width: 80%;
	float: left;
	overflow: hidden
}

.recommendations-nav .slider-button {
	margin: 1.6em 0 0 0;
	width: 40px
}

@media (max-width: 980px) {
	.recommendations-nav .slider-button {
		margin: 1.6em 0 0 0
	}
}

@media (max-width: 670px) {
	.recommendations-nav .slider-button {
		margin: 1.2em 0 0 0
	}
}

@media (max-width: 500px) {
	.recommendations-nav .slider-button {
		margin: 0.35em 0 0 0
	}
}

@media (max-width: 320px) {
	.recommendations-nav .slider-button {
		margin: -0.35em 0 0 0
	}
}

.recommendations-nav .slider-button.left-slider-button {
	width: 10%;
	left: 1em;
	float: left
}

@media (max-width: 560px) {
	.recommendations-nav .slider-button.left-slider-button {
		left: 0
	}
}

.recommendations-nav .slider-button.left-slider-button a {
	margin: 0 auto
}

.recommendations-nav .slider-button.right-slider-button {
	width: 10%;
	right: 1em;
	float: left
}

@media (max-width: 560px) {
	.recommendations-nav .slider-button.right-slider-button {
		right: 0
	}
}

.recommendations-nav .slider-button.right-slider-button a {
	margin: 0 auto
}

.recommendations-nav .slider-button a {
	background: #fff;
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #dadfe2;
	border-radius: 50%;
	display: block;
	text-decoration: none;
	height: 40px;
	width: 40px
}

.recommendations-nav .slider-button a:not(.inactive) {
	cursor: pointer
}

.recommendations-nav .slider-button a:not(.inactive):hover {
	border: 2px solid #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.recommendations-nav .slider-button a.left {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/arrow-left.png");
	background-position: 11px center
}

.recommendations-nav .slider-button a.left.inactive {
	opacity: 0.4
}

.recommendations-nav .slider-button a.right {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/arrow-right.png");
	background-position: 13px center
}

.recommendations-nav .slider-button a.right.inactive {
	opacity: 0.4
}

.recommendations-nav ul {
	margin: 0 auto;
	width: 1000%
}

.recommendations-nav ul li {
	display: inline-block;
	float: left;
	height: auto;
	margin: 0 0.15%;
	width: 1.7%
}

.recommendations-nav ul li .image-app-name-wrapper {
	margin: 0 auto
}

.recommendations-nav ul li .image-app-name-wrapper a {
	margin: 0 auto
}

.recommendations-nav ul li .image-app-name-wrapper p {
	margin: 1em auto 0
}

.recommendations-nav ul li a {
	background: #fff;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	border: 2px solid #dadfe2;
	display: block;
	height: 84px;
	width: 84px
}

.recommendations-nav ul li a.loading {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/loading_56x56.gif") !important;
	background-size: 26px;
	background-position: center;
	background-repeat: no-repeat
}

@media (max-width: 670px) {
	.recommendations-nav ul li a {
		height: 70px;
		width: 70px;
		background-size: 30px
	}
}

@media (max-width: 500px) {
	.recommendations-nav ul li a {
		height: 50px;
		width: 50px;
		background-size: 25px
	}
}

@media (max-width: 320px) {
	.recommendations-nav ul li a {
		background-size: 15px;
		height: 30px;
		width: 30px
	}
}

.recommendations-nav ul li a:hover {
	border: 3px solid #499df3
}

.recommendations-nav ul li a.current {
	border: 3px solid #499df3
}

.recommendations-nav ul li .recommended-app-title {
	color: #b1b7ba;
	font-weight: 600;
	margin: 1em 30% 1em 0;
	text-align: center
}

.recommendations-nav ul li .recommended-app-title.current {
	color: #5f6c72
}

@media (max-width: 670px) {
	.recommendations-nav ul li .recommended-app-title {
		display: none
	}
}

.zap-plus {
	color: #5f6c72;
	float: left;
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.9em;
	padding: 0 0.3em
}

.recommended-article--large {
	background: #5f6c72;
	border-radius: 3px;
	height: 365px;
	margin-bottom: 2.5em;
	overflow: hidden;
	width: 100%
}

@media (max-width: 1000px) {
	.recommended-article--large {
		height: auto
	}
}

@media (max-width: 640px) {
	.recommended-article--large {
		margin-bottom: 1.5em
	}
}

.recommended-article--large .zap-plus {
	color: rgba(255, 255, 255, 0.5)
}

.recommended-article--large .large-article-title {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	height: 365px;
	float: left;
	padding: 2em;
	position: relative;
	width: 45%
}

@media (max-width: 1000px) {
	.recommended-article--large .large-article-title {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		height: auto;
		width: 100%
	}
}

@media (max-width: 640px) {
	.recommended-article--large .large-article-title {
		padding: 1.5em
	}
}

.recommended-article--large .large-article-title h1 {
	color: #fff;
	font-size: 3em;
	line-height: 1.3em;
	margin: 0.3em 0
}

.recommended-article--large .large-article-title h1.small {
	font-size: 2.4em
}

.recommended-article--large .large-article-title h1 a {
	color: #fff;
	text-decoration: none
}

.recommended-article--large .large-article-title h1 a:hover {
	border: none;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.recommended-article--large .large-article-title p {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.3em
}

.recommended-article--large .large-article-recommended-zaps {
	float: left;
	height: 365px;
	padding: 2em;
	width: 55%
}

@media (max-width: 1000px) {
	.recommended-article--large .large-article-recommended-zaps {
		height: auto;
		width: 100%
	}
}

@media (max-width: 640px) {
	.recommended-article--large .large-article-recommended-zaps {
		padding: 1.5em
	}
}

.recommended-article--large .large-article-recommended-zaps.large-article-recommended-zaps-missing {
	opacity: 0.8;
	padding: 0
}

.recommended-article--large .large-article-button {
	background: #fff;
	border: none;
	border-radius: 3px;
	color: #5f6c72;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 600;
	padding: 1em 1.3em;
	position: absolute;
	bottom: 2em;
	text-decoration: none
}

.recommended-article--large .large-article-button:hover {
	color: #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

@media (max-width: 1000px) {
	.recommended-article--large .large-article-button {
		position: relative;
		bottom: 0
	}
}

.app-bubbles-container {
	position: absolute;
	bottom: 2.3em;
	right: 2em;
	overflow: hidden
}

@media (max-width: 1000px) {
	.app-bubbles-container {
		bottom: -13px;
		left: 0;
		margin: 1em 0;
		position: relative;
		width: 100%
	}
}

.app-bubbles-container .app-bubble {
	background: #fff;
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	border: 3px solid transparent;
	border-radius: 50%;
	box-sizing: content-box;
	display: block;
	float: left;
	height: 45px;
	position: relative;
	width: 45px
}

.app-bubbles-container .app-bubble.layer {
	margin-left: -1.5em
}

.app-bubbles-container .app-bubble.slack {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/slack-logo.png")
}

.app-bubbles-container .app-bubble.gmail {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gmail-logo.png")
}

.app-bubbles-container .app-bubble.twitter {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/twitter-logo.png")
}

.app-bubbles-container .app-bubble.trello {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/trello-logo.png")
}

.app-bubbles-container .app-bubble.gcal {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcal-logo.png")
}

.app-bubbles-container .app-bubble.gcontacts {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcontacts-logo.png")
}

.app-bubbles-container .app-bubble.gspreadsheets {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gspreadsheets-logo.png")
}

.app-bubbles-container .app-bubble.mailchimp {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mailchimp-logo.png")
}

.app-bubbles-container .app-bubble.stripe {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/stripe-logo.png")
}

.app-bubbles-container .app-bubble.typeform {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/typeform-logo.png")
}

.app-bubbles-container .app-bubble.dropbox {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/dropbox-logo.png")
}

.app-bubbles-container .app-bubble.survey-monkey {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/survey-monkey-logo.png")
}

.app-bubbles-container .app-bubble.hipchat {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/hipchat-logo.png")
}

.app-bubbles-container .app-bubble.asana {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/asana-logo.png")
}

.app-bubbles-container .app-bubble.evernote {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/evernote-logo.png")
}

.app-bubbles-container .app-bubble.phone-sms {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/phone-sms-logo.png")
}

.app-bubbles-container .app-bubble.schedule {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/schedule-logo.png")
}

.embedded-zap-card {
	background: #fff;
	border-radius: 3px;
	height: 53px;
	max-width: 540px;
	overflow: hidden;
	margin-top: 1.2em;
	padding: 0.85em;
	width: 100%
}

@media (max-width: 1000px) {
	.embedded-zap-card {
		max-width: 100%
	}
}

@media (max-width: 640px) {
	.embedded-zap-card {
		height: auto
	}
}

.embedded-zap-card .embedded-zap-apps-container {
	float: left;
	overflow: hidden
}

.embedded-zap-card .embedded-zap-apps-container .caret {
	color: #354147;
	float: left;
	width: 8px;
	height: 8px;
	margin: 11px 4px 0
}

.embedded-zap-card .embedded-app {
	background: rgba(218, 223, 226, 0.4);
	background-size: 23px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 3px;
	display: block;
	float: left;
	height: 31px;
	width: 31px
}

.embedded-zap-card .embedded-app.slack {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/slack-logo.png")
}

.embedded-zap-card .embedded-app.trello {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/trello-logo.png")
}

.embedded-zap-card .embedded-app.twitter {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/twitter-logo.png")
}

.embedded-zap-card .embedded-app.drive {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/drive-logo.png")
}

.embedded-zap-card .embedded-app.github {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/github-logo.png")
}

.embedded-zap-card .embedded-app.wordpress {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/wordpress-logo.png")
}

.embedded-zap-card .embedded-app.facebook {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/facebook-logo.png")
}

.embedded-zap-card .embedded-app.instagram {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/instagram-logo.png")
}

.embedded-zap-card .embedded-app.gspreadsheets {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gspreadsheets-logo.png")
}

.embedded-zap-card .embedded-app.gmail {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gmail-logo.png")
}

.embedded-zap-card .embedded-app.gcontacts {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcontacts-logo.png")
}

.embedded-zap-card .embedded-app.email {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/email-logo.png")
}

.embedded-zap-card .embedded-app.mailchimp {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mailchimp-logo.png")
}

.embedded-zap-card .embedded-app.paypal {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/paypal-logo.png")
}

.embedded-zap-card .embedded-app.stripe {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/stripe-logo.png")
}

.embedded-zap-card .embedded-app.drip {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/drip-logo.png")
}

.embedded-zap-card .embedded-app.gumroad {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gumroad-logo.png")
}

.embedded-zap-card .embedded-app.hipchat {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/hipchat-logo.png")
}

.embedded-zap-card .embedded-app.dropbox {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/dropbox-logo.png")
}

.embedded-zap-card .embedded-app.survey-monkey {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/survey-monkey-logo.png")
}

.embedded-zap-card .embedded-app.evernote {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/evernote-logo.png")
}

.embedded-zap-card .embedded-app.asana {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/asana-logo.png")
}

.embedded-zap-card .embedded-app.schedule {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/schedule-logo.png")
}

.embedded-zap-card .embedded-app.skydrive {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/skydrive-logo.png")
}

.embedded-zap-card .embedded-app.box {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/box-logo.png")
}

.embedded-zap-card .embedded-app.rss {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/rss-logo.png")
}

.embedded-zap-card .embedded-app.buffer {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/buffer-logo.png")
}

.embedded-zap-card .embedded-app.gravity {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gravity-logo.png")
}

.embedded-zap-card .embedded-app.wufoo {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/wufoo-logo.png")
}

.embedded-zap-card .embedded-app.typeform {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/typeform-logo.png")
}

.embedded-zap-card .embedded-app.phone-sms {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/phone-sms-logo.png")
}

.embedded-zap-card .embedded-app.gcal {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gcal-logo.png")
}

.embedded-zap-card .embedded-app.gtasks {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gtasks-logo.png")
}

.embedded-zap-card .embedded-app.todoist {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/todoist-logo.png")
}

.embedded-zap-card .embedded-app.full-contact {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/full-contact-logo.png")
}

.embedded-zap-card .embedded-app.pipedrive {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/pipedrive-logo.png")
}

.embedded-zap-card .embedded-app.hubspot {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/hubspot-logo.png")
}

.embedded-zap-card .embedded-app.shopify {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/shopify-logo.png")
}

.embedded-zap-card .embedded-app.sendgrid {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/sendgrid-logo.png")
}

.embedded-zap-card .embedded-app.mandrill {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mandrill-logo.png")
}

.embedded-zap-card .embedded-app.infusionsoft {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/infusionsoft-logo.png")
}

.embedded-zap-card .embedded-app.reddit {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/reddit-logo.png")
}

.embedded-zap-card .embedded-app.mention {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mention-logo.png")
}

.embedded-zap-card .embedded-app.eventbright {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/eventbright-logo.png")
}

.embedded-zap-card .embedded-app.campaign-monitor {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/campaign-monitor-logo.png")
}

.embedded-zap-card .embedded-app.aweber {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/aweber-logo.png")
}

.embedded-zap-card .embedded-app.podio {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/podio-logo.png")
}

.embedded-zap-card .embedded-app.mad-mimi {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mad-mimi-logo.png")
}

.embedded-zap-card .embedded-app.active-campaign {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/active-campaign-logo.png")
}

.embedded-zap-card .embedded-zap-title {
	float: left;
	font-size: 0.9em;
	font-weight: 600;
	width: 63%
}

@media (max-width: 640px) {
	.embedded-zap-card .embedded-zap-title {
		float: left;
		width: 100%
	}
}

.embedded-zap-card .embedded-zap-title p {
	color: #5f6c72;
	margin: 0;
	padding: 0.5em 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media (max-width: 640px) {
	.embedded-zap-card .embedded-zap-title p {
		padding: 1em 0 0 0;
		width: 100%
	}
}

.embedded-zap-card .embedded-zap-button {
	float: right
}

@media (max-width: 640px) {
	.embedded-zap-card .embedded-zap-button {
		float: none;
		text-align: right
	}
}

.embedded-zap-card .embedded-zap-button .button {
	background: #ff4a00;
	border-radius: 3px;
	border: none;
	color: #fff;
	font-size: 0.9em;
	font-weight: 600;
	padding: 0.78em 0.9em 0.75em 0.9em
}

.embedded-zap-card .embedded-zap-button .button:hover {
	background: #f04600;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.small-medium-article-container {
	overflow: hidden;
	margin-bottom: 2.5em
}

.small-medium-article-container .recommended-article-link {
	color: #969ea2;
	display: inline-block;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.2em;
	margin-bottom: 2.3em;
	text-decoration: none;
	text-transform: uppercase
}

.small-medium-article-container .recommended-article-link:hover {
	color: #5f6c72
}

.small-medium-article-container .recommended-article-link span {
	display: inline-block;
	margin-top: -1em
}

.small-medium-article-container .recommended-article--medium {
	border: 1px solid #dadfe2;
	border-radius: 3px;
	float: left;
	padding: 2em;
	min-height: 284px;
	width: 54%
}

@media (max-width: 940px) {
	.small-medium-article-container .recommended-article--medium {
		height: auto
	}
}

@media (max-width: 840px) {
	.small-medium-article-container .recommended-article--medium {
		margin-bottom: 1.5em;
		width: 100%
	}
}

@media (max-width: 640px) {
	.small-medium-article-container .recommended-article--medium {
		padding: 1.5em
	}
}

.small-medium-article-container .recommended-article--medium h2 {
	color: #5f6c72;
	font-size: 1.9em;
	font-weight: 300;
	padding: 0 0 1em 0
}

.small-medium-article-container .recommended-article--medium h2 a {
	color: inherit;
	text-decoration: none
}

.small-medium-article-container .recommended-article--medium h2 a:hover {
	border: none;
	color: #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.small-medium-article-container .recommended-article--medium .embedded-zap-card {
	border: 1px dashed #dadfe2;
	padding: 0.7em
}

@media (max-width: 940px) {
	.small-medium-article-container .recommended-article--medium .embedded-zap-card {
		height: auto
	}
}

.small-medium-article-container .recommended-article--small {
	border-radius: 3px;
	float: left;
	height: 284px;
	margin-left: 3%;
	overflow: hidden;
	position: relative;
	width: 43%
}

@media (max-width: 840px) {
	.small-medium-article-container .recommended-article--small {
		height: 300px;
		margin: 0;
		width: 100%
	}
}

.small-medium-article-container .recommended-article--small .small-article-image {
	opacity: 0.85;
	height: 284px;
	width: 100%
}

.small-medium-article-container .recommended-article--small .article-title-bar {
	padding: 1em;
	position: absolute;
	bottom: 0;
	width: 100%
}

.small-medium-article-container .recommended-article--small .article-title-bar h3 {
	color: #fff;
	padding: 0
}

.small-medium-article-container .recommended-article--small .article-title-bar h3 a {
	color: #fff;
	text-decoration: none
}

.small-medium-article-container .recommended-article--small .article-title-bar h3 a:hover {
	border: none;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.small-medium-article-container .recommended-article--small h3 {
	display: inline-block;
	float: left;
	width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.small-medium-article-container .recommended-article--small .recommended-article-link {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: inline-block;
	float: right;
	line-height: 1.7em;
	margin: 0;
	text-decoration: none
}

.small-medium-article-container .recommended-article--small .recommended-article-link:hover {
	color: #fff;
	color: #fff
}

.blog-subscribe-banner {
	background: #fd7622;
	border-radius: 3px;
	margin-bottom: 2.5em;
	padding: 1.5em;
	text-align: center;
	width: 100%
}

.blog-subscribe-banner.subtle {
	background: #ffc43e
}

.blog-subscribe-banner h2 {
	color: #fff;
	display: inline-block;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 2.2em;
	margin-right: 2em;
	padding: 0;
	vertical-align: middle
}

@media (max-width: 540px) {
	.blog-subscribe-banner h2 {
		line-height: 1.5em;
		margin-right: 0;
		margin-bottom: 1em;
		width: 100%
	}
}

.blog-subscribe-banner input[type="text"] {
	border-radius: 3px;
	border: none;
	max-width: 400px;
	line-height: 1.4em;
	margin-right: 1em;
	margin-bottom: 0;
	padding: 10px;
	vertical-align: middle
}

.blog-subscribe-banner input[type="text"]:focus {
	margin-bottom: 0
}

@media (max-width: 615px) {
	.blog-subscribe-banner input[type="text"] {
		margin-bottom: 15px
	}
	.blog-subscribe-banner input[type="text"]:focus {
		margin-bottom: 15px
	}
}

.blog-subscribe-banner .button {
	background: #fff;
	border: none;
	border-radius: 3px;
	color: #5f6c72;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0.8em 1em 0.6em 1em;
	text-decoration: none;
	vertical-align: middle
}

.blog-subscribe-banner .button:hover {
	background: #fff;
	color: #969ea2;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.triggers-and-actions {
	margin: 0.5em auto 2.5em auto;
	overflow: hidden
}

@media (max-width: 700px) {
	.triggers-and-actions {
		margin: 0 0 1.5em 0
	}
}

.triggers-and-actions .triggers-list,
.triggers-and-actions .actions-list,
.triggers-and-actions .triggers-actions-description {
	float: left;
	width: 30%
}

@media (max-width: 700px) {
	.triggers-and-actions .triggers-list,
	.triggers-and-actions .actions-list,
	.triggers-and-actions .triggers-actions-description {
		margin: 0 0 1.5em 0;
		width: 100%
	}
}

.triggers-and-actions .triggers-list,
.triggers-and-actions .actions-list {
	margin-right: 5%
}

@media (max-width: 700px) {
	.triggers-and-actions .triggers-list,
	.triggers-and-actions .actions-list {
		margin: 0 0 1.5em 0
	}
}

.triggers-and-actions .triggers-actions-description h3 {
	color: #969ea2;
	font-size: 1.1em;
	margin-bottom: 1em
}

.triggers-and-actions h2 {
	display: inline-block;
	padding-top: 0
}

.triggers-and-actions h2 .trigger-app-icon {
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
	float: left;
	height: 33px;
	width: 33px
}

.triggers-and-actions h2 .trigger-app-icon.twitter {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/twitter-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.slack {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/slack-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.mailchimp {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/mailchimp-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.gmail {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/gmail-logo.png")
}

.triggers-and-actions h2 .trigger-app-icon.trello {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/app-logos/trello-logo.png")
}

.use-cases-container {
	background: #fff;
	background: linear-gradient(to bottom, #fff, #F1F5F7);
	height: auto;
	width: 100%
}

.use-cases-list {
	margin: 2em 0 0 0;
	overflow: hidden
}

@media (max-width: 640px) {
	.use-cases-list {
		margin: 0
	}
}

.use-cases-list .use-cases-item {
	background: #fff;
	border: 1px solid #dadfe2;
	border-radius: 3px;
	float: left;
	margin: 0 0 2em 3%;
	min-height: 352px;
	padding: 2em 2.5em 1em 2.5em;
	text-align: center;
	width: 22.75%
}

.use-cases-list .use-cases-item:nth-child(4n+1) {
	margin-left: 0
}

@media (max-width: 900px) {
	.use-cases-list .use-cases-item {
		margin: 0 0 1.5em 3%;
		min-height: 320px;
		width: 48.5%
	}
	.use-cases-list .use-cases-item:nth-child(2n+1) {
		margin-left: 0
	}
	.use-cases-list .use-cases-item:last-child {
		margin-bottom: 0
	}
}

@media (max-width: 640px) {
	.use-cases-list .use-cases-item {
		margin: 0 0 1.5em 0;
		min-height: 290px;
		width: 100%
	}
}

.use-cases-list .use-case-icon {
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
	margin: 0 auto 2em auto;
	height: 72px;
	width: 72px
}

.use-cases-list .use-case-icon.form {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/form@2x.png")
}

.use-cases-list .use-case-icon.clouds {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/clouds@2x.png")
}

.use-cases-list .use-case-icon.clock {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/clock@2x.png")
}

.use-cases-list .use-case-icon.mail {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/mail@2x.png")
}

.use-cases-list .use-case-icon.card {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/card@2x.png")
}

.use-cases-list .use-case-icon.hearts {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/hearts@2x.png")
}

.use-cases-list .use-case-icon.tag {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/tag@2x.png")
}

.use-cases-list .use-case-icon.blocks {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/blocks@2x.png")
}

.use-cases-list .use-case-name {
	color: #5f6c72;
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 2em
}

.use-cases-list .use-case-button {
	background: #13d0ab;
	padding: 1em 1.5em
}

.use-cases-list .use-case-button:hover {
	background: #12c7a3;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.case-studies-cta {
	margin: 2.5em auto
}

@media (max-width: 640px) {
	.case-studies-cta {
		margin: 0 auto
	}
}

.case-studies-cta .case-studies-box {
	border: 1px solid #dadfe2;
	border-radius: 3px;
	padding: 2em;
	text-align: center
}

.case-studies-cta .case-studies-box h1 {
	font-size: 2em;
	font-weight: 300;
	max-width: 600px;
	margin: 0 auto 0.5em auto
}

.case-studies-cta .case-studies-box .case-studies-button {
	background: #499df3;
	font-size: 1.1em;
	padding: 1.2em 2em
}

.case-studies-cta .case-studies-box .case-studies-button:hover {
	background: #3190f1
}

.use-case-header-container {
	background: #969ea2;
	margin-top: -6.3em
}

@media (max-width: 750px) {
	.use-case-header-container {
		margin-top: -5.1em
	}
}

.use-case-header-container .container {
	overflow: hidden
}

.use-case-header-container.cloud-storage {
	background: #47A6F1;
	background: linear-gradient(to right, #47A6F1, #42CFEA)
}

.use-case-header-container.form-spreadsheet {
	background: #2BD3A6;
	background: linear-gradient(to right, #2BD3A6, #86DF93)
}

.use-case-header-container.reminder-emails {
	background: #FF5B02;
	background: linear-gradient(to right, #FF5B02, #FFC054)
}

.use-case-header-container.task-emails {
	background: #FD4646;
	background: linear-gradient(to right, #FD4646, #CE4BA8)
}

.use-case-header-container.cards-crm {
	background: #76DD96;
	background: linear-gradient(to right, #76DD96, #13D0AB)
}

.use-case-header-container.thank-you-emails {
	background: #FC1C74;
	background: linear-gradient(to right, #FC1C74, #E121F4)
}

.use-case-header-container.brand-mentions {
	background: #39D5A3;
	background: linear-gradient(to right, #39D5A3, #46CAEF)
}

.use-case-header-container.automate-email {
	background: #4E98EA;
	background: linear-gradient(to right, #4E98EA, #6B3CEF)
}

.use-case-header-container .use-case-bg-image {
	display: block;
	float: right;
	height: 179px;
	margin: -3.5em 0 0 0;
	width: 465px
}

@media (max-width: 970px) {
	.use-case-header-container .use-case-bg-image {
		display: none
	}
}

.use-case-header-container .use-case-bg-image.clouds {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/clouds-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 465px;
	width: 465px
}

.use-case-header-container .use-case-bg-image.form {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/form-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 425px;
	width: 425px
}

.use-case-header-container .use-case-bg-image.clocks {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/clocks-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 378px;
	width: 400px
}

.use-case-header-container .use-case-bg-image.email {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/email-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 393px;
	width: 395px
}

.use-case-header-container .use-case-bg-image.cards {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/cards-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 370px;
	width: 380px
}

.use-case-header-container .use-case-bg-image.hearts {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/hearts-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 324px;
	width: 326px
}

.use-case-header-container .use-case-bg-image.tags {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/tags-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 428px;
	width: 436px
}

.use-case-header-container .use-case-bg-image.blocks {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/blocks-bg@2x.png");
	background-repeat: no-repeat;
	background-size: 355px;
	width: 358px
}

.use-case-header-container h1 {
	color: #fff;
	float: left;
	font-size: 2.4em;
	font-weight: 300;
	line-height: 1.3em;
	margin: 0.4em 0 0 0;
	max-width: 450px
}

@media (max-width: 640px) {
	.use-case-header-container h1 {
		font-size: 1.9em;
		padding-bottom: 0
	}
}

.use-case-header-container .use-case-breadcrumb {
	color: #fff;
	margin: 6.5em 0 1em 0
}

@media (max-width: 640px) {
	.use-case-header-container .use-case-breadcrumb {
		margin: 4.8em 0 0 0
	}
}

.use-case-header-container .use-case-breadcrumb a {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	text-decoration: none
}

.use-case-header-container .use-case-breadcrumb a:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 0.9);
	color: #fff;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.use-case-header-container .use-case-breadcrumb .bread-arrow {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
	display: inline-block;
	padding: 0 0.6em
}

.use-case-details {
	overflow: hidden;
	margin: 2em auto
}

@media (max-width: 640px) {
	.use-case-details {
		margin: 1em auto
	}
}

.use-case-details h3 {
	margin-bottom: 1em
}

.use-case-details .use-case-sidebar {
	float: left;
	width: 30%
}

@media (max-width: 820px) {
	.use-case-details .use-case-sidebar {
		float: none;
		margin-bottom: 3em;
		width: 100%
	}
}

.use-case-details .use-case-sidebar .related-apps {
	margin-top: 3em
}

.use-case-details .use-case-sidebar .related-apps-list li {
	margin-bottom: 0.3em
}

.use-case-details .use-case-sidebar .related-apps-list a {
	color: #969ea2;
	font-weight: 600;
	text-decoration: none
}

.use-case-details .use-case-sidebar .related-apps-list a:hover {
	color: #5f6c72
}

.use-case-details .use-case-zaps {
	float: left;
	width: 60%;
	margin-left: 10%
}

@media (max-width: 820px) {
	.use-case-details .use-case-zaps {
		margin: 0;
		width: 100%
	}
}

.use-case-details .use-case-zaps .embedded-zap-card {
	border: 1px solid #dadfe2;
	height: auto;
	max-width: 100%;
	padding: 0.85em
}

.use-case-details .use-case-zaps .embedded-zap-card.pill {
	padding: 0
}

.use-case-details .use-case-zaps .embedded-zap-card.pill .embedded-zap-upper {
	padding: 1em
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-upper {
	display: table;
	overflow: hidden;
	width: 100%
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-apps-container {
	display: table-cell;
	vertical-align: top;
	padding-right: 1em;
	width: 95px
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-title {
	display: table-cell;
	float: none;
	line-height: 1.5em;
	vertical-align: middle;
	padding: 0;
	width: 68%
}

@media (max-width: 820px) {
	.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-title {
		width: 74%
	}
}

@media (max-width: 640px) {
	.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-title {
		width: 68%
	}
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-title p {
	overflow: auto;
	padding: 0;
	text-overflow: inherit;
	white-space: normal
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-middle {
	background: #fff;
	border-top: 1px solid #dadfe2;
	padding: 1.2em 1em
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-middle .zap-tip {
	border-radius: 2px;
	color: #969ea2;
	display: block;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	text-transform: uppercase
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-middle p {
	color: #5f6c72;
	margin: 0
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower {
	background: #f7f8f8;
	display: table;
	overflow: hidden;
	padding: 1.2em 1em;
	width: 100%
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower p {
	margin: 0
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .embedded-zap-photo {
	display: table-cell;
	float: left;
	vertical-align: middle;
	width: 9%;
	margin-top: 0.2em
}

@media (max-width: 640px) {
	.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .embedded-zap-photo {
		margin-right: 6%
	}
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/mike-knoop.png");
	background-size: 38px;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 19px;
	display: block;
	float: left;
	height: 38px;
	width: 38px
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.mike-knoop {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/mike-knoop.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.micah-bennett {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/micah-bennett.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.alison-groves {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/alison-groves.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.stephanie-briones {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/stephanie-briones.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.wade-foster {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/wade-foster.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.joe-stych {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/joe-stych.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.meghan-larson {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/meghan-larson.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.sara-reyes {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/sara-reyes.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .zap-photo.chris-guillebeau {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/user-photos/chris-guillebeau.png")
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .embedded-zap-quote {
	color: #5f6c72;
	display: table-cell;
	float: left;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1.6em;
	vertical-align: middle;
	width: 85%
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-lower .embedded-zap-quote .name {
	color: #969ea2
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-button {
	display: table-cell;
	vertical-align: top
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-button button {
	background: #13d0ab
}

.use-case-details .use-case-zaps .embedded-zap-card .embedded-zap-button button:hover {
	background: #12c29f;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.use-case-explore-cta {
	background: #f1f3f4;
	border-radius: 3px;
	margin-top: 1.2em;
	padding: 1.5em;
	overflow: hidden
}

.use-case-explore-cta p {
	color: #5f6c72;
	float: left;
	font-size: 0.9em;
	font-weight: 600;
	margin: 0.4em 0;
	max-width: 80%
}

@media (max-width: 640px) {
	.use-case-explore-cta p {
		margin-bottom: 1em
	}
}

.use-case-explore-cta .explore-cta-button {
	background: #5f6c72;
	float: right;
	font-size: 0.9em;
	padding: 0.78em 1em 0.75em 1em
}

.use-case-explore-cta .explore-cta-button:hover {
	background: #535f64
}

@media (max-width: 640px) {
	.use-case-explore-cta .explore-cta-button {
		float: none;
		padding: 1.2em 1em;
		width: 100%
	}
}

.breadcrumbs {
	line-height: 1.5em
}

.breadcrumbs .container {
	padding: 16px 20px !important
}

.breadcrumbs .bread-arrow {
	display: inline-block;
	padding: 0 0.6em
}

.breadcrumbs a {
	font-size: 14px;
	text-decoration: none
}

.breadcrumbs.light-text a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
	color: rgba(255, 255, 255, 0.7)
}

.breadcrumbs.light-text h1,
.breadcrumbs.light-text h2 {
	color: #fff;
	display: inline;
	font-size: 14px;
	font-weight: inherit;
	line-height: 1em;
	margin: 0
}

.breadcrumbs.light-text .bread-arrow {
	color: #fff;
	color: rgba(255, 255, 255, 0.6)
}

.breadcrumbs.dark-text a {
	border-bottom: 1px solid rgba(95, 108, 114, 0.5);
	color: #5f6c72;
	color: rgba(95, 108, 114, 0.7)
}

.breadcrumbs.dark-text h1,
.breadcrumbs.dark-text h2 {
	color: #5f6c72;
	display: inline;
	font-size: 14px;
	font-weight: inherit;
	line-height: 1em;
	margin: 0
}

.breadcrumbs.dark-text .bread-arrow {
	color: #5f6c72;
	color: rgba(95, 108, 114, 0.7)
}

.breadcrumbs.one-app {
	background: #FF5306
}

.breadcrumbs.two-app {
	background: #637178
}

.hello-bar-form {
	text-align: right
}

@media screen and (max-width: 600px) {
	.hello-bar__email-button {
		display: block;
		width: 100%
	}
}

.hello-bar__subscribe {
	display: inline-block;
	max-width: 100%;
	position: relative;
	width: 350px
}

@media screen and (max-width: 749px) {
	.hello-bar__subscribe {
		width: 100%
	}
}

input.hello-bar__subscribe-input {
	border-radius: 4px;
	height: 40px;
	margin: 0;
	padding-right: 112px
}

button.hello-bar__subscribe-button {
	border-radius: 0 4px 4px 0;
	border: 1px solid #499df3;
	font-weight: 600;
	height: 40px;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff
}

.hello-pop-up {
	background: #fff;
	border-radius: 4px 0 0 0;
	border: 1px solid #ddd;
	border-right: none;
	border-bottom: none;
	bottom: 0;
	padding: 1.6em;
	position: fixed;
	right: 0;
	font-size: 14px;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	width: 350px;
	z-index: 900
}

.hello-pop-up,
.hello-pop-up.hello-pop-up--top {
	opacity: 0;
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.hello-pop-up.hello-pop-up--not-top {
	opacity: 1;
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}

.hello-pop-up.hello-pop-up--narrow {
	text-align: center;
	width: 250px;
	position: absolute;
	top: auto;
	bottom: auto;
	border-bottom: 1px solid #ddd;
	border-radius: 4px 0 0 4px
}

@media screen and (max-width: 750px) {
	.hello-pop-up {
		display: none
	}
}

.hello-pop-up__close {
	background: none;
	border: none;
	color: #969ea2;
	font-size: .9em;
	padding: 0;
	position: absolute;
	right: 1.5em;
	top: 1.5em;
	-webkit-transition: all .1s ease;
	transition: all .1s ease
}

.hello-pop-up__close:hover {
	color: #5f6c72
}

.hello-pop-up__title {
	color: #5f6c72;
	margin-bottom: .2em;
	padding: 0
}

.hello-pop-up__message {
	color: #969ea2;
	font-size: 1em;
	margin-bottom: 1.8em
}

.hello-pop-up .hello-pop-up__zapier-logo {
	color: #ff4a00;
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto .4em
}

.hello-pop-up__image {
	display: block;
	margin: 0 auto 1em;
	max-width: 100px
}

.hello-pop-up__quote {
	color: #5f6c72;
	margin-bottom: 1em
}

.hello-pop-up__author {
	color: #969ea2;
	margin-bottom: 1.5em
}

.hello-pop-up__button {
	display: block;
	font-size: 1em;
	font-weight: 600;
	padding: 1em;
	text-align: center
}

.hello-pop-up a.hello-pop-up__button {
	color: #fff !important;
	border: none !important
}

.try-zapier-cta {
	background: rgba(255, 255, 255, 0.9);
	border-top: 1px solid #e6e9ea;
	bottom: 0;
	height: 500px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 1000;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.try-zapier-cta,
.try-zapier-cta.try-zapier-cta--top {
	opacity: 0;
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.try-zapier-cta.try-zapier-cta--not-top {
	opacity: 1;
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}

@media (max-width: 750px) {
	.try-zapier-cta {
		background: #fff;
		height: auto;
		position: relative
	}
}

.try-zapier-cta__content {
	margin: 0 auto;
	max-width: 1000px;
	padding: 20px;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

@media (max-width: 750px) {
	.try-zapier-cta__content {
		padding: 2em 20px;
		top: auto;
		transform: none
	}
}

.try-zapier-cta__title {
	color: #5f6c72;
	font-size: 1.8em;
	font-weight: 600;
	margin-bottom: .6em;
	padding: 0;
	text-align: center
}

.try-zapier-cta__description {
	color: #969ea2;
	font-size: 1.4em;
	margin: 0 auto 2em;
	text-align: center
}

.try-zapier-cta__button {
	border: none;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 600;
	padding: .9em 1.5em;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	vertical-align: middle
}

@media (max-width: 750px) {
	.try-zapier-cta__button {
		display: block
	}
}

.try-zapier-cta__button--close {
	background: #fff;
	border: 1px solid #969ea2;
	color: #969ea2;
	margin-left: 1em
}

.try-zapier-cta__button--close:hover {
	background: #969ea2;
	color: #fff;
	text-decoration: none
}

@media (max-width: 750px) {
	.try-zapier-cta__button--close {
		margin-left: 0;
		margin-top: 1em
	}
}

.try-zapier-cta__row {
	overflow: hidden;
	margin-bottom: 2.5em
}

.try-zapier-cta__guided-zap {
	float: left;
	margin: 0;
	margin-left: 2%;
	padding: 0;
	width: 32%
}

.try-zapier-cta__guided-zap:first-child {
	margin-left: 0
}

.try-zapier-cta__guided-zap .services {
	background: #e5e9eb;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	padding: 2.5em 1em;
	white-space: nowrap
}

.try-zapier-cta__guided-zap .services .service {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 55% !important;
	border-radius: 4px;
	display: inline-block;
	height: 50px;
	vertical-align: middle;
	width: 50px
}

.try-zapier-cta__guided-zap .guided-zap-arrow {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	margin: 0 .5em
}

.try-zapier-cta__guided-zap .text {
	background: #fff;
	border-radius: 0 0 4px 4px;
	border: 1px solid #e5e9eB;
	border-top: none;
	display: block;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5;
	overflow: hidden;
	padding: 1.5em;
	width: 100%
}

@media (max-width: 750px) {
	.try-zapier-cta__guided-zap {
		float: none;
		margin-bottom: 1.5em;
		margin-left: 0;
		width: 100%
	}
	.try-zapier-cta__guided-zap:last-child {
		margin-bottom: 0
	}
}

.homepage .header {
	background: #fff;
	border-bottom: 1px solid #dadfe2;
	padding: 1em 0
}

.homepage .header--is-fixed {
	background: #fff;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	z-index: 9999
}

@media screen and (max-width: 750px) {
	.homepage .header--is-fixed {
		position: relative
	}
}

.homepage .header__logo {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/zapier-small-orange-logo.png") no-repeat center;
	background-size: 70px;
	display: block;
	float: left;
	height: 42px;
	width: 70px
}

.homepage .header__links {
	float: right
}

.homepage .header-nav {
	list-style: none;
	margin: 0;
	padding: 0
}

.homepage .header-nav__item {
	color: #969ea2;
	display: inline-block;
	line-height: normal;
	margin-left: 1em;
	vertical-align: middle
}

.homepage .header-nav__item:first-child {
	margin-left: 0
}

.homepage .header-nav__link {
	color: #969ea2;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase
}

.homepage .header-nav__link:hover {
	color: #5f6c72;
	text-decoration: none
}

.homepage .header-nav__button {
	background-color: #ff4a00;
	background-image: none;
	border: none;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 1em 1.5em;
	text-transform: uppercase
}

.homepage .header-nav__button:hover {
	background-image: none;
	background-color: #f54700;
	color: #fff
}

.homepage .hide {
	display: none
}

@media screen and (max-width: 750px) {
	.homepage .mobile-hide {
		display: none
	}
}

.homepage .homepage-container {
	margin: 0 auto;
	max-width: 1120px;
	overflow: hidden;
	padding: 0 20px
}

.homepage .homepage-container--center {
	display: flex;
	flex-direction: column;
	align-items: center
}

.homepage .homepage-section {
	background: #fff;
	padding: 0em 0
}

@media screen and (max-width: 750px) {
	.homepage .homepage-section {
		padding: 2em 0
	}
}

.homepage .homepage-section--border {
	border-top: 1px solid #f1f4f5
}

.homepage .homepage-section--apps {
	background: #dadfe2 url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-apps.png") no-repeat center;
	background-size: 1746px
}

@media screen and (max-width: 750px) {
	.homepage .homepage-section--apps {
		background: #dadfe2
	}
}

.homepage .homepage-section--use-case {
	padding-bottom: 1em
}

@media screen and (max-width: 750px) {
	.homepage .homepage-section--use-case {
		padding-bottom: 2em
	}
}

.homepage .homepage-section--testimonials {
	background: #fff;
	background: linear-gradient(to top, #fff, #f1f5f7)
}

.homepage .homepage-section--shared-zap {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-shared-zaps.png") top center, linear-gradient(to bottom, #ff4a00, #ffc43e);
	background-size: 2500px 974px, 100%;
	padding-bottom: 3em
}

@media screen and (max-width: 750px) {
	.homepage .homepage-section--shared-zap {
		background: linear-gradient(to bottom, #ff4a00, #ffc43e);
		background-size: 100%;
		padding-bottom: 2em
	}
}

.homepage .homepage-section--pricing {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-shared-zaps.png") center, linear-gradient(to bottom, #2b3946, #384a5b);
	background-size: 2500px 974px, 100%;
	text-align: center
}

@media screen and (max-width: 750px) {
	.homepage .homepage-section--pricing {
		background: linear-gradient(to bottom, #2b3946, #384a5b)
	}
}

.homepage .homepage-section--more-features {
	padding: 0
}

.homepage .homepage-section--logos {
	padding: 3em 0
}

@media screen and (max-width: 750px) {
	.homepage .homepage-section--logos {
		padding-bottom: 2em
	}
}

.homepage .intro {
	margin: 0 auto 4em;
	max-width: 700px;
	text-align: center
}

@media screen and (max-width: 750px) {
	.homepage .intro {
		margin-bottom: 2em
	}
}

.homepage .title {
	color: #5f6c72;
	font-size: 2.4em;
	font-weight: 300;
	margin-bottom: 0.5em;
	padding: 0
}

@media screen and (max-width: 750px) {
	.homepage .title {
		font-size: 2em
	}
}

.homepage .title--white {
	color: #fff
}

.homepage .subtitle {
	color: #5f6c72;
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 0.5em;
	padding: 0
}

.homepage .description {
	color: #969ea2;
	font-size: 1.2em;
	margin-bottom: 1em
}

.homepage .hero--app-picker {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-app-picker.png") center, linear-gradient(to bottom, #2b3946, #384a5b);
	background-size: 2500px 700px, 100%
}

@media screen and (max-width: 750px) {
	.homepage .hero--app-picker {
		background: linear-gradient(to bottom, #2b3946, #384a5b)
	}
}

.homepage .hero__title {
	color: #fff;
	font-size: 3em;
	font-weight: 300;
	margin-bottom: 0.5em;
	padding: 0
}

@media screen and (max-width: 750px) {
	.homepage .hero__title {
		font-size: 2em
	}
}

.homepage .hero__description {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
	font-size: 1.3em;
	margin-bottom: 0
}

@media screen and (max-width: 750px) {
	.homepage .hero__description {
		margin-bottom: 2em
	}
}

.homepage .homepage-app-search-container {
	margin-left: auto;
	max-width: 480px
}

@media screen and (max-width: 750px) {
	.homepage .homepage-app-search-container {
		margin: 0 auto;
		max-width: 100%
	}
}

.homepage .hero--signup {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-signup.png"), linear-gradient(to bottom, #2b3946, #384a5b);
	background-position: center;
	background-size: 2500px 700px, 100%;
	margin: 0;
	padding: 8em 0;
	text-align: center
}

@media screen and (max-width: 750px) {
	.homepage .hero--signup {
		background: linear-gradient(to bottom, #2b3946, #384a5b);
		padding: 2em 0
	}
}

.homepage .hero__signup-button {
	margin-top: 3em
}

@media screen and (max-width: 750px) {
	.homepage .hero__signup-button {
		width: 100%;
		margin-top: 0
	}
}

.homepage .benefit-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: wrap;
	-ms-flex-direction: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage .benefit {
	text-align: center;
	width: 30%
}

@media screen and (max-width: 750px) {
	.homepage .benefit {
		margin-bottom: 2em;
		width: 100%
	}
	.homepage .benefit:last-child {
		margin-bottom: 0
	}
}

.homepage .benefit__icon {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 48px;
	margin: 0 auto 1.4em;
	width: 140px
}

.homepage .benefit__icon--integrate {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/benefits/icons/integrate-icon.png")
}

.homepage .benefit__icon--automate {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/benefits/icons/automate-icon.png")
}

.homepage .benefit__icon--innovate {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/benefits/icons/innovate-icon.png")
}

.homepage .use-case-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: wrap;
	-ms-flex-direction: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width: 750px) {
	.homepage .use-case-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.homepage .use-case {
	margin-bottom: 3em;
	text-align: center;
	width: 30%
}

@media screen and (max-width: 900px) {
	.homepage .use-case {
		width: 48%
	}
}

@media screen and (max-width: 750px) {
	.homepage .use-case {
		width: 100%
	}
	.homepage .use-case:last-child {
		margin-bottom: 0
	}
}

.homepage .use-case__icon {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 60px;
	margin: 0 auto 1.3em;
	width: 60px
}

.homepage .use-case__icon--support {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/use-cases/icons/support-icon.png")
}

.homepage .use-case__icon--businesses {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/use-cases/icons/businesses-icon.png")
}

.homepage .use-case__icon--marketers {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/use-cases/icons/marketers-icon.png")
}

.homepage .use-case__icon--startups {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/use-cases/icons/startups-icon.png")
}

.homepage .use-case__icon--developers {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/use-cases/icons/developers-icon.png")
}

.homepage .use-case__icon--designers {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/use-cases/icons/designers-icon.png")
}

.homepage .app-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 2em auto 0;
	padding: 0
}

.homepage .app-list__item--icon {
	margin-left: -10px
}

.homepage .app-list__app {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 55%;
	border-radius: 50%;
	border: 2px solid #dadfe2;
	height: 50px;
	margin: 0 auto 1em;
	width: 50px
}

.homepage .homepage-editor {
	position: relative;
	width: 100%
}

.homepage .homepage-editor-image {
	display: block;
	max-width: 100%;
	padding: 0 2em
}

@media screen and (max-width: 1000px) {
	.homepage .homepage-editor-image {
		padding: 0;
		margin-bottom: 2em
	}
}

.homepage .overlay__beacon {
	border-radius: 50%;
	border: 2px solid #499df3;
	bottom: -10px;
	height: 24px;
	left: -10px;
	padding: 3px;
	position: absolute;
	width: 24px
}

@media screen and (max-width: 1000px) {
	.homepage .overlay__beacon {
		display: none
	}
}

.homepage .overlay__beacon-inner {
	background: #499df3;
	border-radius: 50%;
	display: block;
	height: 14px;
	width: 14px
}

.homepage .overlay--1 {
	right: 0;
	top: 181px
}

.homepage .overlay--2 {
	bottom: 103px;
	right: 74px
}

.homepage .overlay--3 {
	bottom: 160px;
	left: 118px
}

.homepage .overlay {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #dadfe2;
	box-shadow: 0 0 1px rgba(95, 108, 114, 0.09), 0 2px 18px rgba(95, 108, 114, 0.18);
	padding: 1.2em;
	position: absolute;
	width: 310px
}

@media screen and (max-width: 1000px) {
	.homepage .overlay {
		display: none
	}
}

.homepage .overlay__title {
	color: #5f6c72;
	font-size: 1em;
	margin-bottom: 0.4em;
	padding: 0
}

.homepage .overlay__description {
	color: #969ea2;
	font-size: 1em;
	margin: 0
}

.homepage .editor-feature-row {
	display: none;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media screen and (max-width: 1000px) {
	.homepage .editor-feature-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}

@media screen and (max-width: 750px) {
	.homepage .editor-feature-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.homepage .editor-feature {
	width: 30%
}

@media screen and (max-width: 750px) {
	.homepage .editor-feature {
		margin-bottom: 1em;
		width: 100%
	}
	.homepage .editor-feature:last-child {
		margin-bottom: 0
	}
}

.homepage .apps-cta {
	margin: 0 auto;
	max-width: 550px
}

.homepage .apps-title {
	color: #354147
}

.homepage .apps-description {
	color: #5f6c72;
	margin: 0 auto;
	max-width: 550px
}

.homepage .app-search-container {
	box-shadow: 0 0 1px rgba(95, 108, 114, 0.08), 0 2px 18px rgba(95, 108, 114, 0.18);
	text-align: left;
	position: relative
}

.homepage .app-search {
	background: #fff;
	border-radius: 3px 3px 0 0;
	height: 49px;
	padding: 1em;
	padding-left: 3em;
	position: relative;
	width: 100%
}

.homepage .app-search__icon {
	color: #969ea2;
	font-size: 1.3em;
	left: 16px;
	position: absolute;
	top: 16px
}

.homepage .app-search__input {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	color: #5f6c72;
	font-family: inherit;
	font-size: 1.1em;
	padding: 0;
	width: 100%
}

.homepage .app-search__button {
	background-color: #ff4a00;
	background-image: none;
	border: none;
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
	margin-top: 1em;
	padding: 1.1em 1.5em;
	width: 100%
}

.homepage .app-search__button:hover {
	background-image: none;
	background-color: #f54700;
	color: #fff
}

.homepage .search-results {
	background: #fff;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #ddd;
	height: 250px;
	overflow-y: auto
}

.homepage .search-results__list {
	margin: 0;
	padding: 0
}

.homepage .search-results__item {
	border-bottom: 1px solid #f1f4f5;
	cursor: pointer;
	padding: 0.8em;
	-webkit-transition: background 0.1s ease;
	-moz-transition: background 0.1s ease;
	transition: background 0.1s ease
}

.homepage .search-results__item:hover {
	background: #f8f8f8
}

.homepage .search-results__item.search-results__item--selected {
	background: #e8ebed
}

.homepage .search-results__app {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 26px;
	margin-right: 1em;
	vertical-align: middle;
	width: 26px
}

.homepage .heart {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/testimonials/icons/heart-icon.png") no-repeat;
	background-size: 100%;
	height: 30px;
	margin: 0 auto 0.5em;
	width: 34px
}

.homepage .testimonal-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-direction: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage .testimonal {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #dadfe2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 2.5em;
	padding: 1.5em;
	width: 48.5%
}

@media screen and (max-width: 750px) {
	.homepage .testimonal {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 2em;
		width: 100%
	}
}

.homepage .testimonal .testimonal-quote {
	font-size: 1em
}

.homepage .testimonal .testimonal-name {
	color: #969ea2;
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 0;
	padding: 0
}

.homepage .testimonal .testimonal-title {
	color: #969ea2;
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 0
}

.homepage .testimonial-image {
	display: block;
	width: 90px;
	height: 90px;
	margin-right: 2.4em;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-align-self: center;
	align-self: center
}

@media screen and (max-width: 750px) {
	.homepage .testimonial-image {
		margin: 0 0 1.5em
	}
}

.homepage .testimonal-content {
	-ms-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

@media screen and (max-width: 750px) {
	.homepage .testimonal-content {
		-ms-flex: none;
		flex: none;
		max-width: 100%
	}
}

.homepage .logo-title {
	color: #969ea2;
	font-size: 1.1em;
	margin-bottom: 3em;
	text-align: center
}

.homepage .logo-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
	overflow: hidden;
	padding: 0
}

@media screen and (max-width: 750px) {
	.homepage .logo-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.homepage .logo-list__item {
	width: 16%
}

@media screen and (max-width: 750px) {
	.homepage .logo-list__item {
		margin-bottom: 2em;
		width: 100%
	}
	.homepage .logo-list__item:last-child {
		margin-bottom: 0
	}
}

.homepage .logo--buzzfeed {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/logos/buzzfeed-logo.png")
}

.homepage .logo--invision {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/logos/invision-logo.png")
}

.homepage .logo--spotify {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/logos/spotify-logo.png")
}

.homepage .logo--adobe {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/logos/adobe-logo.png")
}

.homepage .logo--fox {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/logos/fox-logo.png")
}

.homepage .logo {
	background-size: 100%;
	background-repeat: no-repeat;
	width: 150px;
	height: 29px;
	margin: 0 auto
}

.homepage .shared-zap-title {
	margin-bottom: 0.8em
}

.homepage .shared-zap-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: wrap;
	-ms-flex-direction: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.homepage .shared-zap {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 1px rgba(95, 108, 114, 0.08), 0 2px 18px rgba(95, 108, 114, 0.18);
	margin-bottom: 1em;
	margin-left: 1.3%;
	overflow: hidden;
	width: 24%
}

.homepage .shared-zap:nth-of-type(4n+1) {
	margin-left: 0
}

@media screen and (max-width: 950px) {
	.homepage .shared-zap {
		width: 32.4%
	}
	.homepage .shared-zap:nth-of-type(4n+1) {
		margin-left: 1.3%
	}
	.homepage .shared-zap:nth-of-type(3n+1) {
		margin-left: 0
	}
}

@media screen and (max-width: 850px) {
	.homepage .shared-zap {
		width: 49.3%
	}
	.homepage .shared-zap:nth-of-type(3n+1) {
		margin-left: 1.3%
	}
	.homepage .shared-zap:nth-of-type(2n+1) {
		margin-left: 0
	}
}

@media screen and (max-width: 750px) {
	.homepage .shared-zap {
		margin-left: 0;
		width: 100%
	}
	.homepage .shared-zap:nth-of-type(4n+1),
	.homepage .shared-zap:nth-of-type(3n+1) {
		margin-left: 0
	}
}

.homepage .shared-zap__header {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: #dadfe2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5em
}

.homepage .shared-zap__content {
	background: #fff;
	padding: 1.5em
}

.homepage .shared-zap__description {
	margin-bottom: 1em;
	min-height: 70px
}

@media screen and (max-width: 750px) {
	.homepage .shared-zap__description {
		min-height: 100%
	}
}

.homepage .shared-zap__arrow {
	color: #969ea2;
	font-size: 0.9em;
	margin: 0 0.8em
}

.homepage .shared-zap__icon {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 4px;
	height: 50px;
	width: 50px
}

.homepage .shared-zap__button {
	background: #f7f9f9;
	border-radius: 4px;
	border: 1px solid #dde2e5;
	color: #5f6c72;
	font-size: 0.85em;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 1em;
	text-align: center;
	text-transform: uppercase;
	-moz-transition: background 0.1s ease;
	-webkit-transition: background 0.1s ease;
	transition: background 0.1s ease;
	width: 100%
}

.homepage .shared-zap__button:hover {
	background: #edf2f2;
	border: 1px solid #dde2e5;
	color: #5f6c72;
	text-decoration: none
}

.homepage .customer-photo {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 400px;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	overflow: hidden;
	position: relative;
	width: 100%
}

@media screen and (max-width: 900px) {
	.homepage .customer-photo {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

.homepage .customer-photo__wrap {
	max-width: 100%
}

.homepage .customer-photo--paul-jarvis {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/testimonials/photos/paul-jarvis-large.jpg");
	background-size: 123%;
	background-position: 130% 0
}

@media screen and (max-width: 900px) {
	.homepage .customer-photo--paul-jarvis {
		background-position: center top
	}
}

.homepage .customer-photo--grace-garey {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/testimonials/photos/grace-garey-large.jpg");
	background-size: 72%;
	background-position: 100% 0;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

@media screen and (max-width: 900px) {
	.homepage .customer-photo--grace-garey {
		background-position: 74% 0;
		background-size: cover;
		-webkit-box-pack: justify;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}
}

.homepage .customer-photo__quote {
	color: #fff;
	font-size: 1.5em
}

.homepage .customer-photo__name {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 1em
}

.homepage .customer-photo__content {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-signup.png"), linear-gradient(to bottom, #2b3946, #384a5b);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: center;
	background-size: 2500px 700px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 400px;
	margin: 0;
	padding: 2em;
	width: 450px
}

@media screen and (max-width: 900px) {
	.homepage .customer-photo__content {
		height: auto;
		padding: 1.5em;
		width: 100%
	}
	.homepage .customer-photo__content .customer-photo__quote,
	.homepage .customer-photo__content .customer-photo__name {
		font-size: 1em
	}
	.homepage .customer-photo__content .customer-photo__name {
		margin-bottom: 0
	}
}

.homepage .pricing-row {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: wrap;
	-ms-flex-direction: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.homepage .pricing {
	width: 48%
}

@media screen and (max-width: 750px) {
	.homepage .pricing {
		margin-bottom: 1.5em;
		width: 100%
	}
	.homepage .pricing:last-child {
		margin-bottom: 0
	}
}

.homepage .pricing__header {
	border-radius: 4px 4px 0 0;
	background: linear-gradient(to bottom, #fd7622, #ff4a00);
	padding: 1.3em 2em
}

.homepage .pricing__header--premium {
	background: linear-gradient(to bottom, #499df3, #1983f0)
}

.homepage .pricing__content {
	background: #fff;
	border-radius: 0 0 4px 4px;
	padding: 2em;
	text-align: left
}

.homepage .pricing__title {
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 0;
	text-align: center
}

.homepage .pricing__description {
	color: #969ea2;
	font-size: 1.2em;
	margin-bottom: 1em
}

.homepage .pricing-list {
	color: #969ea2;
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0
}

.homepage .pricing-list__item {
	margin-bottom: 0.8em;
	padding-left: 2em;
	line-height: 1.5;
	position: relative
}

.homepage .pricing-list__item:last-child {
	margin-bottom: 0
}

.homepage .pricing-list__check {
	color: #fd7622;
	left: 1px;
	margin-right: 0.8em;
	position: absolute;
	top: 0.3em;
	width: 18px;
	height: 18px
}

.homepage .pricing-list--premium .pricing-list__check {
	color: #499df3
}

.homepage .pricing-cta-button {
	margin-top: 3em
}

@media screen and (max-width: 750px) {
	.homepage .pricing-cta-button {
		width: 100%
	}
}

.homepage .pricing-cta-description {
	font-size: 1.1em;
	margin-top: 15px
}

.homepage .more-features {
	display: block;
	font-size: 1.3em;
	padding: 2em;
	text-align: center
}

.homepage .zap-content-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0
}

@media screen and (max-width: 750px) {
	.homepage .zap-content-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.homepage .zap-content {
	width: 48%
}

@media screen and (max-width: 750px) {
	.homepage .zap-content {
		margin-bottom: 2.5em;
		width: 100%
	}
	.homepage .zap-content:last-child {
		margin-bottom: 0
	}
}

.homepage .zap-list {
	margin: 0;
	padding: 0
}

.homepage .zap-list__item {
	margin-bottom: 3em
}

.homepage .zap-list__item:last-child {
	margin-bottom: 0
}

.homepage .zap-description {
	color: #969ea2
}

.homepage .timeline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0;
	padding: 0;
	margin-bottom: 1em
}

.homepage .timeline__zap {
	flex: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 50%;
	border: 3px solid #dadfe2;
	height: 70px;
	width: 70px
}

.homepage .timeline__zap-no-icon {
	display: none;
	align-items: center;
	justify-content: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 50%;
	border: 3px solid #dadfe2;
	height: 70px;
	width: 70px;
	padding: 20px 0
}

.homepage .timeline__check {
	color: #969ea2;
	width: 30px;
	height: 30px
}

.homepage .timeline__item--empty .timeline__zap {
	display: none
}

.homepage .timeline__item--empty .timeline__zap-no-icon {
	display: flex
}

.homepage .timeline__item--empty .timeline__content,
.homepage .timeline__item--empty .line {
	display: none
}

.homepage .timeline__item--empty .dots {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.homepage .timeline__item,
.homepage .timeline__first {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 74px;
	margin-top: -2px
}

.homepage .timeline__content {
	margin-left: 2em
}

.homepage .timeline__label {
	background: #e8ebed;
	border-radius: 3px;
	color: #5f6c72;
	display: inline-block;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: normal;
	padding: 2px 8px;
	text-transform: uppercase;
	vertical-align: middle
}

.homepage .timeline__app {
	font-weight: 600
}

.homepage .timeline__message {
	font-size: 1.1em;
	color: #969ea2;
	margin-top: 0.5em;
	margin-bottom: 0
}

.homepage .timeline__connection {
	height: 74px
}

.homepage .dots {
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 4px 33px 0;
	padding: 0
}

.homepage .dots__item:before {
	background: #dadfe2;
	border-radius: 50%;
	content: '';
	display: block;
	height: 6px;
	margin: 8px 0;
	width: 6px
}

.homepage .line {
	border: 2px solid #dadfe2;
	height: 74px;
	margin-left: 33px;
	text-align: center
}

@media screen and (max-width: 750px) {
	.homepage .builtin-apps {
		padding-left: 20px;
		padding-right: 20px
	}
}

.homepage .builtin-apps__image {
	margin-top: 0;
	max-height: 5rem
}

@keyframes blink {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.homepage .blink-animation {
	animation-name: blink;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards
}

@keyframes line {
	from {
		height: 0
	}
	to {
		height: 74px
	}
}

.homepage .line-animation {
	animation-name: line;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards
}

@keyframes fade {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.homepage .fade-animation {
	animation-name: fade;
	animation-duration: 1.3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards
}

@keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97)
	}
	to {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.homepage .bounce-animation {
	animation-name: bounceIn;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards
}

.persona-section {
	background-color: white;
	padding: 4em 0
}

@media screen and (max-width: 750px) {
	.persona-section {
		margin: 0;
		padding: 2em 0
	}
}

.persona-section--dark-illustration {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-signup.png") center, linear-gradient(to bottom, #2b3946, #384a5b);
	background-size: 2500px 700px, 100%
}

@media screen and (max-width: 750px) {
	.persona-section--dark-illustration {
		background: linear-gradient(to bottom, #2b3946, #384a5b)
	}
}

.persona-section--dark-illustration2 {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/homepage/heroes/hero-shared-zaps.png") center, linear-gradient(to bottom, #2b3946, #384a5b);
	background-size: 2500px 974px, 100%
}

@media screen and (max-width: 750px) {
	.persona-section--dark-illustration2 {
		background: linear-gradient(to bottom, #2b3946, #384a5b)
	}
}

.persona-section--light {
	background-color: #F7F7F8
}

.persona-section--top-border {
	border-top: 1px solid #f1f4f5
}

.persona-section--bottom-border {
	border-bottom: 1px solid #f1f4f5
}

@media screen and (min-width: 750px) {
	.persona-section--timeline-cta {
		border-top: 1px solid #f1f4f5;
		padding: 0 0 4em 0;
		margin-top: -4.2em
	}
}

.persona-section__container {
	margin: 0 auto;
	max-width: 1120px;
	overflow: hidden;
	padding: 0 20px
}

.persona-hero {
	margin: 4em 0 3em;
	text-align: center
}

@media screen and (max-width: 750px) {
	.persona-hero {
		margin: 0 2em
	}
}

@media screen and (max-width: 400px) {
	.persona-hero {
		margin: 0
	}
}

.persona-hero__title {
	color: #fff;
	font-size: 2.85em;
	max-width: 750px;
	margin: 0 auto
}

@media screen and (max-width: 750px) {
	.persona-hero__title {
		font-size: 2em
	}
}

.persona-hero__description {
	color: #fff;
	font-size: 1.14em;
	text-decoration: underline;
	display: inline-block;
	margin: 2em 0 0 0
}

@media screen and (max-width: 750px) {
	.persona-hero__description {
		margin: 1em 0 2em
	}
}

.persona-page-description {
	color: #969ea2;
	text-align: center;
	font-size: 1.14em;
	max-width: 400px;
	margin: 0 auto
}

.persona-timeline {
	margin: 0 auto;
	max-width: 650px
}

.persona-timeline__item {
	display: flex;
	flex-flow: row nowrap;
	align-items: top;
	margin-bottom: 4em
}

.persona-timeline__zap {
	position: relative;
	background-color: #fff;
	border-radius: 50%;
	border: 3px solid #dadfe2;
	height: 80px;
	width: 80px
}

@media screen and (max-width: 750px) {
	.persona-timeline__zap {
		width: 50px;
		height: 50px;
		border: 2px solid #dadfe2
	}
}

.persona-timeline__zap--solid::after {
	content: "";
	position: absolute;
	top: 77px;
	width: 3px;
	height: 280px;
	border: none;
	border-left: 3px solid #dadfe2;
	margin-left: 36px
}

@media screen and (max-width: 750px) {
	.persona-timeline__zap--solid::after {
		display: none
	}
}

.persona-timeline__zap--dash::after {
	content: "";
	position: absolute;
	top: 77px;
	width: 3px;
	height: 190px;
	border: none;
	border-left: 3px dashed #dadfe2;
	margin-left: 36px
}

@media screen and (max-width: 750px) {
	.persona-timeline__zap--dash::after {
		display: none
	}
}

.persona-timeline__zap-icon {
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	transform-origin: center
}

.persona-timeline__zap-icon--hidden {
	opacity: 0
}

.persona-timeline__zap-icon--anim-out {
	animation: anim-out 0.15s ease-in forwards
}

@keyframes anim-out {
	from {
		opacity: 1.0;
		transform: scale3d(1, 1, 1)
	}
	to {
		opacity: 0.6;
		transform: scale3d(0.9, 0.9, 1)
	}
}

.persona-timeline__zap-icon--anim-in {
	animation: anim-in 0.15s ease-out forwards
}

@keyframes anim-in {
	from {
		opacity: 0.6;
		transform: scale3d(0.9, 0.9, 1)
	}
	to {
		opacity: 1.0;
		transform: scale3d(1, 1, 1)
	}
}

.persona-timeline__content {
	margin-left: 2em;
	flex: 1 0 0
}

@media screen and (max-width: 750px) {
	.persona-timeline__content {
		margin-left: 1em
	}
}

.persona-timeline__title {
	font-size: 2.14em;
	font-weight: 600;
	line-height: 1.3em;
	color: #354147;
	margin: 0.6em 0 0.2em 0
}

@media screen and (max-width: 750px) {
	.persona-timeline__title {
		font-size: 1.5em;
		margin: -0.1em 0 0.2em
	}
}

.persona-timeline__desc {
	font-size: 1.14em;
	color: #969ea2
}

.persona-timeline__select-desc {
	font-size: 0.9em;
	letter-spacing: 1px;
	font-weight: 600;
	color: #969ea2;
	margin: 2em 0 0 0.2em
}

.persona-timeline__select {
	margin-top: 0.8em
}

.persona-timeline__select-app {
	display: none
}

.persona-timeline__select-app+label {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 50%;
	border: 2px solid #dadfe2;
	margin-right: 0.2em;
	cursor: pointer
}

.persona-timeline__select-app+label:hover {
	border: 2px solid #969ea2;
	background-color: #dadfe2
}

.persona-timeline__select-app:checked+label {
	border: 2px solid #499df3;
	background-color: #F5FAFE;
	position: relative
}

.persona-timeline-result {
	list-style: none;
	border: 1px solid #E5E5EB;
	border-radius: 4px;
	background-color: #fff;
	margin: 10em auto 0 auto;
	max-width: 800px;
	overflow: hidden
}

@media screen and (max-width: 750px) {
	.persona-timeline-result {
		margin: 4em auto 0 auto
	}
}

.persona-timeline-result__topbar {
	height: 30px;
	padding-left: 15px;
	background-color: #E5E5EB;
	display: flex;
	flex-flow: row nowrap;
	align-items: center
}

.persona-timeline-result__topbar-circle {
	background-color: rgba(150, 158, 162, 0.7);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin-right: 0.4em
}

.persona-timeline-result__content {
	padding: 2em 4em 3em 4em;
	font-family: monospace;
	line-height: 1.5em;
	font-size: 1.6em;
	color: #969ea2
}

@media screen and (max-width: 750px) {
	.persona-timeline-result__content {
		font-size: 1.14em;
		padding: 1em
	}
}

.persona-timeline-cta {
	text-align: center;
	margin-bottom: 8em
}

@media screen and (max-width: 750px) {
	.persona-timeline-cta {
		margin-bottom: 4em
	}
}

.persona-timeline-cta__title {
	font-size: 2.14em;
	text-align: center;
	padding: 4em 0 1.6em 0
}

@media screen and (max-width: 750px) {
	.persona-timeline-cta__title {
		font-size: 2em;
		padding: 2em 0 1.6em 0
	}
}

.persona-timeline-cta__desc {
	text-align: center;
	font-size: 1em;
	color: #969ea2;
	margin: 3em auto 0 auto;
	max-width: 400px
}

.persona-timeline-cta__button {
	background: #ff4a00;
	border: none;
	color: #fff;
	font-size: 1.14em;
	font-weight: 600;
	padding: 1em 2em
}

.persona-timeline-cta__button:hover {
	background: #f54700;
	color: #fff
}

.persona-timeline-cta__bubbles {
	margin-bottom: 2em
}

.persona-timeline-cta__bubble {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 50%;
	border: 2px solid #dadfe2;
	margin-left: -12px
}

.persona-timeline-cta__bubble:first-child {
	margin-left: 0
}

.persona-testimonials {
	margin-bottom: 4em
}

.persona-testimonials__title {
	font-size: 2.14em;
	text-align: center;
	margin-bottom: 1em
}

@media screen and (max-width: 750px) {
	.persona-testimonials__title {
		font-size: 1.5em
	}
}

.persona-testimonials__row {
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 2em
}

@media screen and (max-width: 750px) {
	.persona-testimonials__row {
		flex-flow: column nowrap;
		margin-bottom: 0
	}
}

.persona-testimonials__testimonial {
	flex: 1 0 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: top;
	background-color: #fff;
	border: 1px solid #dadfe2;
	border-radius: 4px;
	padding: 2em 2em 1em 2em
}

@media screen and (max-width: 970px) {
	.persona-testimonials__testimonial {
		flex-flow: column nowrap;
		align-items: center
	}
}

@media screen and (max-width: 750px) {
	.persona-testimonials__testimonial {
		flex: 0;
		margin-bottom: 1em
	}
}

.persona-testimonials__testimonial:first-child {
	margin-right: 1em
}

@media screen and (max-width: 750px) {
	.persona-testimonials__testimonial:first-child {
		margin-right: 0
	}
}

.persona-testimonials__testimonial:last-child {
	margin-left: 1em
}

@media screen and (max-width: 750px) {
	.persona-testimonials__testimonial:last-child {
		margin-left: 0
	}
}

.persona-testimonials__testimonial-img {
	width: 90px;
	height: 90px;
	margin: 0 2em 0 0
}

@media screen and (max-width: 970px) {
	.persona-testimonials__testimonial-img {
		margin: 0 0 1em 0
	}
}

.persona-testimonials__testimonial-content {
	flex: 1 0 0
}

.persona-testimonials__testimonial-quote {
	font-size: 1em;
	color: #969ea2
}

.persona-testimonials__testimonial-name {
	font-size: 1em;
	color: #969ea2;
	font-weight: 600
}

.persona-blog {
	text-align: center
}

.persona-blog__title {
	font-size: 2.14em;
	text-align: center;
	margin: 1em 0 1em
}

@media screen and (max-width: 750px) {
	.persona-blog__title {
		font-size: 1.5em
	}
}

.persona-blog__posts {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-bottom: 4em
}

.persona-blog__post {
	width: 300px;
	height: 400px;
	margin: 1em;
	background-color: #F7F7F8;
	border-radius: 4px
}

@media screen and (max-width: 639px) {
	.persona-blog__post {
		margin: 1em 0
	}
}

.persona-blog__post:hover {
	text-decoration: none;
	background-color: #EAEBEC
}

.persona-blog__post-top {
	position: relative;
	text-align: center;
	height: 275px;
	background-size: cover;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	padding: 2em;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center
}

.persona-blog__post-top-smoke {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: black;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}

.persona-blog__post-top-title {
	position: relative;
	font-size: 1.29em;
	font-weight: 600;
	color: #fff;
	margin-bottom: 1em
}

.persona-blog__post-top-author {
	position: relative;
	font-size: 1em;
	color: rgba(255, 255, 255, 0.8)
}

.persona-blog__post-bottom {
	text-align: left;
	font-size: 1.14em;
	color: #969ea2;
	padding: 1em 2em
}

.persona-footer {
	text-align: center
}

.persona-footer__title {
	font-size: 2.85em;
	color: #fff;
	padding-bottom: 0.5em
}

@media screen and (max-width: 750px) {
	.persona-footer__title {
		font-size: 2em
	}
}

.persona-footer__desc {
	font-size: 1.14em;
	color: #dadfe2
}

.persona-footer__button {
	margin: 4em 0;
	background: #ff4a00;
	border: none;
	color: #fff;
	font-size: 1.14em;
	font-weight: 600;
	padding: 1em 2em
}

.persona-footer__button:hover {
	background: #f54700;
	color: #fff
}

.developer-v3 {
	background: #FFF
}

#footer {
	background: #fff;
	border-top: 1px solid #f1f4f5
}

#footer .container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 40px
}

#footer .footer-logo {
	width: 50%;
	order: 1;
	display: flex;
	flex-direction: row;
	justify-content: left;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	margin-right: 0px;
	margin-bottom: 27px
}

#footer .footer-logo .logo {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/footer-logo.png");
	background-position: 0 0;
	background-size: 70px 64px;
	height: 32px;
	width: 70px
}

#footer .footer-logo .logo:hover {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/footer-logo.png");
	background-position: 0 32px
}

#footer .footer-logo .tagline {
	color: #5f6c72;
	font-size: 1.6rem;
	margin: 12px 10px 0px 10px
}

#footer nav {
	order: 2;
	width: 50%
}

#footer .links {
	margin-top: 12px;
	display: flex;
	justify-content: flex-end
}

#footer .links ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 16px;
	line-height: 1em;
	margin: 0 0 20px 0;
	vertical-align: top;
	font-weight: 500;
	width: 400px
}

#footer .links ul li a {
	color: #5f6c72;
	font-weight: 600
}

#footer .links ul li a:hover {
	color: #ff4a00;
	text-decoration: none
}

#footer .social {
	width: 50%;
	order: 3;
	margin: 0px 0 20px 0;
	align-items: center;
	display: flex;
	flex-direction: row
}

#footer .social .follow-us {
	font-weight: 600;
	margin: 0 10px 0 0
}

#footer ul.micro {
	width: 50%;
	order: 4;
	text-align: right;
	margin-bottom: 30px;
	margin-top: 5px
}

#footer ul.micro li {
	color: #5f6c72;
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 0 0 0
}

#footer ul.micro li a {
	color: #6c767a
}

#footer ul.micro li a:hover {
	color: #499df3
}

#footer ul.micro li.divider {
	color: #dadfe2;
	margin: 0 2px
}

#header .page-header-wrapper {
	background: #fff;
	border-bottom: 1px solid #f1f4f5;
	position: relative
}

#header .container {
	display: table;
	padding: 0 20px;
	width: 100%
}

@media (max-width: 750px) {
	#header .container {
		padding: 1em 20px
	}
}

#header .logo {
	display: table-cell;
	height: 40px;
	padding: 1em 0;
	vertical-align: middle;
	width: 70px
}

@media (max-width: 750px) {
	#header .logo {
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
		position: absolute
	}
	#header .logo.logged-in {
		left: 20px;
		transform: none
	}
}

#header .logo a {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/zapier-small-orange-logo.png");
	background-size: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 42px;
	width: 70px
}

#header .links-container {
	border-right: 1px solid #f1f4f5;
	display: table-cell;
	padding: 1em 1.3em 1em 1em;
	vertical-align: middle
}

#header .links-container--borderless {
	border-right: none
}

#header .links-container:hover:before {
	color: #dadfe2
}

@media (max-width: 750px) {
	#header .links-container {
		border-right: none;
		padding: 0
	}
	#header .links-container:before {
		content: "";
		width: 20px;
		height: 18px;
		background: linear-gradient(to bottom, #969ea2 0px, #969ea2 4px, transparent 4px, transparent 7px, #969ea2 7px, #969ea2 11px, transparent 11px, transparent 14px, #969ea2 14px, #969ea2 18px) no-repeat;
		display: inline-block;
		margin: 10px 12px;
		margin: 0.6em 0 0 -1em
	}
}

#header .links-container.logged-in:before {
	visibility: hidden
}

#header .links-container .links {
	float: right;
	margin: 0
}

@media (max-width: 750px) {
	#header .links-container .links {
		border-top: 1px solid #f1f4f5
	}
}

#header .links-container .links li {
	display: inline-block;
	padding: 0 1.3em
}

#header .links-container .links li:last-child {
	padding-right: 0
}

@media (max-width: 750px) {
	#header .links-container .links li {
		padding: 0
	}
}

#header .links-container .links li.highlight {
	background-color: #f4cd19;
	color: #9B7A13 !important;
	padding-top: 4px;
	padding-bottom: 4px
}

#header .links-container .links li.highlight a {
	color: #222 !important
}

#header .links-container .links li a {
	color: #969ea2;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-text-stroke-width: 0;
	vertical-align: middle
}

@media (max-width: 750px) {
	#header .links-container .links li a {
		background: #fff;
		color: #969ea2;
		padding: 1.5em 20px 1.3em 20px
	}
}

#header .links-container .links li a:hover {
	color: #7b858a;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

@media (max-width: 750px) {
	#header .links-container .links li a:hover {
		background: #fff;
		color: #5f6c72 !important
	}
}

#header .links-container .links li a.signup {
	background: #ff4a00;
	border: none;
	color: #fff;
	padding: 1.1em 1.6em 1em 1.6em
}

#header .links-container .links li a.signup:hover {
	background: #f54700
}

@media (max-width: 750px) {
	#header .links-container .links li a.signup {
		display: inline-block;
		width: auto;
		margin: 0.7em 0
	}
}

#header .links-container:before {
	color: #969ea2;
	margin: 0.6em 0 0 -1em
}

@media (max-width: 750px) {
	#header .links-container {
		margin: 0
	}
}

#header .hiring {
	font-size: 12px;
	position: relative;
	top: 28px;
	left: 25px
}

#header .hiring a {
	color: #969ea2;
	text-decoration: none
}

#header .hiring a:hover {
	color: #5f6c72;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

#header.transparent-header {
	background: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	z-index: 1
}

#header.transparent-header .menu-actions {
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

#header.transparent-header .links-container {
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

#header.transparent-header .links-container:before {
	color: #fff
}

@media (max-width: 750px) {
	#header.transparent-header .links-container {
		border-right: none
	}
}

#header.transparent-header .logo a {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/zapier-small-white-logo.png");
	background-size: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 42px;
	width: 70px
}

#header.transparent-header .hiring a {
	color: rgba(255, 255, 255, 0.7)
}

#header.transparent-header .links.logged-out a {
	color: #fff
}

#header.transparent-header .links.logged-out a:hover {
	color: rgba(255, 255, 255, 0.7)
}

@media (max-width: 750px) {
	#header.transparent-header .links.logged-out a {
		color: #969ea2
	}
}

#header.transparent-header .links .signup.button {
	background: rgba(0, 0, 0, 0.2);
	padding: 1.1em 1.6em 1em 1.6em
}

#header.transparent-header .links .signup.button:hover {
	background: rgba(0, 0, 0, 0.25);
	color: #fff
}

@media (max-width: 750px) {
	#header.transparent-header .links .signup.button {
		display: inline-block;
		width: auto;
		margin: 0.7em 0
	}
}

#header .header-account-info {
	float: right;
	height: 70px;
	padding: 1em 0 1em 1em;
	border-left: 1px solid #f1f4f5
}

body .button.make-a-zap-button {
	background: #ff4a00;
	border: none;
	color: #fff !important;
	padding: 1em 1.5em;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

body .button.make-a-zap-button:hover {
	background: #f54700
}

@media (max-width: 750px) {
	body .button.make-a-zap-button {
		color: #969ea2 !important
	}
}

.landing-container .container {
	overflow: hidden
}

.landing-hero-container {
	background: #ff4a00;
	background: linear-gradient(to bottom, #ff4a00, #fd7622);
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/comic-bg@2x.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -6.5em;
	height: 600px
}

@media (max-width: 640px) {
	.landing-hero-container {
		height: auto
	}
}

.landing-hero-container .container {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: center
}

.landing-hero-container .container h1 {
	color: #fff;
	font-size: 2.7em;
	font-weight: 300;
	line-height: 1.3em;
	margin: 5.6em auto 0 auto;
	max-width: 700px;
	text-align: center
}

@media (max-width: 640px) {
	.landing-hero-container .container h1 {
		font-size: 1.8em;
		line-height: 1.4em;
		margin: 4em auto 0 auto
	}
}

.landing-hero-container .container .landing-hero-button {
	background: #cf2a00;
	font-size: 1.3em;
	margin: 3em auto;
	padding: 1em 2em
}

.landing-hero-container .container .landing-hero-button:hover {
	background: #d62c00;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

@media (max-width: 640px) {
	.landing-hero-container .container .landing-hero-button {
		margin: 2em auto
	}
}

.company-logos-container {
	border-bottom: 1px solid #f1f3f4
}

.company-logos-container .container {
	padding: 1.2em 2%;
	overflow: hidden
}

.company-logos-container p {
	font-size: 0.9em;
	text-align: center
}

@media (max-width: 640px) {
	.company-logos-container p {
		margin-bottom: 1.5em
	}
}

.company-logos-container .company-logo {
	float: left;
	width: 19.2%
}

@media (max-width: 640px) {
	.company-logos-container .company-logo {
		width: 100%
	}
}

.company-logos-container .company-logo .buzzfeed {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/logos/buzzfeed@2x.png");
	background-position: center center;
	background-size: 60%;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100%
}

@media (max-width: 640px) {
	.company-logos-container .company-logo .buzzfeed {
		background-size: 25%;
		height: 50px
	}
}

.company-logos-container .company-logo .groupon {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/logos/groupon@2x.png");
	background-position: center center;
	background-size: 60%;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100%
}

@media (max-width: 640px) {
	.company-logos-container .company-logo .groupon {
		background-size: 25%;
		height: 50px
	}
}

.company-logos-container .company-logo .spotify {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/logos/spotify@2x.png");
	background-position: center center;
	background-size: 60%;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100%
}

@media (max-width: 640px) {
	.company-logos-container .company-logo .spotify {
		background-size: 25%;
		height: 50px
	}
}

.company-logos-container .company-logo .columbia {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/logos/columbia@2x.png");
	background-position: center center;
	background-size: 85%;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100%
}

@media (max-width: 640px) {
	.company-logos-container .company-logo .columbia {
		background-size: 50%;
		height: 50px
	}
}

.company-logos-container .company-logo .fox {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/logos/fox@2x.png");
	background-position: center center;
	background-size: 40%;
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	width: 100%
}

@media (max-width: 640px) {
	.company-logos-container .company-logo .fox {
		background-size: 15%;
		height: 50px
	}
}

.landing-zaps-container {
	overflow: hidden
}

.landing-zaps-container .container {
	padding: 3em 20px
}

.landing-zaps-container .zaps-definition {
	float: left;
	width: 35%
}

@media (max-width: 960px) {
	.landing-zaps-container .zaps-definition {
		margin-bottom: 2em;
		width: 100%
	}
}

.landing-zaps-container .zaps-definition h2 {
	color: #ff4a00;
	font-weight: 600
}

.landing-zaps-container .zaps-definition p {
	font-size: 1.2em
}

.landing-zaps-container .zaps-definition em {
	font-style: normal;
	font-weight: 600
}

.landing-zaps-container .landing-popular-zaps {
	float: right;
	width: 50%
}

@media (max-width: 960px) {
	.landing-zaps-container .landing-popular-zaps {
		width: 100%
	}
}

.landing-zaps-container .landing-popular-zaps .embedded-zap-card {
	border: 1px solid #dadfe2;
	padding: 0.75em
}

.landing-zaps-container .landing-popular-zaps .embedded-zap-card:first-child {
	margin-top: 0
}

.customer-story-container.ophelie {
	background: #969ea2;
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/customer-story-1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 528px;
	padding: 4em;
	position: relative
}

@media (max-width: 640px) {
	.customer-story-container.ophelie {
		height: 640px;
		padding: 1.5em
	}
}

.customer-story-container.paul-jarvis {
	background: #969ea2;
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/backgrounds/customer-story-2.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 528px;
	padding: 4em;
	position: relative
}

.customer-story-container.paul-jarvis .customer-quote {
	margin-bottom: 6em
}

@media (max-width: 640px) {
	.customer-story-container.paul-jarvis {
		padding: 1.5em;
		height: 580px
	}
}

.customer-story-container .customer-story {
	max-width: 426px
}

@media (max-width: 640px) {
	.customer-story-container .customer-story {
		width: 100%
	}
}

.customer-story-container .customer-story.right {
	float: right
}

.customer-story-container .customer-story.left {
	float: left
}

.customer-story-container .customer-quote {
	margin-bottom: 3em
}

.customer-story-container .customer-quote p {
	color: #fff;
	font-size: 1.8em;
	text-shadow: 0 1px 1px #354147
}

.customer-story-container .customer-quote cite {
	color: #fff;
	text-shadow: 0 1px 1px #5f6c72
}

.customer-story-container .customer-quote cite span {
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase
}

.customer-story-container .customer-zaps h3 {
	color: rgba(255, 255, 255, 0.7)
}

.customer-story-container .customer-zaps .embedded-zap-card .embedded-zap-title {
	width: 60%
}

.customer-story-container .customer-zaps .embedded-zap-card .embedded-zap-title p {
	padding: 0.5em 0 0.5em 1em;
	width: 246px
}

@media (max-width: 640px) {
	.customer-story-container .customer-zaps .embedded-zap-card .embedded-zap-title p {
		width: 100%
	}
}

.customer-story-container .customer-zaps .embedded-zap-card .button {
	background: #dadfe2;
	color: #5f6c72
}

.customer-story-container .customer-zaps .embedded-zap-card .button:hover {
	background: #d1d8db
}

.customer-story-container .customer-story-link {
	color: rgba(255, 255, 255, 0.8);
	display: block;
	font-size: 0.9em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 2em 0 1em 0;
	text-align: right;
	text-decoration: none
}

.customer-story-container .customer-story-link span {
	display: inline-block;
	margin-top: -1em
}

.customer-story-container .customer-story-link:hover {
	color: #fff;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.landing-features-container .container {
	padding: 5em 20px
}

@media (max-width: 640px) {
	.landing-features-container .container {
		padding: 20px
	}
}

.landing-features-container .landing-feature {
	float: left;
	margin-left: 17%;
	text-align: center;
	width: 22%
}

.landing-features-container .landing-feature:first-child {
	margin: 0
}

@media (max-width: 640px) {
	.landing-features-container .landing-feature:first-child {
		margin: 2em 0
	}
}

.landing-features-container .landing-feature h3 {
	color: #ff4a00;
	font-size: 1.2em;
	margin: 0 0 0.6em 0
}

.landing-features-container .landing-feature p {
	font-weight: 600;
	margin: 2.5em 0 0 0
}

@media (max-width: 640px) {
	.landing-features-container .landing-feature {
		margin: 2em 0;
		width: 100%
	}
}

.landing-features-container .landing-feature-icon {
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
	margin: 0 auto 2em auto;
	height: 58px;
	width: 151px
}

.landing-features-container .landing-feature-icon.explore {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/explore@2x.png")
}

.landing-features-container .landing-feature-icon.integrate {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/integrate@2x.png")
}

.landing-features-container .landing-feature-icon.automate {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/icons/automate@2x.png")
}

.landing-features-container .icon-divider {
	border-bottom: 1px solid #e8ebed;
	display: block;
	margin: 0 auto 1.8em auto;
	width: 2em
}

.landing-video-container {
	background: #ff4a00;
	background: linear-gradient(to right, #fc4b1d, #fe8044)
}

.landing-video-container .container {
	overflow: hidden;
	padding: 3em 20px
}

.landing-video-container .landing-video {
	float: left;
	width: 40%
}

@media (max-width: 640px) {
	.landing-video-container .landing-video {
		float: none;
		width: 100%
	}
}

.landing-video-container .landing-video-text {
	float: left;
	margin-left: 5%;
	width: 55%
}

@media (max-width: 640px) {
	.landing-video-container .landing-video-text {
		float: none;
		margin: 0;
		width: 100%
	}
}

.landing-video-container .landing-video-text h1 {
	color: #fff;
	font-size: 2.4em;
	font-weight: 300
}

.landing-video-container .landing-video-text p {
	color: #fff;
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.3em;
	margin-bottom: 2em
}

.landing-video-container .landing-video-text .button {
	background: #fff;
	color: #77868d;
	font-size: 1.3em;
	padding: 0.8em 1.5em
}

.landing-video-container .landing-video-text .button:hover {
	background: #fff;
	color: #5f6c72;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

.blog-cta-container {
	background: #13d0ab
}

.blog-cta-container .container {
	width: 100%;
	height: 100%;
	padding: 4em 20px;
	text-align: center
}

.blog-cta-container h1 {
	color: #fff;
	font-size: 2.4em;
	font-weight: 300;
	padding-top: 0;
	text-align: center
}

.blog-cta-container p {
	color: #fff;
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.3em;
	margin-bottom: 1em;
	text-align: center
}

.blog-cta-container .button {
	background: #fff;
	color: #77868d;
	font-size: 1.3em;
	margin: 2em auto 0 auto;
	padding: 0.8em 1.5em
}

.blog-cta-container .button:hover {
	background: #fff;
	color: #5f6c72;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

#topapps h3 {
	color: #c1c6c8;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.6px;
	margin-bottom: 2.5em
}

#topapps .app-letter-links {
	text-align: center
}

#topapps .app-letter-links p span {
	padding-right: 10px
}

#topapps .app-letter-links p span a {
	cursor: pointer;
	color: #969ea2
}

#topapps .app-letter-links p span a:hover {
	color: #ff4a00;
	text-decoration: none
}

#topapps .links {
	display: inline-block;
	width: 100%;
	margin: 20px 0 0
}

#topapps .links ul {
	display: inline-block;
	float: left;
	font-size: 13px;
	line-height: 1em;
	margin: 0 6px 20px 0;
	vertical-align: top;
	width: 24%
}

#topapps .links ul li.hidden {
	display: none
}

#topapps .links ul li {
	margin: 0 0 10px
}

#topapps .links ul li a {
	cursor: pointer;
	color: #969ea2
}

#topapps .links ul li a:hover {
	color: #ff4a00;
	text-decoration: none
}

#topapps .links ul li a.seo-expand-link {
	text-decoration: underline
}

.learning-center {
	background: #fff
}

.learning-center .api-course-nav,
.learning-center .course-nav {
	display: none
}

.learning-center .row.cover {
	background-color: #61aaf5;
	min-height: 400px;
	padding-top: 60px
}

.learning-center .row.cover h1 {
	padding-top: 0
}

@media (max-width: 750px) {
	.learning-center .row.cover {
		min-height: auto;
		padding-top: 0
	}
	.learning-center .row.cover .container {
		padding: 20px
	}
	.learning-center .row.cover h1 {
		font-size: 1em
	}
}

.learning-center .container.content {
	max-width: 650px
}

.learning-center .courses .course {
	display: inline-block;
	max-width: 250px;
	padding: 20px;
	vertical-align: top
}

.learning-center .courses .course a {
	color: #5f6c72;
	display: inline-block;
	max-width: 100%
}

.learning-center .courses .course a:hover {
	color: #499df3;
	text-decoration: none
}

.learning-center .courses .course .cover {
	background-color: #FFF;
	display: inline-block;
	max-height: 325px;
	max-width: 100%
}

.learning-center .courses .course .cover img {
	float: left
}

.learning-center .courses .course .title {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5em;
	margin: 10px 0 0;
	text-align: left
}

.learning-center .course .course-cover {
	background-color: #FFF;
	display: inline-block;
	margin: 40px 0 20px;
	max-width: 300px
}

.learning-center .course .course-cover img {
	float: left
}

.learning-center .course .footnotes {
	margin-bottom: 40px
}

.learning-center .code {
	font-family: 'Consolas', 'Liberation Mono', Courier, monospace
}

.learning-center.api-course {
	background-color: #FFF
}

.learning-center.api-course table th {
	font-weight: 600;
	padding: 10px 0
}

.learning-center.api-course table td {
	padding: 5px 0
}

.learning-center.api-course .container p i {
	letter-spacing: 0.3px
}

.learning-center.api-course a.footnote {
	border-bottom: none;
	text-decoration: underline;
	padding-right: 2px
}

.learning-center.api-course label {
	display: block;
	font-size: 15px;
	font-weight: 600;
	padding: 10px 0 10px
}

.learning-center.api-course form div {
	margin: 0 0 10px
}

.learning-center.api-course .figure.two-thirds img {
	max-width: 66.6%
}

.learning-center.api-course .figure.bordered img {
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1)
}

.learning-center.api-course .figure.shave {
	margin-bottom: 0
}

.learning-center.api-course .figure.haircut {
	margin-top: 0
}

.learning-center.api-course .figure .caption {
	margin-top: 15px
}

.learning-center.api-course .api-course-ul {
	display: inline-block;
	line-height: 2em;
	text-align: left
}

.learning-center.api-course .api-course-ul a.coming-soon {
	color: #999;
	border-color: #999
}

.learning-center.api-course .cover h1 {
	font-size: 50px;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0 !important
}

.learning-center.api-course .cover hr {
	color: #fff;
	background: #fff;
	margin: 0 auto 30px
}

.learning-center.api-course .cover .subtitle {
	color: #FFF;
	font-style: italic;
	font-size: 17px;
	letter-spacing: 0.2px;
	margin: 0 0 15px;
	-webkit-font-smoothing: antialiased
}

.learning-center.api-course .logo {
	display: inline-block;
	height: 37px;
	width: 80px
}

.learning-center.api-course .logo a {
	border: 0
}

.learning-center.api-course .api-course-nav {
	height: 50px;
	width: 100%;
	position: fixed;
	text-align: center;
	color: #F1F1F1;
	float: left;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 50px;
	padding: 0 20px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.4px;
	z-index: 1;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease
}

.learning-center.api-course .api-course-nav.fixed {
	background-color: rgba(0, 0, 0, 0.8)
}

.learning-center.api-course .api-course-nav a {
	border: 0;
	color: #F1F1F1
}

.learning-center.api-course .api-course-current-chapter {
	float: left
}

.learning-center.api-course .api-course-toc-link {
	float: right
}

.learning-center.api-course .api-course-footer {
	border-top: 1px solid #eee;
	padding: 1em
}

.learning-center.api-course .api-course-footer p {
	font-size: .9em;
	margin: 0;
	padding: 0
}

.learning-center.api-course .api-course-footer a {
	color: #499df3
}

.learning-center.api-course .api-course-footer h2 {
	color: #888
}

.learning-center.api-course .api-course-footer small {
	color: #969ea2;
	font-size: 100%
}

.learning-center.api-course .api-course-signup {
	display: inline-block;
	margin: 20px 0 40px;
	max-width: 450px;
	width: 80%
}

.learning-center.api-course .api-course-signup input[type=submit] {
	background-color: #777;
	background-image: none;
	border-color: #F1F1F1;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	color: #F1F1F1;
	display: block;
	font-size: 16px;
	font-weight: 300;
	height: 44px;
	letter-spacing: 0.3px;
	padding: 0 10px 0 15px;
	width: 40%;
	text-shadow: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.3px;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-ms-border-radius: 0 2px 2px 0;
	-o-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0
}

.learning-center.api-course .api-course-signup input[type=submit]:hover {
	background-color: #888
}

.learning-center.api-course .api-course-signup input[type=text] {
	background: #fff;
	border: 0 none;
	color: #777;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	padding: 10px;
	width: 60%;
	-webkit-border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-ms-border-radius: 2px 0 0 2px;
	-o-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px
}

.learning-center.api-course .api-course-signup input[type=text]:focus {
	border: 0 none;
	margin: 0;
	padding: 10px
}

.learning-center.api-course #fb-login-button {
	margin-bottom: 20px
}

.learning-center.api-course #homeworkModeForm {
	margin: 10px 0 20px
}

.learning-center.api-course #homeworkModeForm div {
	margin: 10px 7px 10px 0
}

.learning-center.api-course #homeworkModeForm label {
	display: inline;
	font-size: inherit;
	font-weight: inherit;
	padding: 0 0 0 6px
}

.learning-center.api-course #homeworkClientRequest,
.learning-center.api-course #homeworkServerResponse {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 20px
}

.learning-center.api-course .hw-boxes {
	display: inline-block;
	margin: 20px 0;
	width: 100%
}

.learning-center.api-course .hw-box-container {
	display: inline-block;
	width: 35%;
	text-align: center
}

.learning-center.api-course .hw-box-container .box {
	border: 1px solid #222;
	display: inline-block;
	min-width: 200px;
	min-height: 200px;
	position: relative;
	padding: 20px
}

.learning-center.api-course .hw-box-container .label {
	font-style: italic;
	font-weight: 300;
	letter-spacing: 0.6px;
	margin: 10px 0 0;
	text-align: center
}

.learning-center.api-course .hw-box-container label.orange {
	color: #FF4a00
}

.learning-center.api-course .hw-box-container select {
	font-size: inherit
}

.learning-center.api-course .hw-box-container .box .status {
	padding: 70px 0 0;
	line-height: 1.4em;
	font-style: italic;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.3px;
	-webkit-font-smoothing: antialiased
}

.learning-center.api-course .hw-messages {
	display: inline-block;
	float: left;
	font-size: 15px;
	padding: 20px;
	position: relative;
	line-height: 1.5em;
	width: 30%
}

.learning-center.api-course .hw-messages .left {
	margin: 0 0 10px;
	width: 100%
}

.learning-center.api-course .hw-messages .right {
	text-align: right;
	margin: 0 0 10px;
	width: 100%
}

@media screen and (max-width: 480px) {
	.learning-center.api-course .cover hr {
		width: 80px
	}
	.learning-center.api-course .cover .subtitle {
		font-size: 15px
	}
	.learning-center.api-course .courses .course {
		margin: 0;
		padding: 20px
	}
	.learning-center.api-course .figure.two-thirds img {
		max-width: 100%
	}
	.learning-center.api-course .api-course-current-chapter span {
		display: none
	}
	.learning-center.api-course .hw-box-container {
		width: 100%
	}
	.learning-center.api-course .hw-box-container .box {
		min-height: 150px
	}
	.learning-center.api-course .hw-messages {
		height: 200px;
		text-align: center;
		width: 100%
	}
}

.learning-center .course-nav {
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px;
	height: 50px;
	width: 100%;
	position: fixed;
	text-align: center;
	color: #ff4a00;
	float: left;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.5px;
	line-height: 50px;
	padding: 0 20px;
	z-index: 1
}

.learning-center .course-nav.fixed {
	background-color: rgba(255, 255, 255, 0.9)
}

.learning-center .course-nav a {
	border: 0
}

.learning-center .course-current-chapter {
	float: left
}

.learning-center .course-toc-link {
	float: right
}

.learning-center .chapter-course-title {
	margin: 90px 0 0;
	text-align: center
}

.learning-center .chapter-course-title img {
	width: 275px
}

.learning-center .course-footer {
	border-top: 1px solid #eee;
	color: #969ea2;
	margin: 30px 0 0;
	padding: 1em
}

.learning-center .course-footer p {
	font-size: .9em;
	margin: 0;
	padding: 0
}

.learning-center .course-footer a {
	color: #499df3
}

@media screen and (max-width: 480px) {
	.learning-center .course-current-chapter span {
		display: none
	}
	.learning-center .chapter-course-title {
		margin-top: 80px
	}
	.learning-center .chapter-course-title img {
		max-width: 100%
	}
}

.learning-center.crm-guide .chapter-course-title {
	font-size: 30px;
	font-weight: 300;
	line-height: 1.2em;
	-webkit-font-smoothing: antialiased
}

.learning-center.crm-guide .chapter-course-title a {
	color: #AAA
}

.learning-center.crm-guide .chapter-course-title a:hover {
	text-decoration: none
}

.learning-center.crm-guide .chapter-course-title .blue {
	color: #00b5ff
}

.learning-center.crm-guide hr.light {
	background: #DDD;
	color: #DDD
}

@media screen and (max-width: 480px) {
	.learning-center h2 {
		font-size: 22px
	}
	.learning-center h3 {
		font-size: 20px
	}
	.learning-center .row.cover {
		min-height: 0
	}
	.learning-center .subtitle {
		font-size: 16px
	}
	.learning-center .pullquote {
		font-size: 20px
	}
	.learning-center .img {
		float: none
	}
}

.footnotes p {
	font-style: italic
}

.learn-download {
	background: #f1f4f5;
	border-radius: 3px;
	margin-top: 2em;
	padding: 1.5em
}

.content-base .content ul.learn-download-list {
	margin-bottom: 0
}

.learn-hero {
	background-color: #499df3;
	color: #fff;
	padding: 12.4em 0 8.6em;
	position: relative;
	text-align: center
}

.learn-hero .container {
	max-width: 700px;
	padding: 0 20px;
	position: relative;
	text-align: center;
	z-index: 2
}

@media (max-width: 750px) {
	.learn-hero {
		padding: 4em 0
	}
}

.learn-hero__tint {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.learn-hero--image {
	background-size: cover
}

.learn-hero--image .learn-hero__tint {
	display: block
}

.learn-hero+.course-nav {
	display: none
}

.learn-hero+.row.cover,
.learn-hero+.row.cover.table-wrapper,
.learn-hero+.row .container.shave,
.learn-hero+.course-nav+.row.cover,
.learn-hero+.course-nav+.row.cover.table-wrapper,
.learn-hero+.course-nav+.row .container.shave {
	display: none
}

.learn-hero--no-nav {
	padding: 4em 0
}

.learn-hero__title {
	color: #fff;
	font-size: 2.2em;
	font-weight: 200;
	margin: 0;
	padding: 0
}

@media (max-width: 750px) {
	.learn-hero__title {
		font-size: 1.5em
	}
}

.learn-hero__divider {
	border-top: 2px solid rgba(255, 255, 255, 0.8);
	display: block;
	margin: 1.5em auto;
	width: 30px
}

@media (max-width: 750px) {
	.learn-hero__divider {
		margin: 1em auto
	}
}

.learn-hero__description {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	font-size: 1.3em;
	font-weight: 400;
	margin-bottom: 0;
	padding: 0
}

.learn-hero__author {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 0;
	font-size: .9em
}

.learn-nav-logo,
.learn-nav-links,
.learn-nav-actions,
.learn-nav-chapters,
.learn-nav-download {
	border-right: 1px solid #eee;
	padding: 2rem;
	display: flex;
	align-items: center
}

.learn-nav {
	background: #fff;
	border-bottom: 1px solid #eee;
	font-size: .9em;
	top: 0;
	width: 100%;
	z-index: 9999
}

.learn-nav__container {
	display: flex;
	padding: 0
}

.learn-nav__breadcrumb-container {
	flex: 1;
	display: flex;
	padding: 2rem
}

@media (max-width: 750px) {
	.learn-nav {
		position: relative
	}
}

.learn-nav-logo {
	width: 100px
}

.learn-nav-logo__zapier {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/frontend/onboarding/zapier-small-orange-logo.png") !important;
	background-size: 70px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	width: 70px
}

@media (max-width: 750px) {
	.learn-nav-links {
		display: none
	}
}

.learn-nav-breadcrumbs {
	white-space: nowrap
}

.learn-nav-breadcrumbs .learn-nav__icon {
	width: 11px;
	height: 11px;
	color: #969ea2;
	margin: 0 .4em
}

@media (max-width: 1000px) {
	.learn-nav-breadcrumbs--mobile-hide {
		display: none
	}
}

.learn-nav-cta {
	line-height: normal;
	white-space: nowrap
}

.learn-nav-cta__message {
	display: inline-block;
	margin-bottom: 0;
	margin-right: .5em;
	vertical-align: middle
}

@media (max-width: 1000px) {
	.learn-nav-cta__message {
		display: none
	}
}

.learn-nav-cta__button {
	display: inline-block;
	font-size: .9em;
	font-weight: 600;
	padding: .6em;
	vertical-align: middle
}

.learn-nav-chapters {
	cursor: pointer;
	line-height: normal;
	position: relative;
	width: 225px
}

@media (max-width: 1000px) {
	.learn-nav-chapters {
		width: 100%
	}
}

@media (max-width: 750px) {
	.learn-nav-chapters {
		border-right: none
	}
}

.learn-nav-chapters__button {
	width: 100%;
	white-space: nowrap;
	display: flex;
	justify-content: space-between
}

.learn-nav-chapters__label {
	color: #969ea2;
	float: left;
	font-size: .9em;
	font-weight: 600;
	letter-spacing: 1px
}

.learn-nav-chapters__arrow {
	color: #969ea2;
	float: right;
	margin-left: .8em
}

.learn-nav-dropdown {
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dadfe2;
	box-shadow: 0 0 1px rgba(95, 108, 114, 0.08), 0 2px 18px rgba(95, 108, 114, 0.18);
	display: none;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 55px;
	width: 100%;
	z-index: 9999
}

.learn-nav-dropdown--visible {
	display: block
}

a.learn-nav-download:hover {
	text-decoration: none
}

.learn-nav-download .learn-nav-dropdown {
	margin-left: -30%;
	width: 130%
}

.learn-nav-download .learn-nav-dropdown .learn-nav-dropdown__item {
	font-size: 12px
}

.learn-nav-dropdown__list {
	margin: 0;
	max-height: 500px;
	overflow: auto;
	padding: 0
}

.learn-nav-dropdown__item {
	border-top: 1px solid #dadfe2;
	font-size: .95em;
	line-height: 1.5
}

.learn-nav-dropdown__item:first-child {
	border: none
}

.learn-nav-dropdown__item .learn-nav-download__ebook--size {
	float: right;
	font-size: 9px
}

.learn-nav-dropdown__item--learning-center {
	background: #f7f8f8;
	line-height: 1.5
}

.learn-nav-dropdown__link {
	color: #5f6c72;
	display: block;
	padding: .8em;
	-webkit-transition: all .1s ease;
	transition: all .1s ease
}

.learn-nav-dropdown__link:hover {
	color: #499df3;
	text-decoration: none
}

.learn-nav-dropdown__link--current {
	color: #499df3
}

.learn-nav-dropdown__current-icon {
	color: #499df3;
	display: inline-block;
	margin-right: .6em;
	vertical-align: middle
}

.learn-nav-download {
	border-right: none;
	color: #499df3;
	cursor: pointer;
	font-size: .9em;
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	white-space: nowrap
}

.learn-nav-download:hover {
	text-decoration: none
}

@media (max-width: 750px) {
	.learn-nav-download {
		display: none
	}
}

.learn-nav-download__button {
	display: flex;
	align-items: center;
	white-space: nowrap
}

.learn-nav-download .learn-nav-download__icon {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	vertical-align: middle
}

.learn-nav-paginate {
	border-top: 1px solid #eee;
	overflow: hidden
}

.learn-nav-paginate__title {
	color: #5f6c72;
	-webkit-transition: all .1s ease;
	transition: all .1s ease
}

@media (max-width: 750px) {
	.learn-nav-paginate__title {
		padding: 0
	}
}

@media (max-width: 750px) {
	.learn-nav-paginate__title--mobile {
		display: none
	}
}

.learn-nav-paginate__course,
.learn-nav-paginate__chapter {
	color: #969ea2;
	font-size: .95em;
	margin: 0;
	-webkit-transition: all .1s ease;
	transition: all .1s ease
}

@media (max-width: 750px) {
	.learn-nav-paginate__course,
	.learn-nav-paginate__chapter {
		display: none
	}
}

.learn-nav-paginate__button {
	display: block;
	float: left;
	padding: 3em 2em;
	text-align: center;
	width: 50%
}

@media (max-width: 750px) {
	.learn-nav-paginate__button {
		padding: 2em 1em
	}
}

.learn-nav-paginate__button:only-of-type {
	float: none;
	width: 100%
}

.learn-nav-paginate__button:hover {
	text-decoration: none
}

.learn-nav-paginate__button:hover .learn-nav-paginate__title,
.learn-nav-paginate__button:hover .learn-nav-paginate__chapter {
	color: #499df3
}

.learn-nav-paginate__next {
	border-left: 1px solid #eee
}

a {
	color: #61aaf5;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

a:hover {
	color: #499df3
}

.blog-hero {
	float: left;
	height: 500px;
	position: relative;
	background-color: #111
}

.blog-hero.solid-color {
	background-color: #ff4a00;
	height: auto;
	min-height: 400px
}

.blog-hero.solid-color .hero-dot-texture {
	opacity: 0.1
}

.blog-hero.solid-color h1,
.blog-hero.solid-color h2,
.blog-hero.solid-color .blog-nav .links-container .links li a {
	text-shadow: none
}

.blog-hero .cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.blog-hero h1 {
	color: #FFF;
	font-size: 38px;
	font-weight: 600;
	letter-spacing: -0.3px;
	padding: 0;
	text-shadow: 0, 0, 1px rgba(0, 0, 0, 0.4);
	-webkit-font-smoothing: antialiased;
	line-height: 1.3em
}

.blog-hero h2 {
	color: #FFF;
	font-size: 24px;
	padding: 10px 0 0;
	text-shadow: 0, 0, 1px rgba(0, 0, 0, 0.4);
	-webkit-text-stroke-width: 0
}

.blog-hero .blog-nav .container {
	display: table;
	padding: 20px;
	width: 100%
}

.blog-hero .blog-nav .logo {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	width: 88px
}

.blog-hero .blog-nav .logo a {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logo60white@2x.png") no-repeat 0 0;
	background-size: 88px 40px;
	font-weight: 300;
	display: inline-block;
	height: 40px;
	width: 88px
}

.blog-hero .blog-nav .links-container {
	display: table-cell;
	vertical-align: middle
}

.blog-hero .blog-nav .links-container .links {
	float: right;
	margin: 0
}

.blog-hero .blog-nav .links-container .links li {
	display: inline-block;
	padding: 0 0 0 10px
}

.blog-hero .blog-nav .links-container .links li a {
	color: #FFF;
	text-shadow: 0, 0, 1px rgba(0, 0, 0, 0.4)
}

.blog-hero .blog-nav .links-container .links li a:hover {
	text-decoration: underline;
	color: #FFF
}

.blog-hero .blog-nav .links-container .links li .gift,
.blog-hero .blog-nav .links-container .links li .heart {
	margin-top: -4px;
	vertical-align: middle
}

.blog-hero .hero-bottom-gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	opacity: 0.7;
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000 100%);
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(70%, rgba(0, 0, 0, 0.8)), color-stop(100%, #000));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000 100%);
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000 100%);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 70%, #000 100%)
}

.blog-hero .hero-bottom-gradient.texture {
	display: none
}

.blog-hero .hero-dot-texture {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/backgrounds/dot-texture.png");
	background-size: 3px;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.2;
	position: absolute;
	right: 0
}

.blog-hero .post-header {
	padding: 0 20px 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.blog-hero .post-header .author-bar {
	display: inline-block;
	color: #FFF;
	margin: 30px 0 0
}

.blog-hero .post-header .author-bar .picture {
	float: left;
	height: 40px;
	margin: 0 10px 0 0;
	width: 40px
}

.blog-hero .post-header .author-bar .picture img {
	border: 0;
	height: 100%;
	width: 100%
}

.blog-hero .post-header .author-bar .text {
	font-size: 15px;
	font-weight: 400
}

.blog-share-top {
	background-color: #F9F9F9
}

.blog-share-top .container {
	max-width: 700px;
	padding: 0 20px
}

.share-links {
	position: absolute;
	right: 15px;
	bottom: 15px;
	background-color: #fff;
	border-radius: 3px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	height: 55px;
	font-size: 12px;
	justify-content: space-between
}

.blog-testimonials .quote.short,
.blog-awards .quote.short {
	margin: 40px 0
}

.blog-testimonials .quote .text,
.blog-awards .quote .text {
	font-size: 25px;
	font-weight: 300;
	color: #888;
	line-height: 1.5em;
	text-align: left
}

.blog-testimonials .quote .attribute,
.blog-awards .quote .attribute {
	margin: 20px 0 0;
	text-align: left
}

.blog-testimonials .quote .attribute .picture,
.blog-awards .quote .attribute .picture {
	height: 50px;
	width: 50px
}

.blog-testimonials .quote .attribute .picture img,
.blog-awards .quote .attribute .picture img {
	border: none;
	height: 50px;
	width: 50px
}

.blog-testimonials .quote .attribute .name,
.blog-awards .quote .attribute .name {
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	color: #888;
	letter-spacing: 0.3px;
	padding: 0 0 0 20px;
	-webkit-text-stroke-width: 0.1px
}

.secondary-blog-entry-engineering h1,
.secondary-blog-entry-jobs h1 {
	font-size: 38px;
	font-weight: 800;
	margin: 60px 0 20px
}

.secondary-blog-entry-engineering h2,
.secondary-blog-entry-jobs h2 {
	margin: 60px 0 20px;
	font-size: 23px;
	font-weight: 800
}

.secondary-blog-entry-engineering h3,
.secondary-blog-entry-jobs h3 {
	font-size: 20px;
	font-weight: 800
}

.secondary-blog-entry-engineering h3 strong,
.secondary-blog-entry-jobs h3 strong {
	font-weight: 800
}

.secondary-blog-entry-engineering h4,
.secondary-blog-entry-jobs h4 {
	font-size: 19px;
	font-weight: 600
}

.secondary-blog-entry-engineering h4 strong,
.secondary-blog-entry-jobs h4 strong {
	font-weight: 600
}

.blog {
	color: #354147;
	background: #fff;
	padding-top: 20px
}

.blog .row.full-width-image img {
	max-width: none;
	width: 100%
}

.blog .container {
	max-width: 700px
}

.blog .content p,
.blog .content ul,
.blog .content ol {
	font-size: 18px;
	line-height: 2em
}

.blog .content ul {
	list-style-type: disc
}

.blog .content h1 {
	margin: 60px 0 20px
}

.blog .content h2 {
	margin: 60px 0 20px;
	font-size: 23px;
	font-weight: 800
}

.blog .content h3 {
	font-size: 20px;
	font-weight: 800
}

.blog .content h3 strong {
	font-weight: 800
}

.blog .content h4 {
	font-size: 19px;
	font-weight: 600
}

.blog .content h4 strong {
	font-weight: 600
}

.blog .content blockquote {
	font-size: 18px
}

.blog .content .pullquote {
	font-size: 27px;
	text-align: center;
	margin: 60px 20px
}

.blog .content .pullquote cite {
	display: block;
	font-size: 16px;
	text-align: right;
	width: 100%
}

.blog .content .figure .caption {
	color: #777
}

.blog .content .credits {
	font-size: 15px;
	font-style: italic;
	letter-spacing: 0.2px;
	margin: 40px 0
}

.blog .content .video-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	margin-bottom: 100px
}

.blog .content .video-container>iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.blog #sticky {
	width: 300px;
	float: right;
	position: relative;
	text-align: left
}

.blog #sticky .widget {
	background-color: #fcfcfc
}

.blog-cta {
	background-color: #FFF;
	border-top: 1px dashed #ff4a00
}

.blog-cta .container {
	padding: 40px;
	max-width: 700px
}

.blog-cta.top .container {
	padding: 10px 20px
}

.blog-cta.top h2 {
	font-size: 30px;
	margin: 10px 0
}

.blog-cta.top p {
	font-size: 25px;
	margin: 10px 0
}

.blog-cta.top form {
	margin: 10px 0
}

.blog-cta.top form input {
	font-size: 20px;
	padding: 10px;
	height: 50px
}

.blog-cta.top form button {
	font-size: 20px;
	padding: 10px;
	height: 50px;
	margin: 10px 0;
	max-width: 200px
}

.blog-cta h2 {
	color: #ff4a00;
	font-size: 40px;
	padding: 0;
	margin: 20px 0
}

.blog-cta h2 a {
	display: none
}

.blog-cta p {
	color: #999;
	font-size: 35px;
	font-weight: 300;
	padding: 0;
	margin: 20px 0
}

.blog-cta form {
	margin: 20px 0
}

.blog-cta form .table-wrapper {
	width: 100%
}

.blog-cta form .table-wrapper .table-cell:first-child {
	padding: 0 10px 0 0
}

.blog-cta form .table-wrapper .table-cell button {
	margin: 10px 0
}

.blog-cta form input {
	color: #666;
	font-family: inherit;
	font-size: 26px;
	font-weight: 300;
	border: 2px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 60px;
	margin: 10px 0;
	padding: 10px 15px;
	width: 100%;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-appearance: none
}

.blog-cta form input:focus {
	background-color: #f9f9f9;
	border: 2px solid #f9f9f9;
	margin: 10px 0
}

.blog-cta form input:hover {
	background-color: #f9f9f9
}

.blog-cta form button {
	background: none;
	color: #ff4a00;
	font-weight: 300;
	font-size: 26px;
	height: 60px;
	margin: 20px 0;
	padding: 16px;
	vertical-align: top;
	width: 100%;
	-webkit-text-stroke-width: 0;
	text-shadow: none
}

.blog-cta form button:hover {
	-webkit-text-stroke-width: 0.3px
}

.blog-cta form label {
	display: none
}

.content.blog-index-header h1 {
	color: #888
}

.content.blog-index-header h2 {
	color: #888;
	font-size: 16px;
	line-height: 1.8em;
	margin: 0 0 40px
}

.blog-bordered {
	background-color: #F9F9F9;
	border-top: 1px solid #e6e9ea
}

.blog-footer .container {
	max-width: 700px
}

.blog-footer .container.author {
	color: #888;
	padding: 20px
}

.blog-footer .container.author.company {
	padding-top: 40px
}

.blog-footer .container.author h3 {
	font-size: 20px;
	margin: 20px 0 10px;
	padding: 0;
	-webkit-text-stroke-width: 0
}

.blog-footer .container.author .picture {
	margin: 20px 20px 20px 0;
	height: 80px;
	width: 80px
}

.blog-footer .container.author .picture img {
	border: 0;
	height: 80px;
	width: 80px;
	background: transparent
}

.blog-footer .container.author .text {
	font-weight: 400
}

.blog-footer .container.author .text .bio {
	font-size: 16px;
	text-align: left;
	line-height: 1.8em;
	margin-bottom: 30px
}

.blog-footer .container.author .text .follow-buttons {
	margin: 20px 0
}

.blog-footer .container.author .text .follow-buttons .twitter-follow-button {
	min-width: 100px
}

.blog-footer .container.author .text .follow-buttons .g-follow-button {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top
}

.blog code,
.secondary-blog code,
.blog-share-top code {
	background-color: #F6F6F6;
	border: none
}

.blog.comments,
.secondary-blog.comments,
.blog-share-top.comments {
	padding-top: 10px
}

.blog.comments .container,
.secondary-blog.comments .container,
.blog-share-top.comments .container {
	max-width: 700px
}

.blog.comments .container>p,
.secondary-blog.comments .container>p,
.blog-share-top.comments .container>p {
	text-align: center
}

.blog.comments #disqus_load_comments,
.secondary-blog.comments #disqus_load_comments,
.blog-share-top.comments #disqus_load_comments {
	display: block;
	padding-bottom: 10px;
	text-align: center
}

.blog.comments #disqus_comments>p,
.secondary-blog.comments #disqus_comments>p,
.blog-share-top.comments #disqus_comments>p {
	text-align: center
}

.blog.comments .disqus_comments--hidden,
.secondary-blog.comments .disqus_comments--hidden,
.blog-share-top.comments .disqus_comments--hidden {
	opacity: 0;
	height: 1px;
	overflow: hidden
}

.blog .read-more,
.secondary-blog .read-more,
.blog-share-top .read-more {
	line-height: 1em;
	margin: 20px 0 0
}

.blog .widget,
.secondary-blog .widget,
.blog-share-top .widget {
	background-color: #FFF;
	display: inline-block;
	margin: 0px 0;
	padding: 20px;
	width: 100%
}

.blog .widget.primary,
.secondary-blog .widget.primary,
.blog-share-top .widget.primary {
	border: 1px solid #dadfe2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.blog .widget:first-child,
.secondary-blog .widget:first-child,
.blog-share-top .widget:first-child {
	margin-top: 40px
}

.blog .widget p:last-child,
.secondary-blog .widget p:last-child,
.blog-share-top .widget p:last-child {
	margin-bottom: 0
}

.blog .widget.snap,
.secondary-blog .widget.snap,
.blog-share-top .widget.snap {
	margin-top: 0px
}

.blog .widget.blue,
.blog .widget.orange,
.secondary-blog .widget.blue,
.secondary-blog .widget.orange,
.blog-share-top .widget.blue,
.blog-share-top .widget.orange {
	color: #FFF
}

.blog .widget.blue h2,
.blog .widget.orange h2,
.secondary-blog .widget.blue h2,
.secondary-blog .widget.orange h2,
.blog-share-top .widget.blue h2,
.blog-share-top .widget.orange h2 {
	color: #FFF;
	line-height: 1.3em;
	padding-top: 0;
	-webkit-text-stroke-width: 0.5px
}

.blog .widget.blue a,
.blog .widget.orange a,
.secondary-blog .widget.blue a,
.secondary-blog .widget.orange a,
.blog-share-top .widget.blue a,
.blog-share-top .widget.orange a {
	color: #FFF;
	text-decoration: underline
}

.blog .widget.blue a:hover,
.blog .widget.orange a:hover,
.secondary-blog .widget.blue a:hover,
.secondary-blog .widget.orange a:hover,
.blog-share-top .widget.blue a:hover,
.blog-share-top .widget.orange a:hover {
	text-decoration: none
}

.blog .widget.blue,
.secondary-blog .widget.blue,
.blog-share-top .widget.blue {
	background-color: #57a5f4
}

.blog .widget.orange,
.secondary-blog .widget.orange,
.blog-share-top .widget.orange {
	background-color: #ff4a00
}

.blog .widget h3,
.secondary-blog .widget h3,
.blog-share-top .widget h3 {
	font-size: 18px;
	margin-top: 20px
}

.blog .widget ul,
.secondary-blog .widget ul,
.blog-share-top .widget ul {
	list-style-type: none;
	margin: 0
}

.blog .email-subscribe p:last-child,
.secondary-blog .email-subscribe p:last-child,
.blog-share-top .email-subscribe p:last-child {
	margin: 10px 0 0
}

.blog .email-subscribe .input input[type=text],
.secondary-blog .email-subscribe .input input[type=text],
.blog-share-top .email-subscribe .input input[type=text] {
	background-color: #F9F9F9;
	border: 2px solid #EEE;
	color: #333;
	font-size: 13px;
	margin-bottom: 10px;
	padding: 8px;
	-webkit-appearance: none
}

.blog .email-subscribe .input input[type=text]:focus,
.secondary-blog .email-subscribe .input input[type=text]:focus,
.blog-share-top .email-subscribe .input input[type=text]:focus {
	background-color: #FFF
}

.blog .email-subscribe p.orange,
.secondary-blog .email-subscribe p.orange,
.blog-share-top .email-subscribe p.orange {
	color: #ff4a00
}

.blog .about-zapier h2,
.secondary-blog .about-zapier h2,
.blog-share-top .about-zapier h2 {
	line-height: 1.5em;
	padding: 15px 0 10px
}

.blog .about-zapier i,
.secondary-blog .about-zapier i,
.blog-share-top .about-zapier i {
	color: #ff4a00;
	font-size: 50px
}

.blog .about-zapier .icon,
.secondary-blog .about-zapier .icon,
.blog-share-top .about-zapier .icon {
	text-align: center
}

.blog .about-zapier .icon img,
.secondary-blog .about-zapier .icon img,
.blog-share-top .about-zapier .icon img {
	height: 50px;
	width: 50px
}

.blog .social,
.secondary-blog .social,
.blog-share-top .social {
	text-align: center
}

.secondary-blog {
	background-color: #fff
}

.secondary-blog .blog-footer {
	border-top: 1px dashed #ddd
}

.secondary-blog section.blog-nav {
	background-color: #5f6c72;
	display: inline-block;
	width: 100%
}

.secondary-blog section.blog-nav ul.blog-cats {
	max-width: 1120px;
	margin: 0 auto;
	padding-top: 2em;
	overflow: hidden
}

@media (max-width: 780px) {
	.secondary-blog section.blog-nav ul.blog-cats {
		padding: 1em 0
	}
}

.secondary-blog section.blog-nav ul.blog-cats li {
	background: #546167;
	background: rgba(53, 65, 71, 0.3);
	border-radius: 3px 3px 0 0;
	display: inline-block;
	float: left;
	margin-left: 0.5%;
	width: 16%
}

.secondary-blog section.blog-nav ul.blog-cats li:first-child {
	margin-left: 0
}

.secondary-blog section.blog-nav ul.blog-cats li:hover {
	background: #546167;
	background: rgba(53, 65, 71, 0.4)
}

@media (max-width: 950px) {
	.secondary-blog section.blog-nav ul.blog-cats li:hover {
		background: none
	}
}

@media (max-width: 900px) {
	.secondary-blog section.blog-nav ul.blog-cats li {
		background: none
	}
}

@media (max-width: 780px) {
	.secondary-blog section.blog-nav ul.blog-cats li {
		width: 100%
	}
}

.secondary-blog section.blog-nav ul.blog-cats li a {
	border-radius: 3px 3px 0 0;
	color: #fff;
	display: flex;
	justify-content: center;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 14px;
	padding: 1.5em 1em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap
}

.secondary-blog section.blog-nav ul.blog-cats li a.sel {
	background-color: #fff;
	color: #5f6c72
}

@media (max-width: 900px) {
	.secondary-blog section.blog-nav ul.blog-cats li a.sel {
		background: none;
		color: #fff
	}
}

@media (max-width: 780px) {
	.secondary-blog section.blog-nav ul.blog-cats li a.sel {
		padding: 1em 0.6em
	}
}

@media (max-width: 900px) {
	.secondary-blog section.blog-nav ul.blog-cats li a {
		padding: 1em 0;
		color: #dadfe2;
		font-size: 0.8em
	}
}

.secondary-blog section.blog-nav ul.blog-cats li .blog-nav__icon {
	margin-right: 5px;
	width: 14px;
	height: 14px
}

.secondary-blog .entries {
	margin: 20px 0
}

.secondary-blog .entries.no-last-child-border .excerpt:last-child {
	border-bottom: 0 none
}

.secondary-blog .excerpt {
	color: #354147;
	border-bottom: 1px solid #dadfe2;
	clear: both;
	display: inline-block;
	line-height: 2em;
	width: 100%
}

.secondary-blog .excerpt.updates-excerpt .title {
	display: table;
	margin: 20px 0 0
}

.secondary-blog .excerpt.updates-excerpt .title h2 {
	color: #499df3;
	margin: 0 0 0 10px
}

.secondary-blog .excerpt.updates-excerpt .title .title-thumbnail {
	height: 50px;
	width: 50px
}

.secondary-blog .excerpt.updates-excerpt .title .title-thumbnail img {
	float: left;
	max-height: 50px;
	max-width: 50px
}

.secondary-blog .excerpt.updates-excerpt .title:hover h2 {
	text-decoration: underline
}

.secondary-blog .excerpt.updates-excerpt .excerpt-content p:first-child {
	margin-top: 0
}

.secondary-blog .excerpt.updates-excerpt .excerpt-content p img {
	margin: 0
}

.secondary-blog .excerpt.updates-excerpt img[src*="app-event-tracker"] {
	width: 1px;
	height: 1px
}

.secondary-blog .excerpt h2 {
	color: #333;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0;
	margin: 20px 0 10px
}

.secondary-blog .excerpt h2:not(.title) {
	font-size: 16px;
	margin-top: 0
}

.secondary-blog .excerpt h3 {
	font-size: 16px;
	padding-top: 0
}

.secondary-blog .excerpt .author-top .picture {
	height: 20px;
	margin: 0 5px 0 0;
	width: 20px
}

.secondary-blog .excerpt .author-top .text {
	font-size: 13px
}

.secondary-blog .excerpt .thumbnail {
	float: left;
	margin: 0 20px 0 0;
	max-width: 200px;
	width: 50%
}

.secondary-blog .excerpt .thumbnail img {
	float: left
}

.secondary-blog .excerpt .excerpt-content {
	float: left;
	font-size: .9em;
	margin: 20px 0 0
}

.secondary-blog .excerpt .excerpt-content img {
	width: 100%;
	margin: 0
}

.secondary-blog .excerpt .excerpt-content .link {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: .2em
}

.secondary-blog .excerpt .excerpt-content .link:hover {
	text-decoration: none
}

.secondary-blog .excerpt .excerpt-content .hide_media img,
.secondary-blog .excerpt .excerpt-content .hide_media iframe,
.secondary-blog .excerpt .excerpt-content .hide_media .figure {
	display: none
}

.secondary-blog .excerpt .excerpt-content.haircut {
	margin-top: 0
}

.secondary-blog .excerpt .sharing {
	clear: both
}

.secondary-blog .excerpt .sharing .share-buttons-horizontal {
	float: left
}

.secondary-blog .excerpt .sharing .share-buttons-horizontal .single-share {
	margin: 10px 10px 10px 0
}

.secondary-blog .excerpt .sharing .share-buttons-horizontal .single-share iframe {
	margin: 0
}

.secondary-blog .author-top {
	color: #888
}

.secondary-blog .author-top .picture {
	float: left;
	height: 30px;
	margin: 0 10px 0 0;
	width: 30px
}

.secondary-blog .author-top .picture img {
	border: 0;
	float: left;
	height: 100%;
	width: 100%
}

.secondary-blog .author-top .text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2em
}

.secondary-blog .updates-index-cta p:first-child {
	margin-top: 0
}

.secondary-blog#header {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1
}

.secondary-blog#header .engineering-logo {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	width: 40px
}

.secondary-blog#header .engineering-logo a {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/blog/zapier-engineering.png") no-repeat 0 0;
	background-size: 40px 40px;
	display: inline-block;
	float: left;
	height: 40px;
	width: 40px
}

.secondary-blog#header .blog-title {
	display: table-cell;
	font-size: 19px;
	font-weight: 300;
	letter-spacing: 0.2px;
	padding: 0 0 0 10px;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased
}

.secondary-blog#header .blog-title a {
	color: #ff4a00
}

.secondary-blog#header .blog-title a:hover {
	text-decoration: none
}

.secondary-blog .footer-about-zapier {
	border-top: 1px dashed #DDD;
	color: #888;
	font-weight: 300;
	line-height: 2em;
	margin: 0 auto
}

.secondary-blog .footer-about-zapier.entry {
	border-bottom: 1px dashed #DDD
}

.secondary-blog .footer-about-zapier p {
	padding: 0;
	margin: 20px 0
}

.blog-subscribe .container.narrow {
	padding: 60px 20px
}

.blog-subscribe h3 {
	font-weight: 600;
	padding-top: 0
}

.blog-subscribe form .text {
	float: left;
	padding: 0 10px 0 0;
	width: 70%
}

.blog-subscribe form .cta {
	float: left;
	width: 30%
}

.blog-subscribe form .cta button {
	height: 40px
}

.blog-subscribe form input {
	color: #666
}

table td {
	line-height: 1.8
}

.blog-hero .blog-subscribe {
	width: 100%
}

.blog-hero .blog-subscribe h1 {
	font-size: 35px;
	text-shadow: none
}

.blog-hero .blog-subscribe h3 {
	color: #FFF;
	font-weight: 500
}

.blog-hero .blog-subscribe form {
	margin: 40px 0
}

.blog-hero .blog-subscribe .text {
	width: 50%
}

.blog-hero .blog-subscribe input {
	border: 0 none;
	color: #969ea2;
	font-size: 20px;
	font-weight: 300;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	padding: 12px 28px 12px 13px
}

.blog-hero .blog-subscribe input:focus {
	border: 0 none;
	margin: 0
}

.blog-hero .blog-subscribe button {
	border: 0;
	color: #77868d;
	font-size: 20px;
	font-weight: 600;
	line-height: 27px
}

.row.blog-subscribe {
	background-color: #fd7622;
	background: linear-gradient(to right, #FC4B1D, #FE8044);
	text-align: center
}

.row.blog-subscribe .text {
	width: 50%
}

.row.blog-subscribe input {
	border: 0 none;
	color: #969ea2;
	font-size: 20px;
	font-weight: 300;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	padding: 12px 28px 12px 13px;
	line-height: 1.4em
}

.row.blog-subscribe input:focus {
	border: 0 none;
	margin: 0
}

.row.blog-subscribe button {
	color: #77868d;
	border: 0;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.5em;
	padding: 0.8em 1.5em
}

.dk-inner {
	margin: 0 auto;
	max-width: 1000px;
	padding: 20px
}

.dk-inner .quiet {
	font-weight: normal;
	color: #888
}

.dk-inner .clear {
	clear: both
}

.dk-inner .center {
	text-align: center
}

.dk-inner .dk-roof {
	margin-bottom: 24px
}

.dk-inner .dk-roof h2 {
	font-size: 24px;
	margin: 0 !important
}

.dk-inner .dk-search {
	border: 1px solid #DDD;
	padding: 1%;
	background: #eee;
	margin-bottom: 20px
}

.dk-inner .dk-search input.question-search {
	padding: 5px 10px;
	width: 86%;
	float: left;
	margin: 0;
	height: 32px
}

.dk-inner .dk-search .submit-question-search {
	width: 13%;
	float: right
}

.dk-inner .dk-content {
	width: 72%;
	float: left
}

.dk-inner .dk-content .dk-widget {
	border-color: #eee;
	border-style: solid;
	border-width: 1px 1px 3px;
	-webkit-box-shadow: 2px, 2px, 6px, #ddd;
	-moz-box-shadow: 2px, 2px, 6px, #ddd;
	box-shadow: 2px, 2px, 6px, #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 18px 2% 22px;
	background: #fff;
	margin-bottom: 24px
}

.dk-inner .dk-content .dk-widget img {
	max-width: 96%;
	padding: 1%;
	border: 1px solid #ccc
}

.dk-inner .dk-content .dk-widget ol.question-list {
	font-size: 14px;
	margin-left: 10px
}

.dk-inner .dk-content .dk-widget hr.light {
	color: #e7e7e7;
	background: #e7e7e7
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper {
	padding-bottom: 12px
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper.field-phone_number {
	display: none
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper .field-input {
	margin: 10px 0
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper .field-label label {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2em
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper .field-label small {
	font-size: 11px
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper input,
.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper textarea {
	padding: 8px 1%;
	font-size: 12px;
	width: 96%;
	border: 1px solid #ccc
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper input[type=checkbox] {
	margin-top: 6px
}

.dk-inner .dk-content .dk-widget form.dk-form .field-wrapper ul.errorlist {
	color: #8a1f11;
	margin: 0;
	padding: 0;
	list-style: none
}

.dk-inner .dk-content .dk-widget form.dk-form .form-footer {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	width: 96%
}

.dk-inner .dk-content .dk-widget form.dk-form .form-footer input.submit-question {
	font-size: 16px
}

.dk-inner .dk-content .dk-widget .dk-dialog {
	padding-bottom: 1.8em;
	overflow: auto;
	min-height: 78px
}

.dk-inner .dk-content .dk-widget .dk-dialog p {
	margin-bottom: 1em
}

.dk-inner .dk-content .dk-widget .dk-dialog .the-author.gravatar {
	width: 13%;
	overflow: hidden;
	float: left
}

.dk-inner .dk-content .dk-widget .dk-dialog .the-author.gravatar img {
	margin-top: 8px;
	padding: 5%;
	border: 1px solid #ccc;
	max-width: 60px;
	max-height: 60px;
	width: 80%;
	height: 80%
}

.dk-inner .dk-content .dk-widget .dk-dialog .the-author.gravatar.smaller img {
	margin-top: 0;
	margin-left: 17%;
	max-width: 40px;
	max-height: 40px
}

.dk-inner .dk-content .dk-widget .dk-dialog .the-content.gravatar {
	width: 87%;
	float: right
}

.dk-inner .dk-content .dk-widget .dk-dialog:hover .dk-mod-bar {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

.dk-inner .dk-content .dk-widget .dk-mod-bar {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 4px 2px;
	background: #eee;
	filter: alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5;
	float: right
}

.dk-inner .dk-content .dk-widget .dk-mod-bar .dk-label {
	background-image: none;
	margin: 0 2px
}

.dk-inner .dk-content .dk-widget .dk-mod-bar form {
	display: inline-block
}

.dk-inner .dk-content .dk-widget .dk-mod-bar form input {
	border: none;
	cursor: pointer
}

.dk-inner .dk-sidebar {
	width: 25%;
	float: right;
	padding-top: 10px
}

.dk-inner .dk-sidebar .inner {
	padding: 0 2%;
	font-size: 13px
}

.dk-inner .dk-label {
	padding: 1px 3px 2px;
	position: relative;
	top: -1px;
	font-size: 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	background-color: #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.dk-inner .dk-label-important {
	background-color: #B94A48
}

.dk-inner .dk-label-warning {
	background-color: #C67605
}

.dk-inner .dk-label-success {
	background-color: #468847
}

.dk-inner .dk-label-info {
	background-color: #3A87AD
}

.style-guide-container {
	background: #fff
}

.style-guide-container .container {
	display: block;
	width: 90%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 20px
}

.style-guide-container .one-half {
	padding: 0;
	width: 50%
}

.style-guide-container .one-quarter {
	margin: 0 0 0 3%;
	padding: 0;
	width: 22.75%
}

.style-guide-container .one-quarter:first-child {
	margin-left: 0
}

@media (max-width: 850px) {
	.style-guide-container .one-quarter {
		width: 48.5%
	}
	.style-guide-container .one-quarter:nth-of-type(odd) {
		margin-left: 0
	}
}

@media (max-width: 600px) {
	.style-guide-container .one-quarter {
		margin: 0;
		width: 100%
	}
}

.style-guide-container .style-guide-heading {
	color: #5f6c72;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.5em;
	padding: 1em 0
}

.style-guide-container .style-guide-subheading {
	color: #969ea2;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase
}

.style-guide-container p,
.style-guide-container ul {
	color: #969ea2
}

.style-guide-container .divide {
	display: block;
	border-top: 2px solid #b9bec1;
	margin: 0 auto 0.6em auto;
	width: 50px
}

.style-guide-container .style-guide-hero {
	background: #dadfe2;
	padding: 2em 0
}

.style-guide-container .style-guide-hero h2 {
	color: #5f6c72;
	padding-bottom: 0.7em
}

.style-guide-container .do-not-image {
	display: block;
	padding: 0 6em;
	max-width: 500px;
	margin: 0 auto
}

@media (max-width: 850px) {
	.style-guide-container .do-not-image {
		padding: 3em;
		max-width: 100%
	}
}

.style-guide-container .asset-container {
	display: inline-block;
	float: left;
	margin: 0 0 20px
}

.style-guide-container .asset-container .logo-container {
	border: 1px solid #dadfe2;
	border-radius: 3px;
	background-color: #FFF;
	display: table;
	min-height: 250px;
	margin: 0 auto;
	text-align: center
}

.style-guide-container .asset-container .logo-container .logo {
	display: table-cell;
	vertical-align: middle
}

.style-guide-container .asset-container .logo-container .logo .zapier-name-logo {
	padding: 4em;
	width: 100%
}

.style-guide-container .asset-container .logo-container .logo .zapier-mark-logo {
	padding: 5em;
	width: 100%
}

.style-guide-container .asset-container.reversed .logo-container {
	background-color: #969ea2;
	border: 1px solid #969ea2
}

.style-guide-container .asset-container .links {
	color: #969ea2;
	margin: 0 auto;
	padding: 1em 0 0 0
}

.style-guide-container .asset-container .links .divider {
	color: #dadfe2
}

.style-guide-container .style-guide-colors .container {
	padding: 0 20px
}

.style-guide-container .style-guide-colors ul {
	margin: 0
}

.style-guide-container .style-guide-colors .color-block {
	background-color: #dadfe2;
	border-radius: 3px;
	float: left;
	height: 180px;
	margin-left: 2%;
	margin-bottom: 2%;
	width: 15%;
	position: relative
}

.style-guide-container .style-guide-colors .color-block:first-child {
	margin-left: 0
}

@media (max-width: 800px) {
	.style-guide-container .style-guide-colors .color-block {
		width: 32%
	}
	.style-guide-container .style-guide-colors .color-block:nth-child(3n+1) {
		margin-left: 0
	}
}

.style-guide-container .style-guide-colors .color-block.deepspace {
	background-color: #354147
}

.style-guide-container .style-guide-colors .color-block.lava {
	background-color: #ff4a00
}

.style-guide-container .style-guide-colors .color-block.armor {
	background-color: #fd7622
}

.style-guide-container .style-guide-colors .color-block.steel {
	background-color: #969ea2
}

.style-guide-container .style-guide-colors .color-block.heroine {
	background-color: #499df3
}

.style-guide-container .style-guide-colors .color-block.gamma {
	background-color: #13d0ab
}

.style-guide-container .style-guide-colors .color-block.adamantium {
	background-color: #dadfe2
}

.style-guide-container .style-guide-colors .color-block.ramona {
	background-color: #fc1c74
}

.style-guide-container .style-guide-colors .color-block.wolverine {
	background-color: #ffc43e
}

.style-guide-container .style-guide-colors .color-block.batmobile {
	background-color: #5f6c72
}

.style-guide-container .style-guide-colors .color-block.mystique {
	background-color: #6061ed
}

.style-guide-container .style-guide-colors .color-block.avatar {
	background-color: #46caef
}

.style-guide-container .style-guide-colors .color-block .color-info {
	position: absolute;
	bottom: 0
}

.style-guide-container .style-guide-colors .color-block .color-info .color-name {
	color: #fff;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 1em;
	text-transform: uppercase
}

.style-guide-container .style-guide-colors .color-block .color-info .color-name.dark {
	color: #5f6c72
}

.style-guide-container .style-guide-colors .color-block .color-info .color-number {
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.9em;
	margin-bottom: 10px;
	padding: 0 1em
}

.style-guide-container .style-guide-colors .color-block .color-info .color-number.dark {
	color: #5f6c72
}

.style-guide-container .typography {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100%
}

.style-guide-container .typography__item {
	border-bottom: 1px solid #eee
}

.style-guide-container .typography__item:last-child {
	border-bottom: none
}

.style-guide-container .typography__example {
	padding: 1.2em 0;
	vertical-align: middle
}

.style-guide-container .typography__example:first-child {
	width: 46px
}

.style-guide-container .typography__text {
	color: #354147;
	margin: 0;
	padding: 0
}

.style-guide-container .typography__text.typography__text--alt {
	color: #969ea2
}

.style-guide-container .typography__label {
	background: #eceff0;
	border-radius: 2px;
	color: #969ea2;
	font-size: .8em;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.7em;
	padding: 0 4px;
	text-align: center;
	text-transform: uppercase;
	width: 24px
}

.hq.index .column a {
	padding: 20px;
	display: block;
	text-decoration: none
}

.hq.index .column a:hover {
	background: #ddd
}

.hq.index .column a p {
	color: #444
}

.hq.index .column img {
	text-align: center;
	height: 200px
}

.hq.index .row:first-child .container {
	text-align: center
}

.internal {
	margin: 40px 0
}

.internal .team-stats {
	text-align: center
}

.internal .team-stats .boxer {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background: #fff;
	margin-right: 18px;
	padding: 12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ddd
}

.internal .team-stats .boxer h3 {
	color: #777
}

.internal .team-stats .boxer .number {
	color: #444;
	font-size: 18px
}

.internal table td {
	max-width: 200px;
	word-wrap: break-word
}

.internal.user h2 {
	margin: 10px 0 5px 0
}

.internal .photo {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 0 9px;
	vertical-align: middle
}

.internal .photo img {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px
}

.internal.overview {
	text-align: center
}

.internal.overview .users {
	margin: 10px 0;
	text-align: center
}

.internal.overview .users .user {
	margin-bottom: 20px
}

.internal.overview .photo {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-right: 35px;
	vertical-align: middle
}

.internal.overview .photo img {
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
	border-radius: 64px
}

.internal.overview h1,
.internal.overview h2 {
	line-height: 62px
}

.internal.overview h1,
.internal.overview h2 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	padding: 0
}

.internal.overview h1 {
	font-size: 40px;
	font-weight: bold;
	margin: 0
}

.internal.overview h2 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	margin: 0 15px;
	padding: 0
}

.internal.overview small {
	font-size: 20px;
	font-weight: normal;
	vertical-align: middle
}

.internal.overview a.pill-button {
	margin-left: 30px
}

.internal .urls {
	float: left;
	width: 800px
}

.internal .create h2 {
	margin: 0
}

.internal .create br {
	display: none
}

.internal.overview .parameters-form {
	text-align: center
}

.internal.overview .parameters-form h2 {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 22px;
	line-height: 30px;
	vertical-align: middle;
	padding: 0;
	margin: 0
}

.internal.overview .parameters-form input {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	font-size: 22px;
	line-height: 30px;
	vertical-align: middle
}

.internal.overview .parameters-form input[type="text"] {
	font-size: 13px;
	line-height: 18px;
	margin: 0 20px;
	width: 400px
}

.internal.overview .parameters-form input[type="submit"] {
	font-size: 14px;
	line-height: 18px
}

.internal.overview .churn-chart {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin: 25px 0;
	width: 900px
}

.status-board-key {
	margin-bottom: 20px;
	text-align: center
}

.status-board-key .key-item {
	display: inline-block;
	padding: 10px 20px 0
}

.status-board-key .key-item i {
	padding-right: 2px
}

.status-board table tr .service {
	font-size: 13px
}

.status-board table tr .service .service-logo {
	margin-right: 5px
}

.status-board table tr .status {
	text-align: center
}

.status-board table tr .status.has-errors {
	cursor: pointer;
	position: relative
}

.status-board table tr .status.has-errors:hover {
	background-color: #f3f3f3
}

.status-board table tr .status.has-errors .status-modal-html {
	display: none
}

.status-board table tr .get-alerts {
	text-align: center
}

.status-board table tr .get-alerts a span {
	background-size: 16px
}

.modal .status-modal {
	max-width: 500px;
	padding: 20px 20px 0
}

.modal .status-modal:last-child {
	padding-bottom: 20px
}

.modal .status-modal .description {
	padding: 0 0 15px
}

.modal .status-modal .description .date {
	color: #888;
	font-size: 12px
}

.modal .status-modal .description .date i {
	padding-right: 3px
}

.error-page {
	background-color: #fff
}

.error-page--500 {
	background: #eee url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/errors/background.png") center center repeat;
	text-align: center;
	padding: 50px 0 25px
}

.error-page__error-page-background {
	background-position: center;
	background-size: cover;
	padding: 100px 0 550px;
	height: 100%;
	text-align: center;
	margin-bottom: 75px
}

.error-page__error-page-background--balloon {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/errors/backgroundBalloon.svg")
}

.error-page__error-page-background--sea {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/errors/backgroundSea.svg")
}

.error-page__error-page-background--forest {
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/errors/backgroundForest.svg")
}

.error-page__error-search-icon {
	position: absolute;
	left: 16px;
	top: 5px;
	padding-top: 0;
	width: 17px
}

.error-page__error-status-code {
	color: white
}

.error-page__error-header-text {
	margin-bottom: 0px;
	padding: 20px;
	color: #5f6c72;
	font-size: 20px
}

.error-page__error-header-text--forest {
	color: #fff
}

.error-page__error-title {
	font-weight: normal
}

.error-page__error-action-wrapper {
	flex: 1 1 auto;
	padding-bottom: 65px
}

.error-page__error-action {
	margin: 0 auto;
	text-align: center
}

.error-page__icon {
	padding-top: 3px
}

.maintenance-page {
	text-align: center;
	padding: 48px 0 24px;
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/login/login-page-background.svg"), linear-gradient(to bottom, #2b3946, #384a5b);
	min-height: 100vh
}

.maintenance-page__content {
	margin: 0 auto;
	max-width: 490px
}

.maintenance-page__logo {
	background-size: 50px;
	background-position: center;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-image: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logos/zapier-logomark-reversed.png");
	margin: 0 auto;
	opacity: 0.75;
	margin: 1.5em auto 1.5em
}

.maintenance-page__title {
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 1.2em;
	text-align: center
}

.maintenance-page__refuel {
	width: 200px;
	opacity: 0.75
}

.maintenance-page__text {
	color: #DADFE2
}

.maintenance-page__text a {
	color: inherit;
	text-decoration: underline
}

.maintenance-page__twitter-feed {
	margin-top: 40px
}

.giant-logomark {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/logomark250.png") no-repeat;
	background-size: cover;
	display: inline-block;
	height: 250px;
	margin: 20px 0;
	width: 250px
}

.about-people {
	padding-bottom: 50px
}

.about-people .individual-photo {
	margin: 0;
	margin-left: 2px;
	width: 200px;
	height: 250px;
	display: inline-block;
	position: relative
}

.about-people .individual-photo .holder {
	display: block;
	background-color: #000
}

.about-people .individual-photo .name {
	background-color: rgba(53, 65, 71, 0.9);
	bottom: 0;
	color: #fff;
	left: 0;
	max-height: 50px;
	line-height: 1.3em;
	padding: .5em 0;
	position: absolute;
	right: 0
}

.about-people .individual-photo .name h4 {
	color: #fff;
	font-size: .95em;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: normal;
	padding: 0;
	text-transform: uppercase
}

.about-people .individual-photo .name .title {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90%;
	white-space: nowrap
}

.about-people .individual-photo .name .email {
	display: none
}

.about-people .individual-photo:hover .name .title {
	display: none
}

.about-people .individual-photo:hover .name .email {
	display: inherit
}

.about-people .individual-photo div {
	width: 200px;
	height: 250px;
	overflow: hidden
}

.about-people img {
	width: 100%;
	min-height: 250px
}

.about-people video {
	width: 100%;
	min-height: 250px;
	object-fit: fill
}

.about-photo-container {
	height: 600px
}

.about-photo-container .image-control {
	color: #fff;
	width: 40px;
	height: 40px;
	text-shadow: 0 1px 1px rgba(53, 65, 71, 0.8)
}

.about-photo-container .pager {
	bottom: 0;
	cursor: pointer;
	line-height: 600px;
	padding: 1em;
	position: absolute;
	top: 0;
	display: flex;
	align-items: center
}

.about-photo-container .left-pager {
	left: 0
}

.about-photo-container .right-pager {
	right: 0
}

.about-photo-container .about-photo-text {
	background: rgba(53, 65, 71, 0.8);
	border-radius: 0 3px 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	color: #fff;
	font-size: 1em
}

.about-photo-container .cover {
	height: 600px;
	background-position: center 40%
}

.about-photo-container .paginate {
	display: none;
	position: absolute;
	top: 15%;
	margin: 0 auto;
	width: 100%
}

.about-photo-container .paginate ul {
	background-color: rgba(0, 0, 0, 0.6);
	display: inline-block;
	border-radius: 15px;
	vertical-align: middle;
	padding: 8px
}

.about-photo-container .paginate li {
	cursor: pointer;
	background-color: #ff4a00;
	opacity: 0.2;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px
}

.about-photo-container .paginate li.active {
	opacity: 1.0
}

#mapwrapper {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 0;
	background-color: transparent;
	min-width: 220px
}

#map_base svg {
	max-height: 100%;
	width: 100%;
	margin: 0
}

@media screen and (max-width: 320px) {
	#map_base svg {
		height: 110px
	}
}

@media screen and (max-width: 400px) and (min-width: 321px) {
	#map_base svg {
		height: 140px
	}
}

@media screen and (max-width: 480px) and (min-width: 401px) {
	#map_base svg {
		height: 182px
	}
}

@media screen and (max-width: 568px) and (min-width: 481px) {
	#map_base svg {
		height: 222px
	}
}

@media screen and (max-width: 685px) and (min-width: 569px) {
	#map_base svg {
		height: 266px
	}
}

@media screen and (max-width: 767px) and (min-width: 686px) {
	#map_base svg {
		height: 324px
	}
}

@media screen and (max-width: 979px) and (min-width: 768px) {
	#map_base svg {
		height: 364px
	}
}

@media screen and (max-width: 1024px) and (min-width: 980px) {
	#map_base svg {
		height: 470px
	}
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
	#map_base svg {
		height: 490px
	}
}

@media screen and (min-width: 1281px) {
	#map_base svg {
		height: 616px
	}
}

#map-tip {
	font: 14px/16px Trebuchet MS, Helvetica, Arial, sans-serif;
	display: none;
	padding: 3px;
	border: 1px solid #EBECED;
	color: #edeef0;
	z-index: 1000;
	float: left;
	position: absolute;
	background: #494949;
	background: -moz-linear-gradient(top, #494949 0%, #656565 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #656565));
	background: -webkit-linear-gradient(top, #494949 0%, #656565 100%);
	background: -o-linear-gradient(top, #494949 0%, #656565 100%);
	background: -ms-linear-gradient(top, #494949 0%, #656565 100%);
	background: linear-gradient(to bottom, #494949 0%, #656565 100%);
	word-break: keep-all;
	white-space: nowrap
}

#map-tip p {
	margin: 0 !important
}

#map-tip img {
	float: left;
	padding: 3px
}

.secret-about-play-all {
	cursor: pointer
}

.about-widget-highlight {
	background: #f0f0f0;
	margin: 35px 0;
	padding: 25px
}

.about-widget-highlight p {
	margin: 0 !important;
	font-size: 16px !important
}

.about-widget-highlight ul {
	padding-top: 20px !important;
	font-size: 14px !important
}

.about-widget-highlight ul li {
	font-size: 16px
}

.privacy,
.terms {
	padding: 40px 10px
}

.privacy section,
.terms section {
	display: block;
	margin: 20px 0 40px;
	position: relative;
	z-index: 1
}

.privacy h2,
.terms h2 {
	color: #444;
	font-size: 20px;
	margin: 5px 0 20px
}

.legal {
	font-style: italic;
	padding: 0 20px 0 80px !important
}

.testimonials .testimonial {
	padding: 60px 0;
	border-bottom: 1px solid #e3e3e3
}

.testimonials .testimonial:first-child {
	padding-top: 25px
}

.testimonials .testimonial:last-child {
	border: none
}

.testimonials .testimonial .who-case {
	float: left;
	width: 450px;
	text-shadow: 1px 1px #fff;
	padding-top: 20px
}

.testimonials .testimonial .who-case .quote {
	width: 358px;
	position: relative;
	padding-left: 42px;
	font-size: 20px;
	margin-bottom: 12px;
	color: #666;
	font-style: italic
}

.testimonials .testimonial .who-case .quote:before {
	position: absolute;
	top: -22px;
	left: -22px;
	font-style: normal;
	font-size: 128px;
	color: #ccc;
	content: '\201C';
	height: 0;
	text-shadow: none
}

.testimonials .testimonial .who-case .who {
	padding-left: 28px;
	background: transparent url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/arrows/uses.png") 98% 100% no-repeat
}

.testimonials .testimonial .who-case .who .photo {
	float: left;
	margin-right: 16px
}

.testimonials .testimonial .who-case .who .photo img {
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	width: 64px;
	height: 64px
}

.testimonials .testimonial .who-case .who .name {
	padding-top: 8px;
	font-size: 18px;
	color: #777
}

.testimonials .testimonial .use-case {
	float: right;
	width: 480px;
	border: 1px #ccc solid;
	background: #fcfcfc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.testimonials .testimonial .use-case .description {
	padding: 10px 30px 10px 0;
	width: 270px;
	float: right;
	padding-top: 40px
}

.testimonials .testimonial .use-case .description p.start {
	text-align: right
}

.testimonials .testimonial .use-case .description p.start .pill-button {
	margin: 0
}

.testimonials .testimonial .use-case .description h4 {
	font-style: italic;
	font-size: 12px;
	margin: 0
}

.testimonials .testimonial .use-case .icons {
	float: left;
	padding: 14px 30px;
	background: #f7f7f7;
	border-right: 1px solid #e3e3e3;
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	width: 96px
}

.testimonials .testimonial .use-case .icons .down-arrow {
	margin-left: 43px;
	filter: alpha(opacity=40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-moz-opacity: .4;
	-khtml-opacity: .4;
	opacity: .4
}

.testimonials .testimonial .use-case .icons img.icon {
	width: 96px;
	height: 96px
}

.testimonials .testimonial .use-case.small {
	width: 450px
}

.testimonials .testimonial .use-case.small .icons {
	width: 50px
}

.testimonials .testimonial .use-case.small .icons img.icon {
	width: 50px;
	height: 50px
}

.testimonials .testimonial .use-case.small .description {
	float: left;
	padding: 20px
}

.testimonials .testimonial .use-case.small .down-arrow {
	margin-left: 22px;
	position: relative;
	top: -5px
}

.testimonials .testimonial.odd .who-case {
	float: right
}

.testimonials .testimonial.odd .who-case .quote {
	float: right
}

.testimonials .testimonial.odd .who-case .who {
	padding: 0 28px 0 0;
	background: transparent url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/arrows/uses-reverse.png") 8% 100% no-repeat;
	text-align: right
}

.testimonials .testimonial.odd .who-case .who .photo {
	float: right;
	margin: 0 0 0 16px
}

.testimonials .testimonial.odd .use-case {
	float: left
}

.persona .persona-description {
	float: left;
	width: 470px
}

.persona .persona-widget {
	float: right;
	width: 470px
}

body#widget {
	background-color: transparent
}

#app.widget {
	background-color: #f6f6f6;
	padding: 0 20px;
	border: none;
	float: none
}

#app.widget div.zap-power-bar {
	font-family: 'Open Sans', Helvetica, arial, sans-serif;
	overflow: visible;
	text-align: right;
	margin-top: -10px;
	margin-bottom: 10px
}

#app.widget div.zap-power-bar span {
	display: inline-block;
	font-size: 11px;
	opacity: 0.5;
	overflow: visible;
	padding: 6px 2px 0 0;
	vertical-align: middle;
	-webkit-text-stroke-width: 0.25px
}

#app.widget div.zap-power-bar span a {
	font-size: 11px;
	color: #4199ad
}

#app.widget div.zap-power-bar a.zap-zapier-logo {
	background: url("/static/96631fdd1d905a82f67e5a988ef13eb438f1bb7c/images/widget-logo.png") no-repeat !important;
	border: 0;
	box-shadow: inherit;
	font: 0/0 a;
	color: transparent;
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	width: 65px
}

#app.widget .zaps {
	margin-bottom: 0
}

#app.widget .zaps a,
#app.widget .zaps a:link,
#app.widget .zaps a:active {
	color: inherit
}

#app.widget .zaps .zap-mini {
	cursor: default
}

#app.widget .zaps .zap-mini .services {
	width: 120px;
	vertical-align: inherit
}

#app.widget .zaps .zap-mini .controls {
	display: table-cell;
	min-width: 155px;
	text-align: right;
	vertical-align: middle
}

#app.widget div.zap-empty {
	color: #666;
	font-style: italic;
	padding: 40px 20px 10px;
	text-align: center
}

#app.widget div.zap-empty strong {
	font-weight: bold
}

.time-saved-container {
	align-items: center;
	background-color: #fff;
	display: flex;
	justify-content: center;
	padding: 70px 50px;
	text-align: center
}

#time_saved {
	margin: auto;
	max-width: 70%
}

@media (max-width: 700px) {
	#time_saved {
		max-width: 100%
	}
}

.debug {
	border: 1px solid #333 !important
}

.bold {
	font-weight: bold
}

.justified {
	text-align: justify
}

.fleft {
	float: left !important
}

.fright {
	float: right !important
}

.hide {
	display: none !important
}

.show {
	display: inherit !important
}

.invisible {
	visibility: hidden !important
}

.center {
	text-align: center
}

clear,
.clear {
	clear: both;
	display: block
}

clear.left,
.clear.left {
	clear: left
}

clear.right,
.clear.right {
	clear: right
}

.error,
.warn {
	color: #e52f00
}

.success {
	color: #007500
}

body>.orange {
	color: #ff4a00
}

.red {
	color: #e52f00
}

.green {
	color: #46a546
}

.yellow {
	color: #f4cd19
}

.dim {
	filter: alpha(opacity=20);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	-moz-opacity: .2;
	-khtml-opacity: .2;
	opacity: .2
}

.subcopy {
	font-size: 13px;
	font-style: italic;
	line-height: 1.5em
}

.crewcut {
	padding-top: 20px
}

.beard {
	padding-bottom: 20px
}

.shave {
	padding-bottom: 0
}

.shave.flex-video {
	margin-bottom: 0
}

.haircut {
	padding-top: 0
}

.haircut.flex-video {
	margin-top: 0
}

.trim-left {
	padding-left: 0
}

.trim-left.iframe {
	margin-left: 0
}

.trim-right {
	padding-right: 0
}

.trim-right.iframe {
	margin-right: 0
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

#header .links-container.partner-links {
	display: none
}

html.partner-embed {
	background: transparent
}

html.partner-embed body {
	background: transparent
}

html.partner-embed #app {
	background: #fff;
	border: 0
}

html.partner-embed #header .links-container {
	display: none
}

html.partner-embed #header .links-container.partner-links {
	display: table-cell
}

html.partner-embed #header .hiring {
	display: none
}

html.partner-embed .menu li.menu-help,
html.partner-embed .menu li.menu-developer,
html.partner-embed .menu li.menu-logout {
	display: none
}

html.partner-embed #footer {
	display: none
}

html.partner-embed .app-nav {
	display: none
}

html.partner-embed .dashboard .step .zap-step {
	float: left;
	height: 120px;
	margin: 15px 10px 25px 10px
}

html.partner-embed .widget.limits {
	display: none
}

html.partner-embed .widget.subscribe {
	display: none
}

html.partner-embed .widget.bonuses {
	display: none
}

html.partner-embed .editor .steps {
	padding-bottom: 100px
}

html.partner-embed .support-sidebar {
	display: none
}

html.partner-embed .premo {
	visibility: hidden
}

html.partner-embed .settings .billing {
	display: none
}

html.partner-embed .settings .extra .close {
	display: none
}

html.partner-embed .settings .pane {
	border: 1px solid #dadfe2
}

@media screen and (max-width: 1000px) {
	.secondary-blog .content blockquote {
		margin-left: 0
	}
}

@media screen and (max-width: 825px) {
	#header .hiring {
		display: none
	}
	#topapps .links ul {
		width: 33%
	}
	#topapps .links ul:nth-child(4) {
		clear: left
	}
	.zap {
		display: inline-block;
		margin: 5px 0
	}
	.zap .text {
		display: none
	}
	.zap .text-narrow {
		display: block
	}
	.zap .services {
		display: inline-block;
		float: left;
		width: 119px
	}
	.zap .services .service {
		background-size: 32px 32px;
		height: 52px;
		padding: 10px;
		width: 52px
	}
	.zap .cta {
		display: inline-block;
		float: right;
		padding: 10px 5px 0 0
	}
	.zap .cta .button {
		font-size: 13px;
		padding: 8px 10px
	}
	.blog-cta h2,
	.blog-cta p {
		font-size: 30px
	}
	.blog-cta form input {
		font-size: 20px;
		height: 51px
	}
	.blog-cta form button {
		font-size: 20px;
		height: 51px
	}
	.pricing .toggle-interval {
		display: block;
		position: relative;
		margin: 0 0 10px;
		right: auto;
		top: auto
	}
	.signup .ebook .arrow {
		display: none
	}
	.activities .dashboard-log .timesince {
		display: inline-block
	}
	.dashboard .column.one-half,
	.dashboard .column.one-quarter,
	.dashboard .column.three-quarters,
	.dashboard .column.one-third,
	.dashboard .column.two-thirds {
		display: block;
		padding: 0;
		width: 100%
	}
	.dashboard .dashboard-log .history:hover .title {
		display: inline-block
	}
	.dashboard .dashboard-log .history:hover .timesince {
		display: inline-block
	}
	.dashboard .zaps .modal-container {
		top: -9px
	}
	.zapbook-container .cover h1 span {
		display: block
	}
	.home-automate .step .table-cell .stroke {
		width: 20px
	}
	.support-index-boxes .index-cta-box {
		margin: 10px 0;
		width: 50%
	}
}

@media screen and (max-width: 750px) {
	#header .container {
		display: inline-block;
		text-align: center
	}
	#header.secondary-blog .engineering-logo {
		display: inline-block
	}
	#header.secondary-blog .blog-title {
		display: none
	}
	#header .links-container {
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		cursor: pointer;
		display: inline-block;
		float: left;
		height: 40px;
		margin: 0;
		width: 40px;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none
	}
	#header .links-container .links {
		background-color: #FDFDFD;
		border-bottom: 3px solid #dedede;
		display: none;
		left: 0;
		margin: 0 0 0 0 !important;
		position: absolute;
		top: 65px;
		right: 0;
		z-index: 100;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none
	}
	#header .links-container .links li {
		border-bottom: 1px solid #eee;
		display: block;
		padding: 0
	}
	#header .links-container .links li a {
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		-icab-text-overflow: ellipsis;
		-khtml-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		text-overflow: ellipsis;
		color: #777;
		display: block;
		padding: 10px 12px;
		text-decoration: none;
		width: 100%;
		-moz-transition-property: all;
		-o-transition-property: all;
		-webkit-transition-property: all;
		transition-property: all;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-moz-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease
	}
	#header .links-container .links li a:last-child {
		border-bottom: 0 none
	}
	#header .links-container .links li .gift,
	#header .links-container .links li .heart {
		display: none
	}
	#header .links-container.open .links {
		display: block
	}
	#topapps .links ul {
		width: 30%
	}
	#topapps .links ul:nth-child(4) {
		clear: left
	}
	.home.customer-quotes .attribution-container {
		padding: 30px 0 0;
		width: 100%
	}
	.home.customer-quotes .quote {
		width: 100%
	}
	.home.customer-quotes .quote .quote-arrow-left {
		border-left: 0 none;
		border-bottom: 0 none;
		border-right: 20px solid transparent;
		border-top: 20px solid #FFF;
		left: 40%;
		top: 100%;
		margin: 0 0 15px 55px
	}
	.row .zap-mini {
		display: inline-block
	}
	.row .zap-mini .title-narrow {
		display: block
	}
	.row .zap-mini .twrapper .cta {
		display: inline-block;
		float: right;
		margin: 6px 0 0
	}
	.row .zap-mini .description {
		margin-top: 5px
	}
	.services-grid .service {
		width: 30%
	}
	.content-base .content blockquote {
		margin-left: 0
	}
}

@media screen and (max-width: 700px) {
	#footer .container {
		padding: 0;
		display: flex;
		flex-direction: column
	}
	#footer nav {
		order: 1;
		width: 100%
	}
	#footer nav .links {
		margin-bottom: 0px;
		margin-top: 0px;
		border-bottom: 1px solid #f1f4f5
	}
	#footer nav .links ul {
		margin: auto;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 30px;
		padding-bottom: 30px
	}
	#footer nav .links ul li {
		margin: 20px 0 20px 0;
		text-align: center
	}
	#footer .social {
		order: 2;
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin-top: 40px;
		justify-content: center
	}
	#footer .social .follow-us {
		order: 1;
		text-align: center;
		margin: 0 0 10px
	}
	#footer .social ul {
		order: 2;
		margin: auto;
		text-align: center
	}
	#footer .social ul li a i.fa,
	#footer .social ul li a i.fa:before {
		border-radius: 40px;
		color: #fff;
		display: inline-block;
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 20px
	}
	#footer .footer-logo {
		order: 3;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin: 20px 0px 40px 0px
	}
	#footer .footer-logo .logo {
		order: 1
	}
	#footer .footer-logo .tagline {
		order: 2;
		margin-top: 5px;
		font-size: 1em
	}
	#footer ul.micro {
		order: 4;
		text-align: center;
		width: 100%;
		margin: auto;
		background-color: #F1F4F5;
		border: 1px solid #eee
	}
}

@media screen and (min-width: 600px) {
	.column.left-when-wide {
		padding: 0 10px 0 0
	}
	.column.middle-when-wide {
		padding: 0 10px 0 10px
	}
	.column.right-when-wide {
		padding: 0 0 0 10px;
		float: right
	}
	.blog-hero .destination-link {
		display: none
	}
}

@media screen and (max-width: 600px) {
	.mobile-hide {
		display: none
	}
	.column.one-half,
	.column.one-quarter,
	.column.three-quarters,
	.column.one-third,
	.column.two-thirds,
	.zapbook-container .column.one-half,
	.zapbook-container .column.one-quarter,
	.zapbook-container .column.three-quarters,
	.zapbook-container .column.one-third,
	.zapbook-container .column.two-thirds {
		display: block;
		padding: 0;
		width: 100%
	}
	.column.one-half.hidden-when-small,
	.column.one-quarter.hidden-when-small,
	.column.three-quarters.hidden-when-small,
	.column.one-third.hidden-when-small,
	.column.two-thirds.hidden-when-small,
	.zapbook-container .column.one-half.hidden-when-small,
	.zapbook-container .column.one-quarter.hidden-when-small,
	.zapbook-container .column.three-quarters.hidden-when-small,
	.zapbook-container .column.one-third.hidden-when-small,
	.zapbook-container .column.two-thirds.hidden-when-small {
		display: none
	}
	.column.one-third,
	.zapbook-container .column.one-third {
		margin-top: 2em
	}
	.column.one-third:first-child,
	.zapbook-container .column.one-third:first-child {
		margin: 0
	}
	.column.one-third.left-when-small,
	.column.two-thirds.left-when-small,
	.zapbook-container .column.one-third.left-when-small,
	.zapbook-container .column.two-thirds.left-when-small {
		float: left
	}
	.zapbook-container .container .case-study-categories-container,
	.zapbook-container .container:not(.default) .case-study-categories-container {
		padding-top: 40px
	}
	.zapbook-container .one-app-hero,
	.zapbook-container .two-app-hero {
		background: #F1F4F5;
		background: linear-gradient(to bottom, #fff, #F1F4F5);
		border-bottom: 1px solid #eee
	}
	.zapbook-container .one-app-hero .container,
	.zapbook-container .two-app-hero .container {
		padding: 20px
	}
	.zapbook-container .one-app-hero .service,
	.zapbook-container .two-app-hero .service {
		background: #fff;
		background: none;
		background: transparent;
		padding: 2em 0
	}
	.zapbook-container .one-app-hero .app-icon,
	.zapbook-container .two-app-hero .app-icon {
		height: 60px;
		width: 60px
	}
	.zapbook-container .one-app-hero .plus-sign-container .plus-sign,
	.zapbook-container .two-app-hero .plus-sign-container .plus-sign {
		background: #5f6c72;
		opacity: 0.2
	}
	.zapbook-container .one-app-hero .plus-sign-container .plus-sign:before,
	.zapbook-container .two-app-hero .plus-sign-container .plus-sign:before {
		background: #5f6c72;
		opacity: 0.5
	}
	.zapbook-container .case-studies .row .case-study:nth-child(1),
	.zapbook-container .use-cases .row .use-case:nth-child(1) {
		padding-right: 0
	}
	.zapbook-container .case-studies .row .case-study:nth-child(2),
	.zapbook-container .use-cases .row .use-case:nth-child(2) {
		padding-left: 0
	}
	.zapbook-container .index-cta-boxes .index-cta-box {
		width: 100%
	}
	.zapbook-container .index-cta-boxes .index-cta-box:not(:last-child) {
		margin: 0 0 20px
	}
	.zapbook-container .index-cta-boxes .index-cta-box a {
		height: auto;
		margin: 0 10px;
		min-height: 0;
		padding: 60px 20px
	}
	.zapbook-container .index-cta-boxes .index-cta-box a .section-description {
		font-size: 15px;
		margin-top: 10px;
		min-height: 0
	}
	.zapbook-container .home-automate.container .column:not(.default):first-child {
		padding-left: 0
	}
	.zapbook-container .home-automate.container .column:not(.default):last-child {
		padding-right: 0
	}
	.zapbook-container .narrative {
		padding-top: 40px !important
	}
	.zapbook-container .narrative h1 {
		font-size: 28px
	}
	.zapbook-container .narrative .table-wrapper {
		display: block;
		margin: 40px 0
	}
	.zapbook-container .narrative .table-wrapper .table-cell {
		display: block;
		width: 100%
	}
	.zapbook-container .narrative .center-column {
		margin: 50px 0
	}
	.support-sidebar {
		display: none
	}
	.hero h1 {
		padding-top: 20px
	}
	.home-press li {
		display: block;
		margin: 40px 20px
	}
	.mini.testimonial {
		display: none
	}
	.signup .ebook {
		display: none
	}
	.signup .trialing {
		margin-bottom: 20px
	}
	.giant-logomark {
		height: 125px;
		margin: 0 0 30px;
		width: 125px
	}
	.status-board-key .key-item {
		display: block;
		padding: 10px 20px
	}
	.activities .dashboard-log .timesince {
		display: none
	}
	.explore .search .involve.services {
		margin-bottom: 10px
	}
	.blog-hero .destination-link {
		display: none
	}
	.blog-hero .blog-subscribe h1,
	.row.blog-subscribe h1 {
		font-size: 24px
	}
	.blog-hero .blog-subscribe h2,
	.row.blog-subscribe h2 {
		display: none
	}
	.blog-hero .blog-subscribe .text,
	.row.blog-subscribe .text {
		float: none;
		margin: 0 0 20px;
		padding: 0;
		width: 100%
	}
	.blog-hero .blog-subscribe form,
	.row.blog-subscribe form {
		margin: 10px 0
	}
	.blog-hero .blog-subscribe button,
	.row.blog-subscribe button {
		width: 100%
	}
	.blog-cta .container {
		padding: 40px 20px
	}
	.blog-cta h2,
	.blog-cta p {
		font-size: 26px
	}
	.services-grid.small .service,
	.services-grid .service {
		width: 124px
	}
	.app-review-container .screenshots .screenshot {
		margin: 20px 0
	}
	.support-modal {
		width: 440px
	}
	.support .sidebar {
		display: none
	}
}

@media screen and (max-width: 480px) {
	#topapps .container {
		text-align: center
	}
	#topapps .links ul {
		width: 100%
	}
	#topapps .links ul a {
		text-align: center;
		margin: 0 auto
	}
	.figure.right,
	.figure.left {
		float: none;
		display: block;
		margin: 20px 0;
		text-align: center
	}
	.app-review-container .updated {
		text-align: left
	}
	.app-review-container #review-signup-form {
		width: 300px
	}
	.zapbook-container .home-automate h2,
	.zapbook-container .home-integrate h2 {
		padding-top: 0;
		text-align: center
	}
	.zapbook-container .home-automate .very-big,
	.zapbook-container .home-integrate .very-big {
		font-size: 20px;
		margin-bottom: 20px
	}
	.zapbook-container .home-automate .see-all-apps-1,
	.zapbook-container .home-integrate .see-all-apps-1 {
		display: none
	}
	.zapbook-container .home-automate .see-all-apps-2,
	.zapbook-container .home-integrate .see-all-apps-2 {
		display: block
	}
	.zapbook-container .home-automate .cta,
	.zapbook-container .home-integrate .cta {
		text-align: center
	}
	.zapbook-container .bold h1 {
		font-size: 25px
	}
	.zapbook-container .bold h2 {
		font-size: 20px
	}
	.zapbook-container .cover,
	.zapbook-container .row.table-wrapper {
		height: 416px
	}
	.zapbook-container .case-study-categories li {
		float: none
	}
	.zapbook-container .case-study-categories li a {
		margin: 0
	}
	.zapbook-container .case-study-categories li span {
		display: none
	}
	.zapbook-container.case-study .inset {
		padding: 30px
	}
	.zapbook-container.case-study .hero {
		max-height: 416px
	}
	.zapbook-container.case-study .hero .container {
		padding: 0 20px 30px
	}
	.zapbook-container.case-study .hero .container h1 {
		font-size: 30px
	}
	.zapbook-container.case-study .hero-bottom-gradient {
		background-color: rgba(0, 0, 0, 0.4) 0%;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4) 0%), to(rgba(0, 0, 0, 0.7)));
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7));
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7));
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7));
		background-image: linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7))
	}
	.zapbook-container.case-study .results {
		display: inline-block
	}
	.zapbook-container.case-study .results .result {
		display: inline-block;
		width: 100%
	}
	.zapbook-container.case-study .results .result:not(:last-child) {
		border-right: none;
		margin: 0 0 60px
	}
	.zapbook-container .very-big {
		font-size: 20px
	}
	.zapbook-container .quote .text {
		font-size: 20px
	}
	.zapbook-container .quote .attribute .name {
		font-size: 17px;
		line-height: 1.5em
	}
	.zapbook-container .quote .attribute .name .company {
		float: left;
		display: block
	}
	.zapbook-container .zaps .zap {
		width: 100%
	}
	.zapbook-container .apps {
		margin-bottom: 0
	}
	.zapbook-container .apps a.app-container {
		float: left;
		padding: 20px 10px;
		width: 140px
	}
	.zapbook-container .apps a.app-container .app .name {
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 1px;
		text-transform: uppercase
	}
	.zapbook-container .breadcrumbs .container:not(.default) {
		padding: 12px 20px !important
	}
	.zapbook-container .breadcrumbs .container:not(.default) a,
	.zapbook-container .breadcrumbs .container:not(.default) span {
		clear: both;
		margin: 0 5px 0 0
	}
	.zapbook-container .narrative {
		font-size: 18px
	}
	.zapbook-container .narrative h1 {
		font-size: 28px
	}
	.blog-hero h1 {
		font-size: 26px
	}
	.blog-hero h2 {
		font-size: 20px
	}
	.blog-hero .post-header .author-bar .text {
		font-size: 13px
	}
	.content-base .content h1 {
		font-size: 30px
	}
	.content-base .content h2 {
		font-size: 22px
	}
	.content-base .content h3 {
		font-size: 20px
	}
	.content-base .content ul {
		margin-left: 20px
	}
	.content-base .content .subtitle {
		font-size: 16px
	}
	.content-base .content .pullquote {
		font-size: 20px
	}
	.blog .sharing .single-share,
	.secondary-blog .sharing .single-share {
		margin: 0 5px
	}
	.secondary-blog .author-top .text {
		font-size: 13px
	}
	.blog .content h2 {
		font-size: 21px
	}
	.blog .content h3 {
		font-size: 19px
	}
	.blog .content p,
	.blog .content li,
	.blog .content blockquote {
		font-size: 16px
	}
	.blog .content .pullquote {
		font-size: 22px;
		margin: 40px 0
	}
	.blog-share-top {
		display: none
	}
	.blog-footer .container.author .table-wrapper {
		display: block
	}
	.blog-footer .container.author .table-wrapper .table-cell {
		display: block;
		text-align: center
	}
	.blog-footer .container.author .picture {
		margin: 0
	}
	.blog-cta h2,
	.blog-cta p {
		font-size: 24px
	}
	.blog-cta h2 {
		margin-bottom: 10px
	}
	.blog-cta p {
		margin-top: 10px
	}
	.blog-cta form .table-wrapper {
		display: block
	}
	.blog-cta form .table-wrapper .table-cell {
		display: block
	}
	.blog-cta form .table-wrapper .table-cell:first-child {
		padding: 0
	}
	.blog-cta .blog .sharing {
		margin: 40px 0 20px
	}
	.support-modal {
		width: 280px
	}
	.support-modal .support-question {
		padding: 20px 0
	}
	.support-index-boxes .index-cta-box {
		margin: 10px 0;
		width: 100%
	}
	.support-hero .support-hero-search input[type="text"] {
		font-size: 15px;
		font-weight: normal
	}
}


/*# sourceMappingURL=view.scss.map */