.wpcode-app .wpcode-cta {
	margin-top: 30px;
	background: #fff;
	width: 100%;
	padding: 40px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
	border: 1px solid #e8e8eb
}

.wpcode-app .wpcode-cta.floating {
	margin-top: 0;
	position: absolute;
	max-width: 850px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	border-radius: 3px
}

.wpcode-app .wpcode-cta .header-text {
	font-weight: 600;
	font-size: 24px;
	text-align: center;
	color: #141b38
}

.wpcode-app .wpcode-cta .header-text span.large {
	font-size: 32px
}

.wpcode-app .wpcode-cta .description {
	margin: 30px 0 50px;
	width: 100%;
	max-width: 600px;
	text-align: center;
	font-size: 16px;
	color: #141b38
}

.wpcode-app .wpcode-cta .description .wpcode-alert {
	margin-bottom: 30px;
	text-align: left
}

.wpcode-app .wpcode-cta .feature-list {
	color: #141b38;
	font-size: 16px;
	width: 100%;
	max-width: 500px;
	margin-bottom: 50px
}

.wpcode-app .wpcode-cta .feature-list .wpcode-col {
	display: flex;
	align-items: flex-start
}

.wpcode-app .wpcode-cta .feature-list .wpcode-col svg.wpcode-circle-check {
	color: #00aa63;
	min-width: 18px;
	min-height: 18px;
	margin-right: 5px
}

.wpcode-app .wpcode-cta a.learn-more {
	margin-top: 20px;
	color: #8c8f9a;
	font-size: 14px
}

.wpcode-app .wpcode-cta .type-1 {
	display: flex;
	flex-direction: column;
	align-items: center
}

.wpcode-app .wpcode-cta .type-2 {
	display: flex
}

.wpcode-app .wpcode-cta .type-2 .description, .wpcode-app .wpcode-cta .type-2 .header-text {
	text-align: left
}

.wpcode-app .wpcode-cta .type-2 > div {
	margin-right: 20px;
	flex: 0 0 50%
}

.wpcode-app .wpcode-cta .type-2 .featured-image {
	max-height: 540px;
	border: 1px solid #e8e8eb;
	flex: 1;
	overflow: hidden;
	margin-right: -41px;
	border-radius: 5px 0 0 5px
}

.wpcode-app .wpcode-cta .type-2 .featured-image img {
	max-height: 600px
}

@media only screen and (max-width: 912px) {
	.wpcode-app .wpcode-cta .type-2 {
		flex-direction: column;
		align-items: center
	}

	.wpcode-app .wpcode-cta .type-2 .description, .wpcode-app .wpcode-cta .type-2 .header-text {
		text-align: center
	}

	.wpcode-app .wpcode-cta .type-2 > div {
		text-align: center;
		margin-right: 0;
		margin-bottom: 30px;
		flex: 1 0 100%;
		width: 100%
	}

	.wpcode-app .wpcode-cta .type-2 .featured-image {
		margin: 0 -10px -41px;
		border-radius: 5px 5px 0 0;
		max-height: 300px
	}
}

.wpcode-box-toggle .wpcode-row .wpcode-col {
	max-width: calc(200px + 1em)
}

@media only screen and (max-width: 48em) {
	.wpcode-box-toggle .wpcode-row .wpcode-col {
		max-width: 100%
	}
}

.wpcode-box-toggle input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden
}

.wpcode-box-toggle input:checked + label {
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0, 90, 224, .1);
	border: 2px solid #3568B7;
	font-weight: 600
}

.wpcode-box-toggle label {
	background-color: #f9f9fa;
	color: #141b38;
	font-size: 16px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid #f9f9fa;
	transition: all .1s ease-in-out;
	border-radius: 3px;
	height: 165px;
	position: relative
}

.wpcode-box-toggle label p {
	position: absolute;
	bottom: 15px;
	margin: 0
}

.wpcode-box-toggle label:hover {
	cursor: pointer
}

.wpcode-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	padding: 0 24px;
	border-radius: 4px;
	-webkit-appearance: none;
	cursor: pointer;
	height: 48px;
	transition: background-color .2s ease;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #141b38
}

.wpcode-button.small {
	height: 30px;
	font-size: 14px;
	padding: 0 12px
}

.wpcode-button.small .loading-spinner {
	width: 25px;
	height: 25px
}

.wpcode-button.medium {
	height: 40px;
	font-size: 14px;
	padding: 0 18px
}

.wpcode-button.medium .loading-spinner {
	width: 35px;
	height: 35px
}

.wpcode-button.xl {
	height: 66px;
	border-radius: 4px;
	font-size: 18px;
	padding: 0 48px
}

.wpcode-button.gray {
	border: 1px solid #dcdde1;
	background-color: #f3f4f5
}

.wpcode-button.gray:hover {
	background-color: #fff;
	color: #141b38
}

.wpcode-button.gray:active {
	background-color: #f3f4f5
}

.wpcode-button.green {
	border: none;
	background-color: #00aa63;
	color: #fff
}

.wpcode-button.green:hover {
	background-color: #07c575
}

.wpcode-button.green:active {
	background-color: #15955f
}

.wpcode-button.blue {
	border: none;
	background-color: #3568B7;
	color: #fff
}

.wpcode-button.blue:hover {
	background-color: #397EEB
}

.wpcode-button.blue:active {
	background-color: #004f9d
}

.wpcode-button.black {
	border: none;
	background-color: #434960;
	color: #fff
}

.wpcode-button.black:hover {
	background-color: #2c324c
}

.wpcode-button.black:active {
	background-color: #141b38
}

.wpcode-button.loading.blue {
	background-color: #004f9d;
	color: #004f9d
}

.wpcode-button.loading.blue:hover {
	background-color: #004f9d
}

.wpcode-button.loading.green {
	background-color: #15955f;
	color: #15955f
}

.wpcode-button.loading.green:hover {
	background-color: #15955f
}

.wpcode-button.loading.gray {
	background-color: #f3f4f5;
	color: #f3f4f5
}

.wpcode-button.loading.gray:hover {
	background-color: #f3f4f5
}

.wpcode-button.loading.black {
	background-color: #141b38;
	color: #141b38
}

.wpcode-button.loading.black:hover {
	background-color: #141b38
}

.wpcode-button:disabled {
	color: #8c8f9a;
	background-color: #f3f4f5;
	cursor: default
}

.wpcode-button:disabled.gray:hover {
	color: #8c8f9a
}

.wpcode-button:disabled:hover {
	background-color: #f3f4f5
}

.wpcode-checkbox {
	display: inline-flex;
	align-items: center
}

.wpcode-checkbox .form-checkbox-wrapper {
	margin-right: 10px;
	display: flex
}

.wpcode-checkbox.medium .form-checkbox {
	width: 20px;
	height: 20px
}

.wpcode-checkbox.medium .form-checkbox .fancy-checkbox svg {
	width: 12px;
	height: 12px
}

.wpcode-checkbox.medium .form-checkbox span:before {
	height: 18px;
	width: 18px;
	line-height: 20px
}

.form-checkbox {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	color: #fff;
	vertical-align: bottom;
	text-align: center
}

.form-checkbox input {
	display: none
}

.form-checkbox input:checked + .fancy-checkbox.blue {
	background: #3568B7
}

.form-checkbox input:checked + .fancy-checkbox.green {
	background: #00aa63
}

.form-checkbox input:checked + .fancy-checkbox:before {
	background: transparent
}

.form-checkbox input:disabled + .fancy-checkbox {
	background: #e8e8eb;
	border: 1px solid #d0d1d7;
	cursor: default
}

.form-checkbox input:disabled + .fancy-checkbox svg {
	color: #8c8f9a
}

.form-checkbox .fancy-checkbox svg {
	color: #fff;
	width: 16px;
	height: 16px
}

.form-checkbox span {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #d0d1d7;
	transition: .2s;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center
}

.form-checkbox span:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 1px;
	bottom: 1px;
	background-color: #fff;
	transition: .2s;
	font-size: 18px;
	line-height: 28px;
	border-radius: 2px
}

.wpcode-date-picker.vue-daterange-picker {
	width: 100%
}

.wpcode-date-picker.vue-daterange-picker .form-control {
	display: flex;
	align-items: center;
	color: #141b38;
	font-size: 16px;
	height: 48px;
	border-radius: 3px;
	border: 1px solid #d0d1d7;
	position: relative
}

.wpcode-date-picker.vue-daterange-picker .form-control svg.wpcode-circle-close {
	position: absolute;
	right: 10px;
	color: #434960;
	width: 15px;
	height: 15px
}

.wpcode-date-picker.vue-daterange-picker.small .form-control {
	height: 30px
}

.wpcode-date-picker.vue-daterange-picker.medium .form-control {
	height: 40px
}

body[class*=all-in-one-seo_page] .daterangepicker .yearselect {
	width: 75px
}

.wpcode-editor {
	position: relative
}

.wpcode-editor .wpcode-editor-line-numbers .ql-editor {
	padding: 15px 15px 15px 45px
}

.wpcode-editor .wpcode-editor-single .ql-editor {
	padding: 8px 10px
}

.wpcode-editor .wpcode-editor-single.wpcode-editor-line-numbers .ql-editor {
	padding: 8px 10px 8px 45px
}

.wpcode-editor .wpcode-editor-monospace .ql-editor {
	font-family: monospace
}

.wpcode-editor .wpcode-line-numbers {
	background: #f7f6f7;
	position: absolute;
	text-align: right;
	top: 1px;
	width: 29px;
	left: 1px;
	border-radius: 3px 0 0 3px;
	padding: 15px 9px 0 0;
	display: flex;
	height: calc(100% - 2px);
	flex-direction: column;
	overflow: hidden
}

.wpcode-editor .wpcode-line-numbers div {
	min-height: 25px;
	color: #8c8f9a;
	font-size: 12px;
	line-height: 1.9
}

.wpcode-editor .ql-disabled {
	pointer-events: none;
	background-color: #f9f9fa
}

.wpcode-editor .ql-editor {
	padding: 15px;
	border-radius: 3px;
	font-size: 16px;
	color: #141b38;
	border: 1px solid #d0d1d7
}

.wpcode-editor .ql-editor:focus {
	border: 1px solid #3568B7;
	box-shadow: 0 0 0 1px #3568B7
}

.wpcode-editor .ql-editor .mention .ql-mention-denotation-char {
	display: none
}

.wpcode-editor .ql-editor .mention .wpcode-tag {
	height: 25px;
	margin: 0 1px;
	color: #434960;
	font-weight: 600;
	font-size: 14px;
	padding: 3px 25px 3px 10px;
	background-color: #f3f4f5;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
	display: inline-flex;
	align-items: center
}

.wpcode-editor .ql-editor .mention .wpcode-tag .tag-toggle {
	display: inline-flex;
	align-items: center;
	background-color: #e8e8eb;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 0 3px 3px 0
}

.wpcode-editor .ql-editor .mention .wpcode-tag .tag-toggle svg.wpcode-caret {
	width: 18px;
	height: 18px;
	transition: transform .3s
}

.wpcode-editor .ql-editor .mention .wpcode-tag .tag-toggle svg.wpcode-caret.rotated {
	transform: rotate(180deg)
}

.wpcode-editor .ql-mention-list-container {
	color: #141b38;
	background-color: #fff;
	max-width: 250px;
	width: 100%;
	margin-top: 3px;
	border: 1px solid #d0d1d7;
	border-radius: 3px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
	z-index: 9001
}

.wpcode-editor .ql-mention-list-container .wpcode-tag-custom, .wpcode-editor .ql-mention-list-container .wpcode-tag-search {
	padding: 12px;
	border-bottom: 1px solid #e8e8eb
}

.wpcode-editor .ql-mention-list-container .wpcode-tag-custom {
	display: none
}

.wpcode-editor .ql-mention-list-container .ql-mention-list {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 210px;
	overflow: auto
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li {
	color: #141b38;
	margin: 0;
	background-color: transparent;
	border-bottom: 1px solid #e8e8eb;
	padding: 15px;
	cursor: pointer;
	font-size: 14px
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li:last-child {
	border-bottom: 0
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li.selected, .wpcode-editor .ql-mention-list-container .ql-mention-list li:hover {
	color: #3568B7;
	background-color: #f2f7fd
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li.selected .wpcode-tag-description, .wpcode-editor .ql-mention-list-container .ql-mention-list li:hover .wpcode-tag-description {
	color: initial
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li .wpcode-tag-item {
	display: flex
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li .wpcode-tag-item > div:first-child {
	margin-right: 10px
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li .wpcode-tag-item .wpcode-tag-title {
	font-weight: 600
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li svg.wpcode-plus {
	width: 10px;
	height: 10px;
	color: #3568B7
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li.wpcode-tag-no-match {
	cursor: default;
	padding: 12px;
	font-size: 16px;
	font-weight: 600
}

.wpcode-editor .ql-mention-list-container .ql-mention-list li.wpcode-tag-no-match.highlight, .wpcode-editor .ql-mention-list-container .ql-mention-list li.wpcode-tag-no-match:hover {
	color: initial;
	background-color: transparent
}

.wpcode-editor .ql-toolbar {
	display: none
}

.wpcode-editor .ql-clipboard {
	left: -100000px;
	height: 1px;
	overflow-y: hidden;
	position: absolute;
	top: 50%
}

.wpcode-editor .ql-snow .ql-hidden {
	display: none
}

.wpcode-editor .ql-container.ql-snow {
	border: none
}

.wpcode-editor .ql-container p {
	font-size: 16px;
	margin: 0;
	line-height: 25px
}

.wpcode-highlight-toggle {
	border: 1px solid #e8e8eb;
	border-radius: 3px;
	min-height: 48px;
	display: flex;
	align-items: center;
	padding: 5px 10px;
	cursor: pointer
}

.wpcode-highlight-toggle > * {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wpcode-highlight-toggle.active {
	border-color: #3568B7;
	box-shadow: 0 5px 10px rgba(0, 90, 224, .1)
}

.wpcode-highlight-toggle.medium {
	min-height: 40px
}

.wpcode-highlight-toggle .icon {
	display: flex;
	align-items: center;
	margin-right: 5px
}

.wpcode-input {
	position: relative;
	width: 100%
}

.wpcode-input input {
	height: 48px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #d0d1d7;
	border-radius: 3px;
	padding: 15px;
	font-size: 18px
}

.wpcode-input input:disabled {
	background: #f9f9fa
}

.wpcode-input input:focus {
	border-color: #3568B7;
	box-shadow: 0 0 0 1px #3568B7
}

.wpcode-input input::-moz-placeholder {
	font-weight: 100;
	color: #8c8f9a
}

.wpcode-input input:-ms-input-placeholder {
	font-weight: 100;
	color: #8c8f9a
}

.wpcode-input input::placeholder {
	font-weight: 100;
	color: #8c8f9a
}

.wpcode-input input.prepend {
	padding-left: 50px
}

.wpcode-input input.append {
	padding-right: 50px
}

.wpcode-input input.small {
	height: 30px;
	padding: 10px;
	font-size: 14px
}

.wpcode-input input.small.prepend {
	padding-left: 30px
}

.wpcode-input input.small.append {
	padding-right: 30px
}

.wpcode-input input.medium {
	height: 40px;
	padding: 12px;
	font-size: 16px
}

.wpcode-input input.medium.prepend {
	padding-left: 35px
}

.wpcode-input input.medium.append {
	padding-right: 35px
}

.wpcode-input.wpcode-active input {
	border-color: #00aa63
}

.wpcode-input.wpcode-active .append-icon, .wpcode-input.wpcode-active .prepend-icon {
	color: #00aa63
}

.wpcode-input.wpcode-error input {
	border-color: #df2a4a
}

.wpcode-input.wpcode-error .append-icon, .wpcode-input.wpcode-error .prepend-icon {
	color: #df2a4a
}

.wpcode-input .prepend-icon {
	position: absolute;
	top: 0;
	left: 10px;
	width: 30px;
	height: 100%;
	color: #d0d1d7;
	display: flex;
	align-items: center
}

.wpcode-input .prepend-icon svg {
	width: 30px;
	height: 30px
}

.wpcode-input .prepend-icon.small {
	width: 20px
}

.wpcode-input .prepend-icon.small svg {
	width: 10px;
	height: 10px
}

.wpcode-input .prepend-icon.medium {
	width: 15px
}

.wpcode-input .prepend-icon.medium svg {
	width: 15px;
	height: 15px
}

.wpcode-input .append-icon {
	position: absolute;
	top: 0;
	right: 10px;
	width: 30px;
	height: 100%;
	color: #d0d1d7;
	display: flex;
	align-items: center
}

.wpcode-input .append-icon svg {
	width: 30px;
	height: 30px
}

.wpcode-input .append-icon.small {
	width: 10px;
	height: 10px
}

.wpcode-input .append-icon.medium {
	width: 15px;
	height: 15px
}

.wpcode-phone-number {
	max-width: 600px
}

.wpcode-phone-number label {
	display: none
}

.wpcode-phone-number .maz-input__input {
	height: 40px;
	min-height: 40px;
	padding-top: 0 !important;
	border: 1px solid #d0d1d7
}

.wpcode-phone-number .maz-input__input:focus {
	border-color: #3568B7;
	box-shadow: 0 0 0 1px #3568B7
}

.wpcode-phone-number .country-selector {
	flex: 0 0 140px;
	width: 140px;
	min-width: 140px;
	max-width: 140px
}

.wpcode-phone-number .country-selector:hover {
	z-index: 1
}

.wpcode-phone-number .country-selector > div.maz-base-component.maz-input.has-value.has-1-right-icon.maz-input--primary > input {
	padding-left: 50px !important
}

.wpcode-phone-number .country-selector .maz-input.is-focused {
	border-color: #3568B7
}

.wpcode-phone-number .country-selector .maz-select__options-list__item.selected.keyboard-selected {
	background-color: #3568B7
}

.wpcode-phone-number .maz-phone-number-input__country-flag {
	left: 20px;
	bottom: 12px
}

.wpcode-phone-number .maz-select__options-list input {
	border-color: #3568B7;
	box-shadow: 0 0 0 1px #3568B7
}

.wpcode-phone-number .input-phone-number, .wpcode-phone-number .input-phone-number:focus {
	z-index: 2
}

.wpcode-phone-number.invalidNumber div.maz-flex-1 > div > input {
	border-color: red
}

.wpcode-phone-number.invalidNumber div.maz-flex-1 > div > input:focus {
	border-color: #df2a4a;
	box-shadow: 0 0 0 1px #df2a4a
}

.wpcode-phone-number.validNumber div.maz-flex-1 > div > input:focus {
	border-color: #00aa63;
	box-shadow: 0 0 0 1px #00aa63
}

.wpcode-radio {
	display: inline-flex;
	align-items: center
}

.wpcode-radio .form-radio-wrapper {
	margin-right: 10px;
	display: flex
}

.wpcode-radio.medium .form-radio {
	width: 20px;
	height: 20px
}

.wpcode-radio.medium .form-radio .fancy-radio svg {
	width: 12px;
	height: 12px
}

.wpcode-radio.medium.type-1 .form-radio span:before {
	height: 18px;
	width: 18px;
	line-height: 20px
}

.wpcode-radio.medium.type-2 .form-radio span:before {
	height: 16px;
	width: 16px;
	line-height: 20px
}

.wpcode-radio.medium.type-2 .form-radio span:after {
	height: 6px;
	width: 6px;
	left: 6px;
	bottom: 6px
}

.wpcode-radio .form-radio {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 28px;
	color: #fff;
	vertical-align: bottom;
	text-align: center
}

.wpcode-radio .form-radio input {
	opacity: 0
}

.wpcode-radio .form-radio input:checked + .fancy-radio {
	background: #3568B7;
	border-color: #3568B7
}

.wpcode-radio .form-radio input:checked + .fancy-radio:before {
	background: transparent
}

.wpcode-radio .form-radio input:checked + .fancy-radio:after {
	display: block
}

.wpcode-radio .form-radio input:disabled + .fancy-radio {
	cursor: default
}

.wpcode-radio .form-radio input:focus + .fancy-radio {
	border-color: #3568B7;
	box-shadow: 0 0 0 1px #3568B7
}

.wpcode-radio .form-radio .fancy-radio {
	border-radius: 50%
}

.wpcode-radio .form-radio .fancy-radio svg {
	color: #fff;
	width: 16px;
	height: 16px
}

.wpcode-radio .form-radio span {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .2s;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.wpcode-radio .form-radio span:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 1px;
	bottom: 1px;
	transition: .2s;
	font-size: 18px;
	line-height: 28px;
	border-radius: 50%
}

.wpcode-radio.type-1 .form-radio span, .wpcode-radio.type-1 .form-radio span:before {
	background-color: #f3f4f5
}

.wpcode-radio.type-2 .form-radio span {
	border: 1px solid #d0d1d7;
	background-color: #fff
}

.wpcode-radio.type-2 .form-radio span:before {
	background-color: #fff
}

.wpcode-radio.type-2 .form-radio span:after {
	display: none;
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 8px;
	bottom: 8px;
	background-color: #fff;
	transition: .2s;
	border-radius: 50%
}

.wpcode-radio.disabled {
	cursor: default
}

.wpcode-radio.disabled.type-2 .form-radio input:checked + .fancy-radio {
	background-color: #e8e8eb;
	border-color: #d0d1d7
}

.wpcode-radio.disabled.type-2 .form-radio span, .wpcode-radio.disabled.type-2 .form-radio span:before {
	background-color: #e8e8eb
}

.wpcode-radio.disabled.type-2 .form-radio span:after {
	background-color: #8c8f9a
}

.wpcode-radio-toggle {
	display: flex;
	align-items: center;
	height: 40px
}

.wpcode-radio-toggle div {
	height: 100%
}

.wpcode-radio-toggle.inline {
	display: inline-flex
}

.wpcode-radio-toggle div:first-child {
	overflow: hidden;
	border-radius: 3px 0 0 3px
}

.wpcode-radio-toggle div:first-child label {
	border-radius: 3px 0 0 3px
}

.wpcode-radio-toggle div:last-child {
	overflow: hidden;
	border-radius: 0 3px 3px 0
}

.wpcode-radio-toggle div:last-child label {
	border-radius: 0 3px 3px 0
}

.wpcode-radio-toggle input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden
}

.wpcode-radio-toggle input:checked + label {
	background-color: #3568B7;
	color: #fff
}

.wpcode-radio-toggle input:checked + label.dark {
	background-color: #434960;
	color: #fff
}

.wpcode-radio-toggle label {
	height: 100%;
	background-color: #e8e8eb;
	color: #141b38;
	font-size: 14px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: all .1s ease-in-out;
	position: relative;
	padding: 11px 20px;
	font-weight: 600
}

.wpcode-radio-toggle label.disabled {
	cursor: default;
	pointer-events: none;
	opacity: .5
}

.wpcode-radio-toggle label:hover {
	background-color: #dadadf;
	cursor: pointer
}

.wpcode-radio-toggle label p {
	position: absolute;
	bottom: 15px;
	margin: 0
}

.wpcode-radio-toggle.circle label {
	background: #fff;
	color: #8c8f9a
}

.wpcode-radio-toggle.circle input + label {
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 8px
}

.wpcode-radio-toggle.circle input:checked + label {
	background: #e8e8eb;
	color: #2c324c
}

.wpcode-select {
	height: 48px
}

.wpcode-select.multiselect--disabled .multiselect__select {
	background: none
}

.wpcode-select .multiselect__select {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px
}

.wpcode-select .multiselect__select:before {
	display: none
}

.wpcode-select .multiselect__select svg.wpcode-caret {
	color: #141b38;
	width: 18px;
	height: 18px;
	transform: rotate(180deg);
	transition: transform .3s
}

.wpcode-select .multiselect__tags {
	height: 100%;
	border: 1px solid #d0d1d7;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 16px 40px 16px 16px
}

.wpcode-select .multiselect__tags .multiselect__spinner {
	height: calc(100% - 2px);
	border: 2px solid transparent
}

.wpcode-select .multiselect__tags .multiselect__spinner:after, .wpcode-select .multiselect__tags .multiselect__spinner:before {
	border-top-color: #434960
}

.wpcode-select .multiselect__tags .multiselect__single {
	margin: 0;
	padding: 0;
	color: #141b38
}

.wpcode-select .multiselect__tags .multiselect__placeholder {
	color: #8c8f9a;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0
}

.wpcode-select .multiselect__tags .multiselect__input {
	padding: 0;
	margin: 0 10px 0 0;
	border-radius: 0;
	border: none;
	color: #141b38;
	min-height: auto;
	line-height: 20px
}

.wpcode-select .multiselect__tags .multiselect__input:focus {
	outline: 0;
	box-shadow: none;
	border: none
}

.wpcode-select .multiselect__tags .multiselect__input::-moz-placeholder {
	color: #8c8f9a
}

.wpcode-select .multiselect__tags .multiselect__input:-ms-input-placeholder {
	color: #8c8f9a
}

.wpcode-select .multiselect__tags .multiselect__input::placeholder {
	color: #8c8f9a
}

.wpcode-select .multiselect__tags .multiselect__tags-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.wpcode-select .multiselect__tags .multiselect__tags-wrap .multiselect__tag {
	padding: 0;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	color: #434960;
	margin: 0 3px 0 0;
	height: 24px;
	background-color: #f3f4f5;
	flex-shrink: 0
}

.wpcode-select .multiselect__tags .multiselect__tags-wrap .multiselect__tag .multiselect__tag-value {
	padding: 0 5px 0 10px
}

.wpcode-select .multiselect__tags .multiselect__tags-wrap .multiselect__tag .multiselect__tag-remove {
	padding: 0 10px;
	height: 100%;
	cursor: pointer;
	background-color: #f3f4f5;
	display: flex;
	align-items: center
}

.wpcode-select .multiselect__tags .multiselect__tags-wrap .multiselect__tag .multiselect__tag-remove:hover {
	background-color: #434960;
	color: #fff
}

.wpcode-select .multiselect__tags .multiselect__tags-wrap .multiselect__tag .multiselect__tag-remove:hover svg.wpcode-close {
	color: #fff
}

.wpcode-select .multiselect__tags .multiselect__tags-wrap .multiselect__tag .multiselect__tag-remove svg.wpcode-close {
	color: #434960;
	width: 10px;
	height: 10px
}

.wpcode-select.multiselect--active .multiselect__tags-wrap {
	margin-bottom: 7px
}

.wpcode-select.small {
	height: 30px
}

.wpcode-select.small .multiselect__tags {
	padding: 10px 40px 10px 10px
}

.wpcode-select.small .multiselect__select {
	min-height: 28px
}

.wpcode-select.medium {
	height: 40px
}

.wpcode-select.medium .multiselect__tags {
	padding: 7px 40px 7px 7px
}

.wpcode-select.medium .multiselect__select {
	min-height: 38px
}

.wpcode-select.multiple {
	min-height: 48px;
	height: auto
}

.wpcode-select.multiple.small {
	min-height: 30px
}

.wpcode-select.multiple.medium {
	min-height: 40px
}

.wpcode-select .multiselect__content-wrapper {
	border: 1px solid #d0d1d7;
	border-top: none;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 50;
	-webkit-overflow-scrolling: touch
}

.wpcode-select .multiselect__content-wrapper li.multiselect__element {
	margin: 0;
	border-bottom: 1px solid #e8e8eb
}

.wpcode-select .multiselect__content-wrapper li.multiselect__element:last-child {
	border-bottom: none
}

.wpcode-select .multiselect__content-wrapper li.multiselect__element .multiselect__option {
	color: #141b38;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px
}

.wpcode-select .multiselect__content-wrapper li.multiselect__element .multiselect__option--highlight {
	background-color: #f2f7fd;
	color: #3568B7
}

.wpcode-select .multiselect__content-wrapper li.multiselect__element .multiselect__option--selected {
	background-color: #f2f7fd
}

.wpcode-select .multiselect__content-wrapper li.multiselect__element .multiselect__option--disabled {
	background-color: #dcdde1 !important;
	color: #141b38 !important
}

.wpcode-textarea-autosize {
	width: 100%;
	background-color: #fff;
	border: 1px solid #d0d1d7;
	border-radius: 4px;
	font-size: 16px;
	padding: 12px
}

.wpcode-toggle {
	display: inline-flex
}

.wpcode-toggle:active, .wpcode-toggle:focus {
	outline: 2px solid transparent
}

.wpcode-toggle.disabled {
	pointer-events: none
}

.wpcode-toggle.disabled .toggle-content {
	opacity: .5
}

.wpcode-toggle .toggle-content {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 20px;
	margin-right: 10px
}

.wpcode-toggle .toggle-content input {
	display: none
}

.wpcode-toggle .toggle-content input:checked + .toggle-switch {
	border: 1px solid #3568B7;
	background-color: #3568B7
}

.wpcode-toggle .toggle-content input:checked + .toggle-switch:focus {
	outline: 2px solid transparent
}

.wpcode-toggle .toggle-content input:checked + .toggle-switch:before {
	background-color: #fff;
	transform: translateX(15px)
}

.wpcode-toggle .toggle-content input:focus + .toggle-switch {
	box-shadow: 0 0 1px #3568B7;
	outline: 2px solid transparent
}

.wpcode-toggle .toggle-content .toggle-switch {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	border: 1px solid #d0d1d7;
	border-radius: 15px;
	transition: .2s
}

.wpcode-toggle .toggle-content .toggle-switch:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 2px;
	background-color: #d0d1d7;
	border-radius: 50%;
	transition: .2s
}

.wpcode-add-template-tag {
	border-radius: 3px;
	padding: 5px 10px;
	color: #141b38;
	font-size: 14px;
	border: 1px solid #e8e8eb;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 600
}

.wpcode-add-template-tag:hover {
	background-color: #f3f4f5
}

.wpcode-add-template-tag svg.wpcode-plus {
	width: 10px;
	height: 10px;
	color: #3568B7
}

.wpcode-additional-pages .additional-pages-table {
	border: 1px solid #e8e8eb;
	border-radius: 3px;
	margin-bottom: 20px
}

.wpcode-additional-pages .additional-pages-table .page-priority {
	max-width: 110px
}

.wpcode-additional-pages .additional-pages-table .page-frequency {
	max-width: 166px
}

.wpcode-additional-pages .additional-pages-table .page-last-modified {
	max-width: 155px
}

.wpcode-additional-pages .additional-pages-table .page-actions {
	max-width: 10px
}

.wpcode-additional-pages .additional-pages-table .pages-header {
	height: 50px;
	display: flex;
	font-size: 14px;
	padding: 0 30px;
	align-items: center
}

.wpcode-additional-pages .additional-pages-table .pages-header > div {
	flex: 1 0 auto
}

.wpcode-additional-pages .additional-pages-table .pages-rows {
	font-size: 14px
}

.wpcode-additional-pages .additional-pages-table .pages-rows .page-row {
	background-color: #fff;
	height: 70px;
	display: flex;
	align-items: center;
	padding: 0 30px
}

.wpcode-additional-pages .additional-pages-table .pages-rows .page-row.even {
	background-color: #f9f9fa
}

.wpcode-additional-pages .additional-pages-table .pages-rows .page-row > div {
	flex: 1 0 auto;
	padding-right: 30px
}

.wpcode-additional-pages .additional-pages-table .pages-rows .page-row > div:last-child {
	padding-right: 0
}

.wpcode-additional-pages .additional-pages-table .pages-rows .page-row .page-actions svg.wpcode-trash {
	width: 20px;
	height: 20px;
	color: #8c8f9a;
	cursor: pointer;
	transition: color .1s ease
}

.wpcode-additional-pages .additional-pages-table .pages-rows .page-row .page-actions svg.wpcode-trash:hover {
	color: #b5b7be
}

.wpcode-additional-pages svg.wpcode-circle-plus {
	width: 14px;
	height: 14px;
	margin-right: 10px
}

.wpcode-alert {
	border-radius: 3px;
	padding: 16px 24px;
	font-size: 16px
}

.wpcode-alert.blue {
	border: 1px solid #3568B7;
	background-color: #f2f7fd
}

.wpcode-alert.green {
	border: 1px solid #00aa63;
	background-color: #f2fdf8
}

.wpcode-alert.red {
	border: 1px solid #df2a4a;
	background-color: #fbe9ec
}

.wpcode-alert.yellow {
	border: 1px solid #f18200;
	background-color: #fcfae8
}

.wpcode-analyze-competitor-site-score {
	border: 1px solid #00aa63;
	border-radius: 3px;
	color: #00aa63;
	font-size: 14px;
	padding: 0 8px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px
}

.wpcode-analyze-competitor-site-score.red {
	color: #df2a4a;
	border-color: #df2a4a
}

.wpcode-analyze-competitor-site-score.orange {
	color: #f18200;
	border-color: #f18200
}

.wpcode-animated-dannie {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center
}

.wpcode-animated-dannie svg {
	max-width: 250px
}

.wpcode-blur {
	filter: blur(3px);
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wpcode-card {
	color: #141b38;
	background-color: #fff;
	border: 1px solid #e8e8eb;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
	margin: 30px 0
}

@media only screen and (max-width: 782px) {
	.wpcode-card {
		margin: 20px 0
	}
}

.wpcode-card svg.wpcode-circle-question-mark {
	width: 16px;
	height: 16px;
	color: #8c8f99;
	transition: background-color .2s ease
}

.wpcode-card svg.wpcode-circle-question-mark:hover {
	color: #5a5c65
}

.wpcode-card .header {
	display: flex;
	align-items: center;
	height: 70px;
	padding: 0 30px;
	font-weight: 600;
	font-size: 18px;
	border-bottom: 1px solid #e8e8eb
}

.wpcode-card .header .text {
	flex: 1 0 auto;
	display: flex;
	align-items: center
}

.wpcode-card .header .text svg.wpcode-circle-question-mark {
	margin-left: 16px;
	cursor: pointer
}

.wpcode-card .header .text .wpcode-pro-badge {
	margin-left: 10px
}

.wpcode-card .header .text .card-score {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: flex-end;
	padding-right: 18px;
	font-size: 13px
}

.wpcode-card .header .text .card-score.green {
	color: #00aa63
}

.wpcode-card .header .text .card-score.orange {
	color: #f18200
}

.wpcode-card .header .text .card-score.red {
	color: #df2a4a
}

.wpcode-card .header .text .card-score svg {
	margin-right: 7px
}

.wpcode-card .header svg.wpcode-caret {
	width: 24px;
	height: 24px;
	cursor: pointer;
	transition: transform .3s
}

.wpcode-card .header svg.wpcode-caret.rotated {
	transform: rotate(180deg)
}

.wpcode-card .content {
	padding: 30px;
	font-weight: 200;
	position: relative
}

.wpcode-card div.wpcode-settings-row:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0
}

.wpcode-copy-block {
	display: flex
}

.wpcode-copy-block .message {
	background-color: #fff;
	min-height: 56px;
	display: flex;
	align-items: center;
	border: 1px solid #dcdde1;
	border-radius: 3px 0 0 3px;
	padding: 10px 24px;
	font-weight: 600
}

.wpcode-copy-block .copy-tooltip {
	display: flex
}

.wpcode-copy-block .copy {
	background-color: #fff;
	min-height: 56px;
	display: flex;
	align-items: center;
	border: 1px solid #dcdde1;
	border-left-width: 0;
	border-radius: 0 3px 3px 0;
	padding: 10px 16px;
	font-weight: 600;
	cursor: pointer
}

.wpcode-copy-block .copy:hover svg.wpcode-copy {
	color: #a7a7a7
}

.wpcode-copy-block .copy svg.wpcode-copy {
	width: 20px;
	height: 20px;
	color: #dadada
}

.wpcode-copy-block .copy svg.wpcode-circle-check-solid {
	width: 20px;
	height: 20px;
	color: #00aa63
}

.wpcode-exclude-posts {
	display: flex
}

.wpcode-exclude-posts .wpcode-select {
	max-width: 600px;
	display: inline-block;
	margin-right: 10px
}

.wpcode-exclude-posts .wpcode-select .multiselect__option {
	display: flex
}

.wpcode-exclude-posts .wpcode-select .multiselect__option--highlight .option-title {
	color: #3568B7
}

.wpcode-exclude-posts .option {
	flex: 1 0 auto
}

.wpcode-exclude-posts .option .option-title {
	font-size: 16px;
	color: #141b38
}

.wpcode-exclude-posts .option .option-title .search-term {
	font-weight: 600
}

.wpcode-exclude-posts .option .option-details {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #8c8f9a
}

.wpcode-exclude-posts .option .option-details span {
	margin-right: 15px
}

.wpcode-exclude-posts .option-permalink {
	display: flex;
	align-items: center
}

.wpcode-exclude-posts .option-permalink svg.wpcode-external {
	width: 15px;
	height: 15px;
	color: #434960
}

.wpcode-exclude-posts .multiselect-toggle {
	padding: 10px 13px;
	width: 40px;
	position: absolute;
	height: 36px;
	right: 2px;
	top: 2px;
	text-align: center;
	z-index: 1
}

.wpcode-exclude-posts .multiselect-toggle svg.wpcode-add-plus {
	width: 14px;
	height: 14px;
	color: #000
}

.wpcode-facebook-preview {
	background-color: #f0f2f5;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center
}

.wpcode-facebook-preview .facebook-post {
	width: 100%;
	max-width: 525px;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
	background-color: #fff
}

.wpcode-facebook-preview .facebook-post .facebook-header {
	height: 65px;
	padding: 0 18px;
	display: flex;
	align-items: center
}

.wpcode-facebook-preview .facebook-post .facebook-header .profile-photo {
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: 1px solid #e8e8eb;
	border-radius: 50%
}

.wpcode-facebook-preview .facebook-post .facebook-header .profile-photo img {
	height: 100%;
	width: 100%
}

.wpcode-facebook-preview .facebook-post .facebook-header .poster {
	margin-left: 10px;
	flex: 1 0 auto
}

.wpcode-facebook-preview .facebook-post .facebook-header .poster .poster-name {
	font-size: 15px;
	color: #050505;
	font-weight: 500
}

.wpcode-facebook-preview .facebook-post .facebook-header .poster .poster-date {
	color: #65676b;
	font-size: 13px
}

.wpcode-facebook-preview .facebook-post .facebook-header .ellipsis {
	display: inline-flex;
	align-items: center
}

.wpcode-facebook-preview .facebook-post .facebook-header .ellipsis div {
	background-color: #5e666f;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	margin: 0 2px
}

.wpcode-facebook-preview .facebook-post .facebook-header .ellipsis div:first-child {
	margin-left: 0
}

.wpcode-facebook-preview .facebook-post .facebook-header .ellipsis div:last-child {
	margin-right: 0
}

.wpcode-facebook-preview .facebook-post .facebook-content {
	display: flex;
	flex-direction: column
}

.wpcode-facebook-preview .facebook-post .facebook-content img {
	width: 100%;
	height: auto
}

.wpcode-facebook-preview .facebook-post .facebook-content.vertical {
	flex-direction: row
}

.wpcode-facebook-preview .facebook-post .facebook-content.vertical img {
	max-width: 158px;
	max-height: 158px;
	width: auto;
	height: auto
}

.wpcode-facebook-preview .facebook-post .facebook-content .facebook-site-description {
	flex: 1;
	background-color: #f2f3f5;
	padding: 9px 13px;
	color: #606770
}

.wpcode-facebook-preview .facebook-post .facebook-content .facebook-site-description .site-domain {
	font-size: 13px;
	text-transform: uppercase
}

.wpcode-facebook-preview .facebook-post .facebook-content .facebook-site-description .site-title {
	color: #1d2129;
	font-size: 17px;
	font-weight: 600;
	margin: 5px 0
}

.wpcode-facebook-preview .facebook-post .facebook-content .facebook-site-description .site-description {
	font-size: 14px
}

.wpcode-facebook-preview .facebook-post .facebook-footer {
	height: 24px
}

.wpcode-feature-card {
	height: 100%;
	border: 1px solid #e8e8eb;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
	color: #141b38;
	display: flex;
	flex-direction: column
}

.wpcode-feature-card .feature-card-body {
	padding: 30px 30px 20px;
	flex: 1
}

.wpcode-feature-card .feature-card-body .feature-card-header {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 16px
}

.wpcode-feature-card .feature-card-body .feature-card-header img, .wpcode-feature-card .feature-card-body .feature-card-header svg {
	width: 28px;
	height: 28px;
	margin-right: 10px
}

.wpcode-feature-card .feature-card-body .feature-card-description {
	color: #434960;
	font-size: 15px
}

.wpcode-feature-card .feature-card-body .feature-card-description .learn-more {
	margin-top: 10px
}

.wpcode-feature-card .feature-card-footer {
	padding: 15px
}

.wpcode-feature-card .feature-card-footer:not(.upgrade-required) {
	border: 2px solid #fff;
	background-color: #f9f9fa;
	padding: 12px;
	min-height: 43px
}

.wpcode-feature-card .feature-card-footer .feature-card-install-activate {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 30px;
	position: relative
}

.wpcode-feature-card .feature-card-footer .feature-card-install-activate .wpcode-loading-spinner {
	position: absolute;
	left: 0
}

.wpcode-feature-card .feature-card-footer .feature-card-install-activate .status {
	font-weight: 600;
	font-size: 14px
}

.wpcode-feature-card .feature-card-footer .feature-card-install-activate .wpcode-toggle .toggle-content {
	margin-right: 0;
	margin-left: 10px
}

.wpcode-feature-card .feature-card-footer .feature-card-upgrade-cta {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.wpcode-feature-card .feature-card-footer.installed .feature-card-install-activate .status {
	color: #8c8f9a
}

.wpcode-setup-wizard-container {
	margin-top: 30px;
	padding: 30px;
	color: #fff;
	position: relative;
	background-color: #3568B7
}

@media only screen and (max-width: 782px) {
	.wpcode-setup-wizard-container {
		margin-top: 20px
	}
}

.wpcode-setup-wizard-container .wpcode-row {
	position: relative;
	z-index: 1
}

.wpcode-setup-wizard-container .wizard-actions .wpcode-col {
	display: flex;
	align-items: center
}

.wpcode-setup-wizard-container .setup-wizard-bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0
}

.wpcode-setup-wizard-container .setup-wizard-bg svg.wpcode-setup-wizard-bg, .wpcode-setup-wizard-container .setup-wizard-bg svg.wpcode-setup-wizard-bg rect {
	width: auto;
	height: 100%
}

.wpcode-setup-wizard-container .close-wizard {
	color: #fff;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 5px;
	z-index: 1
}

.wpcode-setup-wizard-container .close-wizard:hover {
	color: #ccc
}

.wpcode-setup-wizard-container .close-wizard svg.wpcode-close {
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #fff
}

.wpcode-setup-wizard-container .close-wizard svg.wpcode-close:hover {
	color: #dadada
}

.wpcode-setup-wizard-container p.how-to-get-started {
	margin-top: 0
}

.wpcode-setup-wizard-container p.welcome-text {
	font-weight: 100;
	margin-top: 30px;
	line-height: 1.6
}

.wpcode-setup-wizard-container a, .wpcode-setup-wizard-container h2 {
	color: #fff
}

.wpcode-setup-wizard-container svg.wpcode-book {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0
}

.wpcode-setup-wizard-container .getting-started-video {
	padding-right: 20px;
	padding-top: 20px;
	margin-bottom: -60px
}

.wpcode-setup-wizard-container .getting-started-video img {
	max-width: 100%
}

.wpcode-google-search-preview {
	padding: 32px 28px;
	border: 1px solid #e8e8eb
}

.wpcode-google-search-preview .domain {
	font-size: 14px;
	color: #3c4043
}

.wpcode-google-search-preview .site-title {
	font-size: 20px;
	color: #1a0dab;
	margin: 3px 0
}

.wpcode-google-search-preview .meta-description {
	max-width: 600px;
	font-size: 14px;
	color: #52565a
}

html:not([data-scroll="0"]) .wpcode-header {
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
	transition: box-shadow .6s
}

.wpcode-header {
	position: fixed;
	z-index: 1051;
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	height: 72px;
	color: #141b38
}

.wpcode-header .mascot {
	width: 35px;
	height: auto;
	margin-right: 10px
}

.wpcode-header .wpcode-header-content {
	padding: 0;
	display: flex;
	height: 72px;
	align-items: center
}

.wpcode-header .wpcode-header-content svg.wpcode-logo {
	height: 26px;
	margin-right: 10px
}

.wpcode-header .wpcode-header-content .spacer {
	display: inline-flex;
	width: 26.25px;
	height: 0;
	border: 1px solid #d0d1d7;
	transform: rotate(-72.26deg)
}

.wpcode-header .wpcode-header-content .page-name {
	display: inline-flex;
	margin-left: 10px;
	font-size: 18px;
	font-weight: 400;
	flex: 1 0 auto
}

.wpcode-header .wpcode-header-content .header-actions {
	display: flex
}

.wpcode-header .wpcode-header-content .header-actions .round {
	position: relative;
	background-color: #f3f4f5;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	cursor: pointer;
	transition: background-color .2s ease
}

.wpcode-header .wpcode-header-content .header-actions .round svg {
	width: 20px;
	height: 20px
}

.wpcode-header .wpcode-header-content .header-actions .round:hover {
	background-color: #e5e7e9
}

.wpcode-header .wpcode-header-content .header-actions .number {
	position: absolute;
	background-color: #df2a4a;
	width: 16px;
	height: 16px;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	-webkit-animation: bounce 2s 5;
	animation: bounce 2s 5
}

.wpcode-header .wpcode-header-content .header-actions .number:hover {
	background-color: #df2a4a
}

@-webkit-keyframes bounce {
	0%, 25%, 50%, 75%, to {
		transform: translateX(-50%) translateY(0)
	}
	40% {
		transform: translateX(-50%) translateY(-8px)
	}
	60% {
		transform: translateX(-50%) translateY(-4px)
	}
}

@keyframes bounce {
	0%, 25%, 50%, 75%, to {
		transform: translateX(-50%) translateY(0)
	}
	40% {
		transform: translateX(-50%) translateY(-8px)
	}
	60% {
		transform: translateX(-50%) translateY(-4px)
	}
}

.wpcode-html-tags-editor .add-tags {
	display: flex;
	align-items: center;
	margin: 20px 0
}

.wpcode-html-tags-editor .add-tags div {
	margin-right: 10px
}

.wpcode-html-tags-editor .add-tags a {
	font-size: 14px
}

.wpcode-html-tags-editor .add-tags a.no-underline {
	padding-left: 10px
}

.wpcode-loading-spinner {
	width: 35px;
	height: 35px;
	position: absolute
}

.wpcode-loading-spinner .double-bounce1, .wpcode-loading-spinner .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 1.3s ease-in-out infinite;
	animation: sk-bounce 1.3s ease-in-out infinite
}

.wpcode-loading-spinner.dark .double-bounce1, .wpcode-loading-spinner.dark .double-bounce2 {
	background-color: #8c8f9a
}

.wpcode-loading-spinner .double-bounce2 {
	-webkit-animation-delay: -.65s;
	animation-delay: -.65s
}

@-webkit-keyframes sk-bounce {
	0%, to {
		-webkit-transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1)
	}
}

@keyframes sk-bounce {
	0%, to {
		transform: scale(0);
		-webkit-transform: scale(0)
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

body.vue-build {
	margin: 0
}

body.vue-build .wpcode-app {
	min-height: calc(100vh - 88px)
}

body.vue-build .wpcode-app .wpcode-main {
	padding-bottom: 30px
}

body.wpcode-setup-wizard {
	margin: 0;
	padding: 0
}

body.wpcode-setup-wizard .wpcode-app {
	min-height: 100vh;
	width: 100%
}

body[class*=page_aioseo] .wpcode-header, body[class*=page_aioseo] .wpcode-notifications .overlay {
	left: 160px
}

body[class*=page_aioseo].folded .wpcode-header, body[class*=page_aioseo].folded .wpcode-notifications .overlay {
	left: 36px
}

body[class*=page_aioseo] #wpcontent {
	padding: 0;
	background-color: #f3f4f5
}

body[class*=page_aioseo] .update-nag {
	display: none
}

body[class*=page_aioseo].admin-bar .wpcode-app {
	min-height: calc(100vh - 185px)
}

body[class*=page_aioseo].admin-bar.wpcode-upgrade-bar .wpcode-app {
	min-height: calc(100vh - 225px)
}

body[class*=page_aioseo].admin-bar .wpcode-header, body[class*=page_aioseo].admin-bar .wpcode-notifications .notification-menu, body[class*=page_aioseo].admin-bar .wpcode-notifications .overlay {
	top: 32px
}

body[class*=page_aioseo] .wpcode-app {
	min-height: calc(100vh - 153px)
}

body[class*=page_aioseo].wpcode-upgrade-bar .wpcode-app {
	min-height: calc(100vh - 193px)
}

body[class*=page_aioseo].wpcode-upgrade-bar .wpcode-header {
	height: 112px
}

@media screen and (max-width: 782px) {
	body[class*=page_aioseo].wpcode-upgrade-bar .wpcode-header {
		height: 132px
	}
}

@media screen and (max-width: 960px) {
	body[class*=page_aioseo].auto-fold .wpcode-header, body[class*=page_aioseo].auto-fold .wpcode-notifications .overlay {
		left: 36px
	}
}

@media screen and (max-width: 782px) {
	body[class*=page_aioseo] #wpbody-content {
		padding-bottom: 20px
	}

	body[class*=page_aioseo].admin-bar .wpcode-app {
		min-height: calc(100vh - 199px)
	}

	body[class*=page_aioseo].admin-bar .wpcode-header, body[class*=page_aioseo].admin-bar .wpcode-notifications .notification-menu, body[class*=page_aioseo].admin-bar .wpcode-notifications .overlay {
		top: 46px
	}

	body[class*=page_aioseo] .wpcode-header, body[class*=page_aioseo] .wpcode-notifications .overlay, body[class*=page_aioseo].auto-fold .wpcode-header, body[class*=page_aioseo].auto-fold .wpcode-notifications .overlay {
		left: 0
	}
}

@media screen and (max-width: 600px) {
	body[class*=page_aioseo].admin-bar .wpcode-header, body[class*=page_aioseo].admin-bar .wpcode-notifications .menu, body[class*=page_aioseo].admin-bar .wpcode-notifications .overlay {
		position: absolute;
		top: 46px
	}
}

body.wpcode-upgrade-bar .wpcode-app .wpcode-main > .wpcode-container {
	margin-top: 128px
}

@media screen and (max-width: 782px) {
	body.wpcode-upgrade-bar .wpcode-app .wpcode-main > .wpcode-container {
		margin-top: 148px
	}
}

.wpcode-app {
	box-sizing: border-box;
	background-color: #f3f4f5;
	font-family: Helvetica, Arial, sans-serif
}

.wpcode-app .route-fade-enter-active, .wpcode-app .route-fade-leave-active {
	transition: all .2s
}

.wpcode-app .route-fade-enter, .wpcode-app .route-fade-leave-active {
	opacity: 0
}

.wpcode-app .route-fade-enter {
	transform: translateX(30px)
}

.wpcode-app .route-fade-leave-active {
	transform: translateX(-30px)
}

.wpcode-app *, .wpcode-app :after, .wpcode-app :before {
	box-sizing: inherit;
	line-height: 1.4
}

.wpcode-app p {
	font-size: 16px
}

.wpcode-app a:not(.wpcode-button) {
	color: #3568B7
}

.wpcode-app a:not(.wpcode-button).text-white {
	color: #fff
}

.wpcode-app a:not(.wpcode-button).no-underline, .wpcode-app a:not(.wpcode-button):hover {
	text-decoration: none
}

.wpcode-app h2 {
	font-size: 32px;
	margin: 0
}

.wpcode-app .wpcode-main {
	height: 100%
}

.wpcode-app .wpcode-main > .wpcode-container {
	margin-top: 88px
}

.wpcode-app .wpcode-main .save-changes {
	display: flex;
	justify-content: flex-end
}

.wpcode-app .d-flex {
	display: flex
}

.wpcode-app .wpcode-description {
	font-size: 14px;
	font-weight: 100;
	line-height: 1.8;
	margin: 8px 0 0;
	color: #141b38
}

.wpcode-app .wpcode-description.no-margin {
	margin: 0
}

.wpcode-app .wpcode-description.wpcode-error {
	color: #df2a4a
}

.wpcode-app .max-recommended-count {
	color: #434960;
	text-align: right;
	margin-top: 10px;
	font-size: 14px
}

.wpcode-app .max-recommended-count strong.error {
	color: #df2a4a
}

.wpcode-app .popper {
	text-align: left;
	font-size: 12px;
	padding: 20px;
	background-color: #fff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 3px 4.8px 0 rgba(32, 71, 102, .27);
	z-index: 9999;
	max-width: 350px;
	line-height: 1.4
}

.wpcode-app .popper.action {
	padding: 8px 12px;
	background-color: #141b38;
	color: #fff
}

.wpcode-app .popper.action .popper__arrow {
	border-top-color: #141b38
}

.wpcode-app .popper[x-placement^=bottom] {
	box-shadow: 0 -2px 4.8px 0 rgba(32, 71, 102, .27)
}

.wpcode-app .popper .wpcode-description {
	margin: 0
}

.wpcode-seo-site-score .wpcode-blur {
	display: flex;
	align-items: center
}

.wpcode-seo-site-score .wpcode-seo-site-score-cta {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #fff;
	padding: 24px 30px;
	border: 1px solid #e8e8eb;
	box-shadow: 0 2px 10px rgba(0, 90, 224, .2);
	color: #141b38;
	font-size: 16px;
	font-weight: 600;
	width: 82%;
	max-width: 500px;
	text-align: center
}

.wpcode-app .wpcode-upgrade-bar {
	height: 40px;
	background-color: #00aa63;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 100;
	font-size: 13px;
	padding: 0 14px 0 40px
}

.wpcode-app .wpcode-upgrade-bar .upgrade-text {
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: center
}

.wpcode-app .wpcode-upgrade-bar strong {
	font-weight: 600
}

.wpcode-app .wpcode-upgrade-bar svg.wpcode-logo-gear {
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-right: 14px
}

.wpcode-app .wpcode-upgrade-bar svg.wpcode-close {
	cursor: pointer;
	width: 12px;
	height: 12px
}

.wpcode-app .wpcode-upgrade-bar a {
	color: #fff;
	text-decoration: underline
}

.wpcode-app .wpcode-upgrade-bar a:hover {
	text-decoration: none
}

@media screen and (max-width: 782px) {
	.wpcode-app .wpcode-upgrade-bar {
		padding: 0 10px;
		height: 60px
	}
}

.field-description[data-v-2bfc1de2] {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px
}

.wpcode-address-wrapper[data-v-403ef8f7] {
	display: flex;
	max-width: 500px
}

.field-description[data-v-403ef8f7] {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px
}

.mt-8[data-v-403ef8f7] {
	margin-top: 8px
}

.field-description[data-v-a0a894b8] {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px
}

.mt-8[data-v-a0a894b8] {
	margin-top: 8px
}

.field-description[data-v-4fb4e044] {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px
}

.mt-8[data-v-4fb4e044] {
	margin-top: 8px
}

.field-description[data-v-85733554] {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px
}

.field-description[data-v-080c623c] {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px
}

.mt-8[data-v-080c623c] {
	margin-top: 8px
}

.field-description[data-v-78337de7] {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 14px
}

.mt-8[data-v-78337de7] {
	margin-top: 8px
}

.wpcode-general-settings .more-tooltip-text strong {
	color: #00aa63
}

.wpcode-general-settings .license-cta-box {
	border-radius: 3px;
	background-color: #f2f7fd;
	padding: 20px;
	max-width: 630px;
	margin: 30px 0
}

.wpcode-general-settings .license-cta-box a {
	color: #00aa63
}

.wpcode-general-settings .license-cta-box div {
	font-weight: 600
}

.wpcode-general-settings .license-cta-box span {
	font-weight: 100;
	font-size: 14px;
	font-style: italic
}

.wpcode-general-settings .license-key {
	margin-top: 10px;
	display: flex;
	max-width: 560px
}

.wpcode-general-settings .license-key .wpcode-input {
	margin-right: 10px
}

.wpcode-app .wpcode-tabs.internal .md-tabs.md-theme-default .md-tabs-navigation {
	margin-top: 0
}

.wpcode-app .wpcode-tabs.internal .md-tabs.md-theme-default .md-tabs-navigation .md-button {
	height: 60px
}

.wpcode-app .wpcode-tabs.internal .md-tabs.md-theme-default .md-tabs-navigation .md-button .md-ripple {
	padding: 0 25px
}

.wpcode-app .wpcode-tabs.internal .md-tabs.md-theme-default .md-tabs-navigation .md-button .md-ripple .md-ripple-wave {
	display: none
}

.wpcode-app .md-tabs {
	display: flex;
	flex-direction: column
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation {
	margin-top: 20px;
	background: transparent;
	display: flex;
	position: relative;
	justify-content: flex-start
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation.md-elevation-0 {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button {
	color: #141b38;
	max-width: 264px;
	min-width: 72px;
	height: 40px;
	margin: 0;
	border-radius: 0;
	font-size: 15px;
	font-weight: 500;
	padding: 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
	outline: none;
	background: transparent;
	border: 0;
	transition: .4s cubic-bezier(.4, 0, .2, 1);
	font-family: inherit;
	line-height: normal;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: .4s cubic-bezier(.4, 0, .2, 1);
	will-change: background-color, opacity;
	content: " "
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button .md-ripple {
	padding: 0 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5;
	overflow: hidden;
	-webkit-mask-image: radial-gradient(circle, #fff 100%, #000 0);
	mask-image: radial-gradient(circle, #fff 100%, #000 0)
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button .md-ripple .md-button-content {
	position: static;
	z-index: 2
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button:not([disabled]) {
	cursor: pointer
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button:not([disabled]):active:before, .wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button:not([disabled]):hover:before {
	background-color: currentColor;
	opacity: .12
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active {
	color: #3568B7
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active:focus {
	outline: none;
	box-shadow: none
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-tabs-indicator {
	height: 2px;
	background-color: #3568B7;
	bottom: -2px;
	position: absolute;
	left: 0;
	transform: translateZ(0);
	will-change: left, right
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-tabs-indicator.md-tabs-indicator-left {
	transition: left .3s cubic-bezier(.4, 0, .2, 1), right .35s cubic-bezier(.4, 0, .2, 1)
}

.wpcode-app .md-tabs.md-theme-default .md-tabs-navigation .md-tabs-indicator.md-tabs-indicator-right {
	transition: right .3s cubic-bezier(.4, 0, .2, 1), left .35s cubic-bezier(.4, 0, .2, .1)
}

.wpcode-app .wpcode-tabs {
	display: flex;
	border-bottom: 2px solid #e8e8eb;
	position: relative
}

.wpcode-app .wpcode-tabs .save-changes {
	position: absolute;
	right: 0;
	bottom: 10px
}

.wpcode-app .wpcode-tabs .tab-score {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 13px;
	font-weight: 700;
	padding-left: 12px
}

.wpcode-app .wpcode-tabs .tab-score.green {
	color: #00aa63
}

.wpcode-app .wpcode-tabs .tab-score.orange {
	color: #f18200
}

.wpcode-app .wpcode-tabs .tab-score.red {
	color: #df2a4a
}

.wpcode-app .wpcode-tabs .tab-score svg {
	display: inline;
	margin-right: 7px
}

.wpcode-app .wpcode-mobile-tabs {
	position: relative;
	height: 40px;
	margin-top: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%
}

.wpcode-app .wpcode-mobile-tabs .active-tab {
	color: #3568B7;
	padding-left: 18px;
	min-height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer
}

.wpcode-app .wpcode-mobile-tabs .active-tab div {
	position: relative
}

.wpcode-app .wpcode-mobile-tabs .active-tab div span {
	height: 2px;
	background-color: #3568B7;
	bottom: -7px;
	position: absolute;
	left: -18px;
	right: -18px
}

.wpcode-app .wpcode-mobile-tabs .active-tab svg.wpcode-caret {
	width: 24px;
	height: 24px;
	position: relative;
	top: 6px;
	cursor: pointer;
	transition: transform .3s
}

.wpcode-app .wpcode-mobile-tabs .active-tab svg.wpcode-caret.rotated {
	transform: rotate(180deg)
}

.wpcode-app .wpcode-mobile-tabs .tab-links {
	background: #fff;
	position: relative;
	z-index: 3;
	padding: 8px;
	width: 100%;
	max-width: 300px
}

@media screen and (max-width: 782px) {
	.wpcode-app .wpcode-mobile-tabs .tab-links {
		max-width: 100%
	}
}

.wpcode-app .wpcode-mobile-tabs .tab-links a {
	padding: 10px;
	display: block;
	color: #141b38;
	text-decoration: none
}

.wpcode-app .wpcode-mobile-tabs .tab-links a:hover {
	color: #3568B7
}

.md-tooltip {
	background-color: #141b38 !important;
	color: #fff !important;
	border-radius: 2px;
	padding: 6px 12px;
	font-size: 14px
}

.md-tooltip:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top-color: #141b38
}

.modal-mask {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(20, 27, 56, .3);
	display: table;
	transition: opacity .3s ease
}

.modal-mask .modal-wrapper {
	display: table-cell;
	vertical-align: middle
}

.modal-mask .modal-wrapper .modal-container {
	width: 750px;
	max-height: 90vh;
	overflow-y: hidden;
	overflow-x: hidden;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
	transition: all .3s ease
}

.modal-mask .modal-wrapper .modal-container .modal-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 15;
	padding: 20px 0 0 40px;
	height: 60px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	border-bottom: 1px solid #e8e8eb;
	background-color: #fff
}

.modal-mask .modal-wrapper .modal-container .modal-header button.close {
	position: absolute;
	right: 11px;
	top: 11px;
	width: 24px;
	height: 24px;
	background-color: #fff;
	border: none;
	display: flex;
	align-items: center
}

.modal-mask .modal-wrapper .modal-container .modal-header button.close svg.wpcode-close {
	cursor: pointer;
	width: 14px;
	height: 14px
}

.modal-mask .modal-wrapper .modal-container .modal-body .wpcode-post-social {
	height: calc(90vh - 120px);
	overflow-y: scroll;
	overflow-x: hidden
}

.modal-enter, .modal-leave-active {
	opacity: 0
}

.modal-enter .modal-container, .modal-leave-active .modal-container {
	transform: scale(1.1)
}

.wpcode-notification > div {
	display: flex;
	align-items: flex-start;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8eb;
	margin-bottom: 20px
}

.wpcode-notification > div .icon {
	margin-right: 20px
}

.wpcode-notification > div .icon svg {
	width: 20px;
	height: 20px;
	color: #00aa63
}

.wpcode-notification > div .icon svg.warning {
	color: #f18200
}

.wpcode-notification > div .icon svg.info {
	color: #3568B7
}

.wpcode-notification > div .icon svg.success {
	color: #00aa63
}

.wpcode-notification > div .icon svg.error {
	color: #df2a4a
}

.wpcode-notification > div .body {
	margin-right: 20px;
	flex: 1
}

.wpcode-notification > div .body .title {
	font-size: 16px;
	font-weight: 600;
	color: #141b38;
	margin-bottom: 7px
}

.wpcode-notification > div .body .notification-content {
	margin-bottom: 10px
}

.wpcode-notification > div .body .actions {
	display: flex;
	align-items: center
}

.wpcode-notification > div .body .actions .wpcode-button {
	margin-right: 20px
}

.wpcode-notification > div .body .actions .dismiss {
	color: #8c8f9a;
	font-size: 14px
}

.wpcode-notification > div .date {
	color: #8c8f9a;
	font-size: 12px
}

.wpcode-notification-cards .wpcode-notification:last-child > div {
	border-bottom: none;
	margin-bottom: none
}

.wpcode-notification-cards .no-notifications {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: 100px;
	font-size: 16px;
	color: #8c8f9a
}

.wpcode-notification-cards .no-notifications img {
	width: 30%;
	height: auto
}

.wpcode-notification-cards .no-notifications .great-scott {
	margin: 20px 0 10px;
	font-size: 24px;
	font-weight: 600;
	color: #434960
}

.wpcode-notification-cards .no-notifications .no-new-notifications {
	margin-bottom: 10px
}

body.wpcode-show-notifications .wpcode-main {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wpcode-notifications a.dismiss {
	color: #8c8f9a;
	font-size: 14px
}

.wpcode-notifications .notification-menu {
	height: 100%;
	width: 100%;
	max-width: 570px;
	position: fixed;
	z-index: 1053;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: .5s
}

.wpcode-notifications .notification-menu .notification-header {
	height: 70px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	color: #fff;
	background-color: #3568B7
}

.wpcode-notifications .notification-menu .notification-header .new-notifications {
	font-size: 18px;
	font-weight: 600
}

.wpcode-notifications .notification-menu .notification-header .dismissed-notifications {
	margin-left: 25px;
	flex: 1 1 auto
}

.wpcode-notifications .notification-menu .notification-header .dismissed-notifications a {
	font-size: 14px;
	font-weight: 100;
	color: #fff
}

.wpcode-notifications .notification-menu .notification-header svg.wpcode-close {
	width: 20px;
	height: 20px;
	cursor: pointer
}

.wpcode-notifications .notification-menu .notification-header svg.wpcode-close:hover {
	color: #ccc
}

.wpcode-notifications .notification-menu .notification-cards {
	padding: 30px;
	height: calc(100% - 192px)
}

.wpcode-notifications .notification-menu .notification-footer {
	height: 90px;
	padding: 30px;
	display: flex;
	align-items: center
}

.wpcode-notifications .notification-menu .notification-footer div.pagination {
	flex: 1
}

.wpcode-notifications .overlay {
	position: fixed;
	z-index: 1052;
	top: 0;
	right: 0;
	bottom: 0;
	left: 160px;
	background-color: #141b38;
	opacity: .5;
	transition: .5s
}

.wpcode-notifications .notifications-fade-enter-active, .wpcode-notifications .notifications-fade-leave-active {
	transition: opacity .5s
}

.wpcode-notifications .notifications-fade-enter, .wpcode-notifications .notifications-fade-leave-to {
	opacity: 0
}

.wpcode-notifications .notifications-slide-enter-active, .wpcode-notifications .notifications-slide-leave-active {
	transition: all .5s ease-in-out
}

.wpcode-notifications .notifications-slide-enter, .wpcode-notifications .notifications-slide-leave-to {
	right: -570px
}

.wpcode-post-type-options-toggle {
	margin-top: 20px
}

.wpcode-priority-score {
	max-width: 350px
}

.wpcode-priority-score .header-row {
	font-size: 14px
}

.wpcode-pro-badge {
	height: 24px;
	border-radius: 3px;
	background: #e8e8eb;
	color: #434960;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	padding: 0 8px;
	align-items: center
}

.wpcode-score-settings {
	display: flex;
	align-items: center;
	padding-bottom: 14px
}

.wpcode-score-settings svg {
	margin-right: 7px
}

.wpcode-score-settings span {
	margin-right: 12px
}

.wpcode-score-button {
	display: inline-block;
	padding: 5px 8px;
	font-size: 14px;
	font-weight: 700;
	color: #a1a1a1;
	border: 1px solid #a1a1a1;
	border-radius: 3px
}

.wpcode-score-button.score-none, .wpcode-score-button.score-red {
	border-color: #df2a4a;
	color: #df2a4a !important
}

.wpcode-score-button.score-orange {
	border-color: #f18200;
	color: #f18200 !important
}

.wpcode-score-button.score-green {
	border-color: #00aa63;
	color: #00aa63 !important
}

.wpcode-score-button.classic-editor {
	background: #fff !important;
	display: inline-block !important;
	height: auto !important
}

.wpcode-score-button.classic-editor span {
	margin-right: 0
}

.wpcode-seo-site-analysis-result {
	border: 1px solid #dcdde1;
	margin-top: 10px
}

.wpcode-seo-site-analysis-result .result-header {
	height: 66px;
	padding: 0 20px;
	display: flex;
	align-items: center
}

.wpcode-seo-site-analysis-result .result-header .result-icon {
	display: flex;
	align-items: center;
	margin-right: 16px
}

.wpcode-seo-site-analysis-result .result-header .result-icon svg {
	width: 24px;
	height: 24px;
	color: #8c8f9a
}

.wpcode-seo-site-analysis-result .result-header .result-icon svg.passed {
	color: #00aa63
}

.wpcode-seo-site-analysis-result .result-header .result-icon svg.error {
	color: #df2a4a
}

.wpcode-seo-site-analysis-result .result-header .result-icon svg.warning {
	color: #f28a10
}

.wpcode-seo-site-analysis-result .result-header .result-content {
	font-size: 16px;
	font-weight: 600;
	flex: 1
}

.wpcode-seo-site-analysis-result .result-header .result-toggle {
	width: 30px;
	height: 26px;
	border: 1px solid #dcdde1;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.wpcode-seo-site-analysis-result .result-header .result-toggle.active, .wpcode-seo-site-analysis-result .result-header .result-toggle:hover {
	background-color: #434960
}

.wpcode-seo-site-analysis-result .result-header .result-toggle.active svg, .wpcode-seo-site-analysis-result .result-header .result-toggle:hover svg {
	color: #fff
}

.wpcode-seo-site-analysis-result .result-header .result-toggle.active svg {
	transform: rotate(0deg)
}

.wpcode-seo-site-analysis-result .result-header .result-toggle svg {
	width: 100%;
	max-width: 20px;
	height: auto;
	color: #8c8f9a;
	transform: rotate(-90deg);
	transition: transform .3s
}

.wpcode-seo-site-analysis-result .result-body {
	padding: 0 60px 20px
}

.wpcode-seo-site-analysis-result .result-body .result-message {
	color: #434960;
	font-size: 16px
}

.wpcode-seo-site-analysis-result .result-body .result-code-alt pre, .wpcode-seo-site-analysis-result .result-body .result-code pre {
	background: #f3f4f5;
	border-radius: 3px;
	max-width: 100%;
	padding: 10px;
	overflow: auto
}

.wpcode-seo-site-analysis-result .result-body .result-code-alt pre code, .wpcode-seo-site-analysis-result .result-body .result-code pre code {
	padding: 0;
	background: transparent
}

.wpcode-seo-site-analysis-result .result-body .result-code pre {
	white-space: pre-wrap
}

.wpcode-seo-site-analysis-result .result-body .result-action {
	margin-top: 20px
}

.wpcode-seo-site-analysis-results .group-header {
	font-size: 16px;
	font-weight: 600
}

.wpcode-seo-site-analysis-results .group-header:not(:first-child) {
	margin-top: 30px
}

.wpcode-seo-site-analysis-results .group-keywords {
	display: flex;
	margin-top: 5px;
	flex-wrap: wrap;
	align-items: center
}

.wpcode-seo-site-analysis-results .group-keywords .keyword {
	font-size: 14px;
	color: #434960;
	font-weight: 600;
	background: #f3f4f5;
	padding: 9px 10px;
	border-radius: 3px;
	margin: 0 10px 5px 0
}

.wpcode-seo-site-analysis-results .group-keywords .keyword:first-child {
	font-size: 20px
}

.wpcode-settings-row {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e8eb
}

.wpcode-settings-row.no-margin {
	margin-bottom: 0
}

.wpcode-settings-row.small-padding {
	padding-bottom: 5px
}

.wpcode-settings-row.medium-margin {
	margin-bottom: 15px
}

.wpcode-settings-row.no-border {
	border: none
}

.wpcode-settings-row.no-side-margin {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.wpcode-settings-row .settings-name {
	color: #141b38
}

.wpcode-settings-row .settings-name .wpcode-tooltip {
	margin-left: 5px
}

.wpcode-settings-row .settings-name .name {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 20px;
	display: flex;
	align-items: center
}

.wpcode-settings-row .settings-name .name.small-margin {
	margin-bottom: 5px
}

.wpcode-settings-row .settings-name .name.align {
	line-height: 40px
}

.wpcode-settings-row .settings-name .name.align-small {
	line-height: 30px
}

.wpcode-settings-row .settings-name .name .wpcode-pro-badge {
	margin-left: 10px
}

.wpcode-settings-row .settings-content {
	font-size: 16px
}

.wpcode-settings-row p.description {
	font-size: 14px
}

.wpcode-separators {
	margin-top: -.5rem
}

.wpcode-separators .wpcode-col .separator {
	background-color: #f3f4f5;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 51px;
	font-weight: 600;
	font-size: 25px;
	border: 1px solid #dcdde1;
	border-radius: 3px;
	cursor: pointer
}

.wpcode-separators .wpcode-col .separator:hover {
	background-color: #e5e7e9
}

.wpcode-separators .wpcode-col .separator.active {
	background-color: #3568B7;
	border-color: #3568B7;
	color: #fff
}

.wpcode-separators .wpcode-col .separator.active:hover {
	background-color: #3568B7
}

.wpcode-separators .wpcode-col .show-more {
	height: 100%;
	display: flex;
	align-items: center
}

.wpcode-separators .wpcode-col .show-more a {
	color: #8c8f9a
}

.wpcode-separators .wpcode-col .custom-separator {
	margin: 20px 0;
	display: flex;
	align-items: center
}

.wpcode-separators .wpcode-col .custom-separator .wpcode-input {
	margin-left: 10px;
	max-width: 100px
}

.wpcode-sidebar-card .header {
	height: 46px
}

.wpcode-sidebar-card .header:hover {
	cursor: pointer
}

.wpcode-sidebar-card .content {
	padding-bottom: 8px !important
}

.wpcode-sidebar-card ul {
	margin-bottom: 0
}

.wpcode-sidebar-card ul li {
	margin-bottom: 16px;
	padding-left: 25px
}

.wpcode-sidebar-card ul .description {
	margin: 0
}

.wpcode-robots-meta .global-robots-settings {
	margin: 0;
	padding-top: 24px
}

.wpcode-robots-meta .global-robots-settings > .settings {
	padding: 8px 0 16px
}

.wpcode-robots-meta .global-robots-settings-options {
	display: flex
}

.wpcode-robots-meta .global-robots-settings-options .max-snippet {
	margin-right: 30px
}

.wpcode-robots-meta .global-robots-settings-options .max-snippet .wpcode-input {
	max-width: 90px
}

.wpcode-robots-meta .global-robots-settings-options .max-video-preview {
	margin-right: 30px
}

.wpcode-robots-meta .global-robots-settings-options .max-video-preview .wpcode-input {
	max-width: 90px
}

.wpcode-robots-meta .global-robots-settings-options .max-image-preview .wpcode-select {
	min-width: 155px
}

@media screen and (max-width: 782px) {
	.wpcode-robots-meta .global-robots-settings-options {
		display: block
	}

	.wpcode-robots-meta .global-robots-settings-options .max-snippet, .wpcode-robots-meta .global-robots-settings-options .max-video-preview {
		margin-right: 0;
		margin-bottom: 20px
	}

	.wpcode-robots-meta .global-robots-settings-options > div .wpcode-input, .wpcode-robots-meta .global-robots-settings-options > div .wpcode-select {
		min-width: 100%
	}
}

.edit-post-sidebar .global-robots-settings {
	padding-top: 12px
}

.edit-post-sidebar .global-robots-settings > .settings {
	padding: 12px 0
}

.edit-post-sidebar .global-robots-settings-options {
	flex-wrap: wrap
}

.edit-post-sidebar .max-snippet {
	margin-right: 30px !important
}

.edit-post-sidebar .max-video-preview {
	margin-right: 0 !important
}

.edit-post-sidebar .max-image-preview {
	margin-top: 20px !important
}

.wpcode-score-amount-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #141b38;
	margin-top: -20px;
	padding: 20px
}

.wpcode-score-amount-wrapper .wpcode-score-amount .score {
	font-size: 64px;
	font-weight: 600
}

.wpcode-score-amount-wrapper .wpcode-score-amount .total {
	font-size: 18px;
	font-weight: 100;
	color: #8c8f9a;
	padding-left: 3px
}

.wpcode-score-amount-wrapper .score-description {
	margin-top: -10px;
	max-width: 80%;
	text-align: center;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.1
}

.wpcode-score-amount-wrapper .score-analyzing {
	margin-top: 20px;
	font-size: 30px
}

.wpcode-site-score-analyze {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1
}

.wpcode-site-score-analyze .analyze-errors {
	text-align: center
}

.wpcode-site-score-analyze .wpcode-seo-site-score-score {
	position: relative;
	min-width: 175px;
	max-width: 217px;
	margin-right: 5em
}

.wpcode-site-score-analyze .wpcode-seo-site-score-score svg {
	width: 100%;
	height: auto
}

.wpcode-site-score-analyze .wpcode-seo-site-score-description svg.wpcode-book {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	color: #3568B7
}

.wpcode-site-score-analyze .wpcode-seo-site-score-description > div {
	font-size: 16px;
	color: #141b38;
	margin-bottom: 10px
}

.wpcode-site-score-analyze .wpcode-seo-site-score-description .links {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 600
}

.wpcode-site-score-analyze .wpcode-seo-site-score-description .links .no-underline {
	padding-left: 5px
}

.wpcode-site-score-competitor {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.wpcode-site-score-competitor .wpcode-seo-site-score-score {
	position: relative;
	min-width: 175px;
	max-width: 217px;
	margin-right: 1em
}

.wpcode-site-score-competitor .wpcode-seo-site-score-score svg {
	width: 100%;
	height: auto
}

.wpcode-site-score-competitor .wpcode-seo-site-score-recommendations {
	margin: 20px 0
}

.wpcode-site-score-competitor .wpcode-seo-site-score-recommendations > div:not(.links) {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #141b38;
	font-weight: 600;
	margin-bottom: 10px
}

.wpcode-site-score-competitor .wpcode-seo-site-score-recommendations > div:not(.links) .round {
	position: relative;
	border-radius: 50%;
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 12px;
	color: #fff;
	font-weight: 600
}

.wpcode-site-score-competitor .wpcode-seo-site-score-recommendations > div:not(.links) .round.red {
	background-color: #df2a4a
}

.wpcode-site-score-competitor .wpcode-seo-site-score-recommendations > div:not(.links) .round.blue {
	background-color: #3568B7
}

.wpcode-site-score-competitor .wpcode-seo-site-score-recommendations > div:not(.links) .round.orange {
	background-color: #f18200
}

.wpcode-site-score-competitor .wpcode-seo-site-score-recommendations > div:not(.links) .round.green {
	background-color: #00aa63
}

.wpcode-site-score-competitor .refresh-results .wpcode-refresh {
	width: 14px;
	height: 14px;
	margin-right: 10px
}

.wpcode-site-score-competitor .mobile-snapshot {
	margin-top: 60px;
	max-width: 250px
}

.wpcode-site-score-competitor .mobile-snapshot div {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px
}

.wpcode-site-score-competitor .mobile-snapshot img {
	width: 100%;
	height: auto
}

.wpcode-site-score-dashboard {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center
}

.wpcode-site-score-dashboard .analyze-errors {
	text-align: center
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-score {
	position: relative;
	min-width: 175px;
	max-width: 217px;
	margin-right: 1em
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-score svg {
	width: 100%;
	height: auto
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations > div:not(.links) {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #141b38;
	font-weight: 600;
	margin-bottom: 10px
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations > div:not(.links) .round {
	position: relative;
	border-radius: 50%;
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 12px;
	color: #fff;
	font-weight: 600
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations > div:not(.links) .round.red {
	background-color: #df2a4a
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations > div:not(.links) .round.blue {
	background-color: #3568B7
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations > div:not(.links) .round.orange {
	background-color: #f18200
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations > div:not(.links) .round.green {
	background-color: #00aa63
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations .links {
	margin-top: 30px;
	font-size: 14px;
	font-weight: 600
}

.wpcode-site-score-dashboard .wpcode-seo-site-score-recommendations .links .no-underline {
	padding-left: 5px
}

.wpcode-social-profiles .same-username {
	padding-bottom: 20px;
	border-bottom: 1px solid #e8e8eb
}

.wpcode-social-profiles .same-username .use-same {
	padding: 30px;
	background: #f9f9fa
}

.wpcode-social-profiles .same-username .use-same .wpcode-checkbox {
	font-size: 16px
}

.wpcode-social-profiles .wpcode-social-profile-list, .wpcode-social-profiles .same-username .use-same .wpcode-settings-row, .wpcode-social-profiles .same-username .use-same .profiles {
	margin-top: 20px
}

.wpcode-social-profiles .wpcode-social-profile-list .social-profile {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}

.wpcode-social-profiles .wpcode-social-profile-list .social-profile .profile-error {
	margin-top: 10px
}

.wpcode-social-profiles .wpcode-social-profile-list .social-profile .name {
	margin-bottom: 0
}

.wpcode-social-profiles .wpcode-social-profile-list .social-profile img {
	height: 16px;
	width: auto;
	margin-right: 10px
}

.wpcode-twitter-preview {
	background-color: #f0f2f5;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center
}

.wpcode-twitter-preview .twitter-post {
	width: 100%;
	max-width: 500px;
	border-radius: 5px;
	border: 1px solid #e1e8ed;
	background-color: #fff
}

.wpcode-twitter-preview .twitter-post .twitter-header {
	height: 65px;
	padding: 0 18px;
	display: flex;
	align-items: center
}

.wpcode-twitter-preview .twitter-post .twitter-header .profile-photo {
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: 1px solid #e8e8eb;
	border-radius: 50%
}

.wpcode-twitter-preview .twitter-post .twitter-header .profile-photo img {
	height: 100%;
	width: 100%
}

.wpcode-twitter-preview .twitter-post .twitter-header .poster {
	margin-left: 10px;
	flex: 1 0 auto
}

.wpcode-twitter-preview .twitter-post .twitter-header .poster .poster-name {
	font-size: 15px;
	color: #1c2022;
	font-weight: 600
}

.wpcode-twitter-preview .twitter-post .twitter-header .poster .poster-username {
	color: #697882;
	font-weight: 500;
	font-size: 13px
}

.wpcode-twitter-preview .twitter-post .twitter-container {
	padding: 0 20px 20px
}

.wpcode-twitter-preview .twitter-post .twitter-container.summary .twitter-content {
	flex-direction: row
}

.wpcode-twitter-preview .twitter-post .twitter-container.summary .twitter-content .twitter-image-preview {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e1e8ed;
	min-width: 125px;
	min-height: 125px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%
}

.wpcode-twitter-preview .twitter-post .twitter-container.summary .twitter-content .twitter-image-preview svg.wpcode-book {
	width: 50px;
	height: 50px;
	color: #8999a5
}

.wpcode-twitter-preview .twitter-post .twitter-container .twitter-content {
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	border: 1px solid #e1e8ed
}

.wpcode-twitter-preview .twitter-post .twitter-container .twitter-content img {
	width: 100%;
	height: auto
}

.wpcode-twitter-preview .twitter-post .twitter-container .twitter-content .twitter-site-description {
	padding: 18px;
	color: #1c2022
}

.wpcode-twitter-preview .twitter-post .twitter-container .twitter-content .twitter-site-description .site-domain {
	font-size: 14px;
	color: #8899a6
}

.wpcode-twitter-preview .twitter-post .twitter-container .twitter-content .twitter-site-description .site-title {
	font-size: 15px;
	font-weight: 600
}

.wpcode-twitter-preview .twitter-post .twitter-container .twitter-content .twitter-site-description .site-description {
	font-size: 14px;
	margin: 5px 0
}

.wpcode-col .reverse {
	flex-direction: column-reverse
}

.wpcode-col.col-xs, .wpcode-col.col-xs-1, .wpcode-col.col-xs-2, .wpcode-col.col-xs-3, .wpcode-col.col-xs-4, .wpcode-col.col-xs-5, .wpcode-col.col-xs-6, .wpcode-col.col-xs-7, .wpcode-col.col-xs-8, .wpcode-col.col-xs-9, .wpcode-col.col-xs-10, .wpcode-col.col-xs-11, .wpcode-col.col-xs-12, .wpcode-col.col-xs-offset-0, .wpcode-col.col-xs-offset-1, .wpcode-col.col-xs-offset-2, .wpcode-col.col-xs-offset-3, .wpcode-col.col-xs-offset-4, .wpcode-col.col-xs-offset-5, .wpcode-col.col-xs-offset-6, .wpcode-col.col-xs-offset-7, .wpcode-col.col-xs-offset-8, .wpcode-col.col-xs-offset-9, .wpcode-col.col-xs-offset-10, .wpcode-col.col-xs-offset-11, .wpcode-col.col-xs-offset-12 {
	box-sizing: border-box;
	flex: 0 0 auto;
	padding: .5rem
}

.wpcode-col.col-xs {
	flex-grow: 1;
	flex-basis: 0;
	max-width: 100%
}

.wpcode-col.col-xs-1 {
	flex-basis: 8.33333333%;
	max-width: 8.33333333%
}

.wpcode-col.col-xs-2 {
	flex-basis: 16.66666667%;
	max-width: 16.66666667%
}

.wpcode-col.col-xs-3 {
	flex-basis: 25%;
	max-width: 25%
}

.wpcode-col.col-xs-4 {
	flex-basis: 33.33333333%;
	max-width: 33.33333333%
}

.wpcode-col.col-xs-5 {
	flex-basis: 41.66666667%;
	max-width: 41.66666667%
}

.wpcode-col.col-xs-6 {
	flex-basis: 50%;
	max-width: 50%
}

.wpcode-col.col-xs-7 {
	flex-basis: 58.33333333%;
	max-width: 58.33333333%
}

.wpcode-col.col-xs-8 {
	flex-basis: 66.66666667%;
	max-width: 66.66666667%
}

.wpcode-col.col-xs-9 {
	flex-basis: 75%;
	max-width: 75%
}

.wpcode-col.col-xs-10 {
	flex-basis: 83.33333333%;
	max-width: 83.33333333%
}

.wpcode-col.col-xs-11 {
	flex-basis: 91.66666667%;
	max-width: 91.66666667%
}

.wpcode-col.col-xs-12 {
	flex-basis: 100%;
	max-width: 100%
}

.wpcode-col.col-xs-offset-0 {
	margin-left: 0
}

.wpcode-col.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.wpcode-col.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.wpcode-col.col-xs-offset-3 {
	margin-left: 25%
}

.wpcode-col.col-xs-offset-4 {
	margin-left: 33.33333333%
}

.wpcode-col.col-xs-offset-5 {
	margin-left: 41.66666667%
}

.wpcode-col.col-xs-offset-6 {
	margin-left: 50%
}

.wpcode-col.col-xs-offset-7 {
	margin-left: 58.33333333%
}

.wpcode-col.col-xs-offset-8 {
	margin-left: 66.66666667%
}

.wpcode-col.col-xs-offset-9 {
	margin-left: 75%
}

.wpcode-col.col-xs-offset-10 {
	margin-left: 83.33333333%
}

.wpcode-col.col-xs-offset-11 {
	margin-left: 91.66666667%
}

.wpcode-col.first-xs {
	order: -1
}

.wpcode-col.last-xs {
	order: 1
}

.wpcode-col.text-xs-left {
	text-align: left !important;
	justify-content: flex-start
}

.wpcode-col.text-xs-center {
	text-align: center !important;
	justify-content: center
}

.wpcode-col.text-xs-right {
	text-align: right !important;
	justify-content: flex-end
}

@media only screen and (min-width: 782px) {
	.wpcode-col.col-sm, .wpcode-col.col-sm-1, .wpcode-col.col-sm-2, .wpcode-col.col-sm-3, .wpcode-col.col-sm-4, .wpcode-col.col-sm-5, .wpcode-col.col-sm-6, .wpcode-col.col-sm-7, .wpcode-col.col-sm-8, .wpcode-col.col-sm-9, .wpcode-col.col-sm-10, .wpcode-col.col-sm-11, .wpcode-col.col-sm-12, .wpcode-col.col-sm-offset-0, .wpcode-col.col-sm-offset-1, .wpcode-col.col-sm-offset-2, .wpcode-col.col-sm-offset-3, .wpcode-col.col-sm-offset-4, .wpcode-col.col-sm-offset-5, .wpcode-col.col-sm-offset-6, .wpcode-col.col-sm-offset-7, .wpcode-col.col-sm-offset-8, .wpcode-col.col-sm-offset-9, .wpcode-col.col-sm-offset-10, .wpcode-col.col-sm-offset-11, .wpcode-col.col-sm-offset-12 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding: .5rem
	}

	.wpcode-col.col-sm {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}

	.wpcode-col.col-sm-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%
	}

	.wpcode-col.col-sm-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%
	}

	.wpcode-col.col-sm-3 {
		flex-basis: 25%;
		max-width: 25%
	}

	.wpcode-col.col-sm-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%
	}

	.wpcode-col.col-sm-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%
	}

	.wpcode-col.col-sm-6 {
		flex-basis: 50%;
		max-width: 50%
	}

	.wpcode-col.col-sm-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%
	}

	.wpcode-col.col-sm-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%
	}

	.wpcode-col.col-sm-9 {
		flex-basis: 75%;
		max-width: 75%
	}

	.wpcode-col.col-sm-10 {
		flex-basis: 83.33333333%;
		max-width: 83.33333333%
	}

	.wpcode-col.col-sm-11 {
		flex-basis: 91.66666667%;
		max-width: 91.66666667%
	}

	.wpcode-col.col-sm-12 {
		flex-basis: 100%;
		max-width: 100%
	}

	.wpcode-col.col-sm-offset-0 {
		margin-left: 0
	}

	.wpcode-col.col-sm-offset-1 {
		margin-left: 8.33333333%
	}

	.wpcode-col.col-sm-offset-2 {
		margin-left: 16.66666667%
	}

	.wpcode-col.col-sm-offset-3 {
		margin-left: 25%
	}

	.wpcode-col.col-sm-offset-4 {
		margin-left: 33.33333333%
	}

	.wpcode-col.col-sm-offset-5 {
		margin-left: 41.66666667%
	}

	.wpcode-col.col-sm-offset-6 {
		margin-left: 50%
	}

	.wpcode-col.col-sm-offset-7 {
		margin-left: 58.33333333%
	}

	.wpcode-col.col-sm-offset-8 {
		margin-left: 66.66666667%
	}

	.wpcode-col.col-sm-offset-9 {
		margin-left: 75%
	}

	.wpcode-col.col-sm-offset-10 {
		margin-left: 83.33333333%
	}

	.wpcode-col.col-sm-offset-11 {
		margin-left: 91.66666667%
	}

	.wpcode-col.first-sm {
		order: -1
	}

	.wpcode-col.last-sm {
		order: 1
	}

	.wpcode-col.text-sm-left {
		text-align: left !important;
		justify-content: flex-start
	}

	.wpcode-col.text-sm-center {
		text-align: center !important;
		justify-content: center
	}

	.wpcode-col.text-sm-right {
		text-align: right !important;
		justify-content: flex-end
	}
}

@media only screen and (min-width: 912px) {
	.wpcode-col.col-md, .wpcode-col.col-md-1, .wpcode-col.col-md-2, .wpcode-col.col-md-3, .wpcode-col.col-md-4, .wpcode-col.col-md-5, .wpcode-col.col-md-6, .wpcode-col.col-md-7, .wpcode-col.col-md-8, .wpcode-col.col-md-9, .wpcode-col.col-md-10, .wpcode-col.col-md-11, .wpcode-col.col-md-12, .wpcode-col.col-md-offset-0, .wpcode-col.col-md-offset-1, .wpcode-col.col-md-offset-2, .wpcode-col.col-md-offset-3, .wpcode-col.col-md-offset-4, .wpcode-col.col-md-offset-5, .wpcode-col.col-md-offset-6, .wpcode-col.col-md-offset-7, .wpcode-col.col-md-offset-8, .wpcode-col.col-md-offset-9, .wpcode-col.col-md-offset-10, .wpcode-col.col-md-offset-11, .wpcode-col.col-md-offset-12 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding: .5rem
	}

	.wpcode-col.col-md {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}

	.wpcode-col.col-md-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%
	}

	.wpcode-col.col-md-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%
	}

	.wpcode-col.col-md-3 {
		flex-basis: 25%;
		max-width: 25%
	}

	.wpcode-col.col-md-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%
	}

	.wpcode-col.col-md-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%
	}

	.wpcode-col.col-md-6 {
		flex-basis: 50%;
		max-width: 50%
	}

	.wpcode-col.col-md-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%
	}

	.wpcode-col.col-md-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%
	}

	.wpcode-col.col-md-9 {
		flex-basis: 75%;
		max-width: 75%
	}

	.wpcode-col.col-md-10 {
		flex-basis: 83.33333333%;
		max-width: 83.33333333%
	}

	.wpcode-col.col-md-11 {
		flex-basis: 91.66666667%;
		max-width: 91.66666667%
	}

	.wpcode-col.col-md-12 {
		flex-basis: 100%;
		max-width: 100%
	}

	.wpcode-col.col-md-offset-0 {
		margin-left: 0
	}

	.wpcode-col.col-md-offset-1 {
		margin-left: 8.33333333%
	}

	.wpcode-col.col-md-offset-2 {
		margin-left: 16.66666667%
	}

	.wpcode-col.col-md-offset-3 {
		margin-left: 25%
	}

	.wpcode-col.col-md-offset-4 {
		margin-left: 33.33333333%
	}

	.wpcode-col.col-md-offset-5 {
		margin-left: 41.66666667%
	}

	.wpcode-col.col-md-offset-6 {
		margin-left: 50%
	}

	.wpcode-col.col-md-offset-7 {
		margin-left: 58.33333333%
	}

	.wpcode-col.col-md-offset-8 {
		margin-left: 66.66666667%
	}

	.wpcode-col.col-md-offset-9 {
		margin-left: 75%
	}

	.wpcode-col.col-md-offset-10 {
		margin-left: 83.33333333%
	}

	.wpcode-col.col-md-offset-11 {
		margin-left: 91.66666667%
	}

	.wpcode-col.first-md {
		order: -1
	}

	.wpcode-col.last-md {
		order: 1
	}

	.wpcode-col.text-md-left {
		text-align: left !important;
		justify-content: flex-start
	}

	.wpcode-col.text-md-center {
		text-align: center !important;
		justify-content: center
	}

	.wpcode-col.text-md-right {
		text-align: right !important;
		justify-content: flex-end
	}
}

@media only screen and (min-width: 1042px) {
	.wpcode-col.col-lg, .wpcode-col.col-lg-1, .wpcode-col.col-lg-2, .wpcode-col.col-lg-3, .wpcode-col.col-lg-4, .wpcode-col.col-lg-5, .wpcode-col.col-lg-6, .wpcode-col.col-lg-7, .wpcode-col.col-lg-8, .wpcode-col.col-lg-9, .wpcode-col.col-lg-10, .wpcode-col.col-lg-11, .wpcode-col.col-lg-12, .wpcode-col.col-lg-offset-0, .wpcode-col.col-lg-offset-1, .wpcode-col.col-lg-offset-2, .wpcode-col.col-lg-offset-3, .wpcode-col.col-lg-offset-4, .wpcode-col.col-lg-offset-5, .wpcode-col.col-lg-offset-6, .wpcode-col.col-lg-offset-7, .wpcode-col.col-lg-offset-8, .wpcode-col.col-lg-offset-9, .wpcode-col.col-lg-offset-10, .wpcode-col.col-lg-offset-11, .wpcode-col.col-lg-offset-12 {
		box-sizing: border-box;
		flex: 0 0 auto;
		padding: .5rem
	}

	.wpcode-col.col-lg {
		flex-grow: 1;
		flex-basis: 0;
		max-width: 100%
	}

	.wpcode-col.col-lg-1 {
		flex-basis: 8.33333333%;
		max-width: 8.33333333%
	}

	.wpcode-col.col-lg-2 {
		flex-basis: 16.66666667%;
		max-width: 16.66666667%
	}

	.wpcode-col.col-lg-3 {
		flex-basis: 25%;
		max-width: 25%
	}

	.wpcode-col.col-lg-4 {
		flex-basis: 33.33333333%;
		max-width: 33.33333333%
	}

	.wpcode-col.col-lg-5 {
		flex-basis: 41.66666667%;
		max-width: 41.66666667%
	}

	.wpcode-col.col-lg-6 {
		flex-basis: 50%;
		max-width: 50%
	}

	.wpcode-col.col-lg-7 {
		flex-basis: 58.33333333%;
		max-width: 58.33333333%
	}

	.wpcode-col.col-lg-8 {
		flex-basis: 66.66666667%;
		max-width: 66.66666667%
	}

	.wpcode-col.col-lg-9 {
		flex-basis: 75%;
		max-width: 75%
	}

	.wpcode-col.col-lg-10 {
		flex-basis: 83.33333333%;
		max-width: 83.33333333%
	}

	.wpcode-col.col-lg-11 {
		flex-basis: 91.66666667%;
		max-width: 91.66666667%
	}

	.wpcode-col.col-lg-12 {
		flex-basis: 100%;
		max-width: 100%
	}

	.wpcode-col.col-lg-offset-0 {
		margin-left: 0
	}

	.wpcode-col.col-lg-offset-1 {
		margin-left: 8.33333333%
	}

	.wpcode-col.col-lg-offset-2 {
		margin-left: 16.66666667%
	}

	.wpcode-col.col-lg-offset-3 {
		margin-left: 25%
	}

	.wpcode-col.col-lg-offset-4 {
		margin-left: 33.33333333%
	}

	.wpcode-col.col-lg-offset-5 {
		margin-left: 41.66666667%
	}

	.wpcode-col.col-lg-offset-6 {
		margin-left: 50%
	}

	.wpcode-col.col-lg-offset-7 {
		margin-left: 58.33333333%
	}

	.wpcode-col.col-lg-offset-8 {
		margin-left: 66.66666667%
	}

	.wpcode-col.col-lg-offset-9 {
		margin-left: 75%
	}

	.wpcode-col.col-lg-offset-10 {
		margin-left: 83.33333333%
	}

	.wpcode-col.col-lg-offset-11 {
		margin-left: 91.66666667%
	}

	.wpcode-col.first-lg {
		order: -1
	}

	.wpcode-col.last-lg {
		order: 1
	}

	.wpcode-col.text-lg-left {
		text-align: left !important;
		justify-content: flex-start
	}

	.wpcode-col.text-lg-center {
		text-align: center !important;
		justify-content: center
	}

	.wpcode-col.text-lg-right {
		text-align: right !important;
		justify-content: flex-end
	}
}

.wpcode-container, .wpcode-container-fluid {
	margin-right: auto;
	margin-left: auto
}

.wpcode-container {
	padding: 0 20px
}

.wpcode-container-fluid.hero, .wpcode-container.hero {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center
}

.wpcode-container-fluid {
	padding-right: 2rem;
	padding-left: 2rem
}

@media only screen and (min-width: 782px) {
	.wpcode-container {
		padding: 0 30px
	}
}

@media only screen and (min-width: 1042px) {
	.wpcode-container {
		max-width: 80rem
	}

	.wpcode-container.full-width {
		max-width: 100%
	}

	.wpcode-container.small {
		max-width: 810px
	}
}

.wpcode-masonry {
	-moz-column-count: 0;
	column-count: 0;
	-moz-column-gap: 20px;
	column-gap: 20px;
	counter-reset: brick-counter
}

.wpcode-masonry > * {
	box-sizing: border-box;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	counter-increment: brick-counter;
	margin-bottom: 20px
}

@media only screen and (min-width: 782px) {
	.wpcode-masonry {
		-moz-column-count: 1;
		column-count: 1
	}
}

@media only screen and (min-width: 912px) {
	.wpcode-masonry {
		-moz-column-count: 2;
		column-count: 2
	}
}

@media only screen and (min-width: 1042px) {
	.wpcode-masonry {
		-moz-column-count: 3;
		column-count: 3
	}
}

.wpcode-row {
	box-sizing: border-box;
	display: flex;
	flex: 0 1 auto;
	flex-direction: row;
	flex-wrap: wrap;
	margin-right: -.5rem;
	margin-left: -.5rem
}

.wpcode-row.reverse {
	flex-direction: row-reverse
}

.wpcode-row.start-xs {
	justify-content: flex-start;
	text-align: start
}

.wpcode-row.center-xs {
	justify-content: center;
	text-align: center
}

.wpcode-row.end-xs {
	justify-content: flex-end;
	text-align: end
}

.wpcode-row.top-xs {
	align-items: flex-start
}

.wpcode-row.middle-xs {
	align-items: center
}

.wpcode-row.bottom-xs {
	align-items: flex-end
}

.wpcode-row.around-xs {
	justify-content: space-around
}

.wpcode-row.between-xs {
	justify-content: space-between
}

@media only screen and (min-width: 782px) {
	.wpcode-row.start-sm {
		justify-content: flex-start;
		text-align: start
	}

	.wpcode-row.center-sm {
		justify-content: center;
		text-align: center
	}

	.wpcode-row.end-sm {
		justify-content: flex-end;
		text-align: end
	}

	.wpcode-row.top-sm {
		align-items: flex-start
	}

	.wpcode-row.middle-sm {
		align-items: center
	}

	.wpcode-row.bottom-sm {
		align-items: flex-end
	}

	.wpcode-row.around-sm {
		justify-content: space-around
	}

	.wpcode-row.between-sm {
		justify-content: space-between
	}
}

@media only screen and (min-width: 912px) {
	.wpcode-row.start-md {
		justify-content: flex-start;
		text-align: start
	}

	.wpcode-row.center-md {
		justify-content: center;
		text-align: center
	}

	.wpcode-row.end-md {
		justify-content: flex-end;
		text-align: end
	}

	.wpcode-row.top-md {
		align-items: flex-start
	}

	.wpcode-row.middle-md {
		align-items: center
	}

	.wpcode-row.bottom-md {
		align-items: flex-end
	}

	.wpcode-row.around-md {
		justify-content: space-around
	}

	.wpcode-row.between-md {
		justify-content: space-between
	}
}

@media only screen and (min-width: 1042px) {
	.wpcode-row.start-lg {
		justify-content: flex-start;
		text-align: start
	}

	.wpcode-row.center-lg {
		justify-content: center;
		text-align: center
	}

	.wpcode-row.end-lg {
		justify-content: flex-end;
		text-align: end
	}

	.wpcode-row.top-lg {
		align-items: flex-start
	}

	.wpcode-row.middle-lg {
		align-items: center
	}

	.wpcode-row.bottom-lg {
		align-items: flex-end
	}

	.wpcode-row.around-lg {
		justify-content: space-around
	}

	.wpcode-row.between-lg {
		justify-content: space-between
	}
}

.wpcode-seo-site-score__circle {
	animation: wpcode-seo-site-score-fill 1s reverse;
	transform: rotate(-180deg);
	transform-origin: center;
	stroke: #00aa63
}

.wpcode-seo-site-score__circle.fast {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	stroke: #df2a4a
}

.wpcode-seo-site-score__circle.medium {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	stroke: #f18200
}

.wpcode-seo-site-score__background {
	stroke: #e8e8eb
}

@-webkit-keyframes wpcode-seo-site-score-fill {
	to {
		stroke-dasharray: 0 100
	}
}

@keyframes wpcode-seo-site-score-fill {
	to {
		stroke-dasharray: 0 100
	}
}

.wpcode-seo-site-score-svg-loading {
	-webkit-animation: wpcode-seo-site-score-svg-animation 2s linear infinite;
	animation: wpcode-seo-site-score-svg-animation 2s linear infinite
}

.wpcode-seo-site-score-loading__circle {
	-webkit-animation: wpcode-seo-site-score-fill-loading 2s ease-in-out infinite both;
	animation: wpcode-seo-site-score-fill-loading 2s ease-in-out infinite both;
	transform: rotate(-180deg);
	transform-origin: center;
	stroke: #3568B7
}

@-webkit-keyframes wpcode-seo-site-score-svg-animation {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

@keyframes wpcode-seo-site-score-svg-animation {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes wpcode-seo-site-score-fill-loading {
	0%, 25% {
		stroke-dashoffset: 90;
		transform: rotate(0)
	}
	50%, 75% {
		stroke-dashoffset: 10;
		transform: rotate(45deg)
	}
	to {
		stroke-dashoffset: 90;
		transform: rotate(1turn)
	}
}

@keyframes wpcode-seo-site-score-fill-loading {
	0%, 25% {
		stroke-dashoffset: 90;
		transform: rotate(0)
	}
	50%, 75% {
		stroke-dashoffset: 10;
		transform: rotate(45deg)
	}
	to {
		stroke-dashoffset: 90;
		transform: rotate(1turn)
	}
}

.wpcode-table-column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	padding: 5px;
	justify-content: center
}

.wpcode-table-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%
}

.wpcode-wizard-body {
	background-color: #fff;
	max-width: 900px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .05)
}

.wpcode-wizard-body .body-content {
	padding: 80px 140px
}

@media screen and (max-width: 782px) {
	.wpcode-wizard-body .body-content {
		padding: 40px
	}
}

.wpcode-wizard-body .body-footer {
	border-top: 1px solid #e8e8eb;
	padding: 30px;
	display: flex;
	align-items: center
}

.wpcode-wizard-body .body-footer > * {
	margin-right: 10px
}

.wpcode-wizard-body .body-footer > :last-child {
	margin-right: 0
}

.wpcode-wizard-body .body-footer .spacer {
	flex: 1 0 auto
}

.wpcode-wizard-close-and-exit {
	margin-top: 80px;
	text-align: center;
	font-size: 14px
}

.wpcode-wizard-close-and-exit a {
	color: #8c8f9a !important
}

.wpcode-wizard-container {
	margin: 40px auto;
	max-width: 900px
}

@media screen and (max-width: 782px) {
	.wpcode-wizard-container {
		margin: 0 20px
	}
}

.wpcode-wizard-header {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.wpcode-wizard-header svg.wpcode-logo {
	width: 100%;
	max-width: 140px;
	height: auto;
	margin: 60px 10px 40px 0
}

.wpcode-wizard-progress {
	display: flex;
	align-items: center;
	justify-content: center
}

@media screen and (max-width: 782px) {
	.wpcode-wizard-progress {
		display: none
	}
}

.wpcode-wizard-progress .circle {
	background-color: #dcdde1;
	width: 16px;
	height: 16px;
	border-radius: 50%
}

.wpcode-wizard-progress .circle.active {
	background-color: #3568B7
}

.wpcode-wizard-progress .spacer {
	width: 59px;
	border: 1px solid #dcdde1;
	margin: 0 12px
}

.wpcode-wizard-progress .spacer.active {
	border-color: #3568B7
}

.wpcode-wizard-steps {
	color: #8c8f9a;
	font-size: 14px;
	margin-bottom: 20px
}

.authentication-buttons .please-wait {
	display: none;
}

form.loading .authentication-buttons .wpcode-button {
	display: none;
}

form.loading .authentication-buttons .please-wait {
	display: inline-block;
}
