whmcsCrosterTemplates/assets/less/market-connect/style.less

@bg-color: @gray-lighter;
@light-text-color: lighten(@gray, 20%);

.landing-page {
	.hero {
		padding: 60px 0;
		text-align: center;
		position: relative;
		
		h1 {
			margin: 0 0 15px 0;
		}
		img {
			display: block;
			max-width: 500px;
			padding-bottom: 25px;
			width: 100%;
			margin: 0 auto;
		}
		.container {
			position: relative;
		}
		.icon {
			position: absolute;
			left: -50px;
			top: -50px;
			overflow:hidden;
			transform: rotate(-20deg);
			opacity: 0.7;
			i {
				font-size: 25rem;
			}
		}
	}
	
	.product-options, .validation-levels {
		.btn {
			min-width: 120px;
		}
	}
	
	.product-options {
		padding: 40px 0 20px;
		text-align: center;
		
		h2, h3, h4 {
			margin: 0;
		}
		h2, h3, h4 {
			padding: 0;
			font-size: 2.8em;
		}
		h3 {
			padding: 0;
			font-size: 2.4em;
		}
		.item {
			margin: 0 0 20px 0;
			padding: 30px;
			background-color: @white;
			border-radius: 4px;
		}
		h4 {
			font-size: 1.4em;
		}
		.icon {
			line-height: 80px;
			font-size: 50px;
			color: @light-text-color;
		}
		img {
			margin: 20px 0;
			max-width: 100%;
		}
		small, span {
			display: block;
		}
		small {
			font-size: @baseFontSize;
		}
		span {
			font-size: @baseFontSize + 2;
			font-weight: 500;
		}
		p {
			margin: 10px 0;
			color: #555;
		}
		.price {
			margin: 10px 0;
			font-size: 1.1em;
			color: #444;
		}
		.powered-by {
			text-align: right;
			color: @white;
			font-size: 0.9em;
			img {
				margin: 0 0 0 8px;
				max-height: 60px;
			}
		}
	}
	.navbar {
		padding: 0;
		@media (max-width: 991px) {
			padding: 0.50rem 1rem;
		}
		.navbar-nav {
			li {
				a {
					&:hover, &:focus {
						color: @themeColor;
					}				
				}
				&.active {
					a {
						color : @themeColor;
						background-color: transparent;
					}
				}
			}
		}
	}
	.content-block {
		padding: 80px 0;
		
		.content-image-block {
			display: flex;
			align-items: center;
			
			img {
				max-width: 426px;
			}
			
			&:last-child {
				justify-content: flex-end;
			}
		}
		
		@media (max-width: 991px) {
			.content-image-block {
				display: none;
			}
		}
		
		.block-title {
			margin: 0 0 60px!important;
		}
		
		&.border-bottom {
			border-bottom: 1px solid @default-border-color;
		}
		
		&.secondary {
			background-color: @brand-primary;
			
			.btn-group {
				
				.btn-default {
					background-color: @white;
					color: @baseFontcolor;
					border-color: @default-border-color;
					
					&:hover, &:focus, &.active {
						background-color: @bg-color;
					}
					
				}
			}
		}
		
		p, ul, ol, table {
			font-size: 15px;
			color: @light-text-color;
		}
		
		@media (max-width: 767px) {
			padding: 40px 0;
			
			h1, h2, h3 {
				margin-top: 0;
			}
			.block-title {
				margin: 0 0 30px!important;
			}
		}
		
	}
	.text13 {
		font-size: 1.3em;
	}
	.text20 {
		font-size: 2em;
		h2 {
			margin: 0;
			font-weight: 300;
		}
	}
	.light-grey-bg {
		background-color: #f6f6f6;
		color: #222;
	}
	.get-started {
		background-color: @brand-primary;
		color: @white;
		h2 {
			margin: 0 0 20px 0;
		}
		.price {
			font-size: 2em;
			&:not(:first-child) {
				display: none;
			}
		}
		.additional-options {
			.option {
				&:not(:first-child) {
					display: none;
				}
			}
		}
		.checkbox-inline+.checkbox-inline {
			margin: 0;
		}
		.radio-inline+.radio-inline {
			margin: 0;
		}
		
		.pricing-tables {
			color: @baseFontcolor;
			margin-bottom: 0;
			border: 0 none;
				
			.row {	
				display: flex;
					
				@media (min-width: 768px ) {
					align-items: center;
					justify-content: space-between;
				}
				@media (max-width: 767px ) {
					flex-direction: column;
				}
					
				.price-btn {
					display: flex;
					flex-direction: column;
						
					.price {
						text-align: center;
						font-size: @baseFontSize + 21;
						font-weight: 500;
					}
				}
			}
		}
	}
	.content-block.tabs {
		padding: 80px 0;
	}
	.nav-tabs {
		border: 0;
		li {
			margin-right: 5px;
			a {
				color: @baseFontcolor;
				border-color: @default-border-color;
				
				&:hover{
					background-color: transparent;
				}
			}
		}
	}
	.tab-content {
		padding: 30px;
		background-color: @white;
		border-radius: 4px;
		border: 1px solid @default-border-color;
		
	}
	.image-standout {
		p  {
			font-size: 15px;
			color: @light-text-color;
		}
		img {
			max-width: 100%;
		}
	}
	.currency-selector, .ssl-currency-selector {
		display: none!important;
	}
	.currency-selector, .ssl-currency-selector {
		margin: 0 0 30px 0;
		width: 250px;
	}
	.pricing-item {
		margin: 0 0 10px 0;
		text-align: center;
		background-color: @white;
		border-radius: 4px;
		
		.header {
			padding: 30px 20px 10px;
			h4 {
				margin: 0;
				font-size: 1.4em;
			}
		}
		.price {
			padding: 0 0 10px 0;
			font-size: 2em;
		}
		ul {
			margin: 0 0 10px 0;
			padding: 0;
			list-style: none;
			li {
				line-height: 28px;
				border-bottom: 1px solid @default-border-color;
				font-size: 15px;
				color: @light-text-color;
			}
		}
		.feature-heading {
			margin: 10px 0 0 0;
			background-color: @bg-color;
			line-height: 30px;
			font-weight: bold;
			font-size: @baseFontSize + 2;
		}
		
		form {
			padding: 15px;
			border-top: 1px solid @default-border-color;
		}
	}
	.features {
		background-color: @bg-color;
		text-align: center;
		.feature {
			margin-bottom: 30px;
			height: 250px;
			overflow: hidden;
			.icon {
				line-height: 120px;
			}
		}
	}
	.faq, .faqs {
		background-color: @bg-color;
		h3 {
		    margin-bottom: 30px;
		}		
		.panel-group {
			margin: 30px 0;
				
			.panel {
				border-radius: 4px;
				box-shadow: none;
				
				&.panel-default {
					border-color: @default-border-color;
						
					.panel-heading {
						border-radius: 4px;
						border-color: @default-border-color;
						background-color: @white;
						padding: 20px 30px;
						cursor: pointer;
							
						.panel-title {
							font-size: 18px;
							color: @baseFontcolor;
							font-weight: 500;
							font-style: normal;
							a {
								text-decoration: none;
							}
						}	
					}
					.panel-body {
						padding: 30px;
					}
				}
			
			}
			.panel-body {
				padding: 20px;
				border-color: @default-border-color;
				color: @light-text-color;
				font-size: 15px;
			}
			li {
				margin-top: 10px;
			}
		}
		
		&.no-panel {
			p {
				min-height: 30px;
			}
		}
	}
	.trusted-by {
		color: @light-text-color;
		img {
			max-height: 90px;
			filter: grayscale(100%);
			opacity: 0.3;
		}
	}
	
	&.mail-services {
		.product-options {
			.preview-text {
				padding: 50px;
				color: @white;
			}
			.item {
				background-color: @white;
				border: 1px solid @default-border-color;
				border-radius: 4px;
			}
			.icon {
				margin: 30px 0;
				color: @brand-primary;
			}
			.price {
				margin-bottom: 30px;
				font-size: 30px;
				span {
					display: block;
					color: @light-text-color;
					font-size: 14px;
				}
			}
		}
		.light-grey-bg {
			margin-top: 0;
		}
		.get-started {			

		}
		.benefits {
			margin: 0 0 30px 0;
			padding: 20px;
			border-radius: 4px;
			font-size: @baseFontSize + 2;
			border: 1px solid @default-border-color;
			h4 {
				margin-bottom: 30px;
			}
			i {
				color: @brand-primary;
				padding-right: 5px;
			}
		}
		.navbar {
			margin-bottom: 0;
		}
		.nav-tabs {
			margin-bottom: 0;
		}
	}
	
	&.weebly {
		.builder_hero {
			display: flex;
			flex-wrap: wrap;
			position: relative;
			padding: 120px 0 400px;
			
			.content {
				width: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				position: relative;
				
				.title {
					font-size: 56px;
					font-weight: 900;
					line-height: 1;
					@media (min-width: 768px) {
						font-size: 76px;
					}
				}
				.desc {
					font-size: 21px;
					font-weight: 300;
				}
			}	
		}
		
		.weeby-banner {
			padding: 30px 0 120px;
			.showcase {
				position: relative;
				text-align: center;
				margin-top: -400px;
				img {
					border-radius: 10px 10px 4px 4px;
				}				
			}		
		}
		


		@media (max-width: 1011px) {
			.builder_hero {
				padding: 120px 0 300px;
			}
			.weeby-banner {
				.showcase {
					margin-top: -325px;
				}
			}
		}
		
		@media (max-width: 751px) {
			.builder_hero {
				padding: 120px 0 150px;
			}
			.weeby-banner {
				.showcase {
					margin-top: -200px
				}
			}
		}
		
		.weebly-lite-plan {
			margin: 0 0 30px 0;
			padding: 20px;
			background-color: @white;
			border-radius: 4px;
		}
		@media (min-width: 768px) {
			.pricing-item {
				ul {
					height: 290px;
				}
				ul.ecommerce-features {
					height: 265px;
				}
			}
		}
	}
	
	&.ssl {
		.content-block {
			h1, h2, h3, h4, h5, h6 {
				margin: 0;
				padding: 0;
			}
		}
		.validation-levels {
			padding: 32px 0 32px;
			text-align: center;
			h3 {
				margin: 0;
				line-height: 100px;
				font-weight: 300;
				font-size: 2em;
			}
			.item {
				margin: 0 0 20px 0;
				padding: 30px;
				h4 {
					margin: 0;
					font-size: @baseFontSize + 4;
				}
				img {
					margin: 20px 0;
					max-width: 100%;
				}
				span {
					display: block;
					font-size: @baseFontSize + 2;
					font-weight: 500;
				}
				p {
					margin: 10px 0;
					color: @light-text-color;
				}
			}
			a.show-all {
				line-height: 50px;
			}
		}
		.standout {
			p, ul li {
				font-size: 15px;
				color: @light-text-color;
			}
		}
		.ideal-for {
			text-align: center;
			
			i {
				padding: 15px 0;
				font-size: 3em;
				color: @themeColor;
			}
		}
		
		.help-me-choose {
			color: @white;
			&:hover, &:focus, &:active {
				color: @white;
			}
			img {
				margin: 20px 0;
			}
			
			.ideal {
				font-style: italic;
				font-size: 85%!important;
			}
			
			.ssl-types-expl {
				font-size: 85%!important;
			}
		}
		.what-is-ssl {
			@media (min-width: 992px) {
				.row {
					display: flex;
				}
			}
			ul {
				margin: 30px 0;
			}
			.fas, .far {
				float: left;
				color: @brand-primary;
				padding-right: 15px;
			}
		}
		.ssl-benefits {
			margin-top: 0;
			padding-top: 0;
			.row {
				margin-top: 40px;
				text-align: center;
			}
			
			span {
				font-weight: 500;
				font-size: @baseFontSize + 2;
			}
			i {
				display: block;
				margin: 20px 0;
				font-size: 5em;
			}
		}
		.browser-notice {
			float: left;
			margin-top: -100px;
			width: 100%;
			.wrapper-container {
				padding: 0 75px;
			}
			.wrapper {
				margin: 0 auto;
				padding: 40px;
				max-width: 660px;
				background-color: @white;
				border-top: 4px solid #cc0000;
				box-shadow: 2px 2px 5px #ccc;
				font-size: 1.4em;
				text-align: center;
			}
			img {
				display: block;
				float: none !important;
				margin: 20px auto;
			}
		}
		.browser-msg {
			span {
				display: block;
				padding: 42px 30px;
				font-size: 1.8em;
			}
			img {
				float: left;
				max-width: 200px;
				padding-right: 40px;
			}
		}
		.competitive-upgrade-promo {
			margin: 80px 0 40px 0;
			background-color: @brand-primary;
			font-size: 2em;
			color: @white;
			font-weight: 300;
			text-align: center;
			a {
				color: @white;
				text-decoration: underline;
			}
		}
		.competitive-upgrade-banner {
			position: fixed;
			left: 0;
			bottom: 0;
			padding: 12px;
			width: 100%;
			background: #444;
			color: #eee;
			z-index: 100;
			button.close, h4 {
				color: @white;
			}
			h4 {
				margin: 2px 0;
			}
			p {
				margin: 2px 0;
			}
		}
		.detailed-info {
			padding: 80px 0;
			background-color: @bg-color;
			
			.card {
				box-shadow: none;
				border: 0 none;
				
				.card-header {
					background-color: transparent;
					border: 0 none;
					padding: 1.50rem 2rem;
					
					h4 {
						font-size: 1.125rem;
					}
				}
				.card-body {
					h4 {
						margin-bottom: 0.5rem;
					}
				}
			}
		}
		.standout-1 {
			margin: 30px 0 200px 0;
			padding: 40px 0 0 0;
			background-color: @brand-primary;
			text-align: center;
			.browser {
				max-height: 400px;
				overflow: hidden;
				.browser-image {
					float: left;
					width: 100%;
					img {
						max-width: 100%;
					}
				}
			}
			h3 {
				padding: 30px 0;
				font-size: 2.4em;
				font-weight: 300;
				color: @white;
			}
		}
		.standout-2 {
			color: #444;
			font-size: 1.5em;
			text-align: center;
		}
		.features {
			text-align: center;
			h3 {
				margin: 10px 0 40px 0;
				padding: 0;
				font-size: 2.8em;
			}
			.feature {
				margin: 0 0 20px;
				height: auto;
				font-size: 5em;
				h4 {
					font-size: @baseFontSize + 2;
				}
			}
		}
		.logos {
			display: flex;
			justify-content: space-around;
			overflow: hidden;
			
			.logo {
				width: 100%;
				max-width: 240px;
				padding: 15px;
			}
			img {
				max-width: 100%;
			}
		}
		.certificate-options {
			background-color: @brand-primary;
			color: @white;
			
			.col-md-3, .col-md-4, .col-md-6 {
				&.sidebar {
					.header {
						border: 0 none;
					}
					ul {
						li {
							text-align: left;
							padding-right: 20px;
							color: @white;
							background: rgba(255,255,255,.1);
							border-radius: 4px;
							margin-bottom: 1px;
							border: 0 none;
							font-weight: 300;
						}
					}
				}
			}
			.preview-text {
				padding: 180px 0 0;
				text-align: center;
			}
			
			.block-header {
				padding: 0 15px;
				margin-bottom: 30px;
				
				@media (min-width: 768px) {
					.currency-selector, h3 {
						margin-bottom: 0;
					}
				}
			}
			&.dv {
				.block-header {
					margin-left: 8.33333%;
					margin-right: 8.33333%;
				}
			}
		}
		.currency-selector {
			display: inline-block;
			width: 250px;
		}
		.row-pricing-table {
			margin-left: -2px;
			margin-right: -2px;
			
			.pricing-table {
				background-color: @white;
				border-radius: 4px;
				margin-bottom: 30px;
				
				.popular-plan-wrapper {
					position: relative;
					
					.popular-plan {
						background-color: @brand-secondary;
						position: absolute;
						top: 0;
						width: 100%;
						text-align: center;
						border-radius: 4px 4px 0 0;
					}
				}
				.header {
					color: @baseFontcolor;
				}
				
				form {
					padding: 15px;
					border-top: 1px solid @default-border-color;
				}
			}
			.header {
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 4px;
				padding: 16px;
				height: 110px;
				text-align: center;
				border-bottom: 1px solid @default-border-color;
				overflow: hidden;
				h4 {
					font-size: 18px;
					margin-bottom: 0;
				}
			}
			ul {
				list-style: none;
				margin: 0;
				padding: 0;
				font-size: 15px;
				font-weight: normal;
				li {
					padding: 0 15px;
					line-height: 40px;
					text-align: right;
					text-align: center;
					border-bottom: 1px solid @default-border-color;
					color: @light-text-color;
					&:last-child {
						border-bottom: 0;
					}
				}
			}
		}
		.dashed-border {
			padding-bottom: 70px;
			border-bottom: 1px dashed #ddd;
		}
	}
	
	&.sitelock {
		.hero {
			img {
				padding-bottom: 15px;
				opacity: .70;
			}
		}
		
		.content-image-block {
			img {
				max-width: 326px;
				filter: grayscale(100%);
				opacity: .3;
			}
		}
		.plans {
			padding: 80px 0;
			background-color: @brand-primary;
			h2, h3, h4 {
				color: @white;
			}
			.plan {
				margin: 20px 0;
				padding: 0;
				background-color: @white;
				border-radius: 4px;
				.header {
					margin: 0;
					padding: 20px;
					h2, h3, h4 {
						color: @baseFontcolor;
					}
					h4 {
						font-size: @baseFontSize + 4;
					}
					p {
						font-size: @baseFontSize + 2;
					}
				}
				ul {
					margin: 0;
					padding: 20px 25px;
					list-style: none;
					li {
						line-height: 28px;
						text-align: right;
						border-bottom: 1px solid @default-border-color;
						&:last-child {
							border: 0;
						}
						span {
							float: left;
						}
					}
				}
				.footer {
					margin: 15px 0 0;
					padding: 20px;
					select {
						margin-bottom: 10px;
					}
				}
			}
			.fas, .far {
				font-size: 1.3em;
			}
			.fa-check {
				color: @brand-primary;
			}
		}
		.emergency {
			background-color: @bg-color;
			h2.text-danger {
				color: @brand-danger;
			}
			

			.fas, .far {
				color: @brand-danger;
			}
			
			.emergency-buy-banner {
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 20px 30px;
				background-color: @white;
				border: 1px solid @default-border-color;
				border-radius: 4px;
				

				@media (max-width: 767px) {
					flex-direction: column;
					align-items: normal;
					padding: 15px;
					
					.emergency-message {
						margin-bottom: 20px;
					}
				}
				
				.emergency-message {
					font-size: @baseFontSize + 4;
					font-weight: 500;
					text-decoration: underline;
				}
			}
		}
		.feature-wrapper {
			margin: 0 0 20px 0;
			i {
				float: left;
				font-size: 5em;
			}
			.content {
				margin-left: 100px;
			}
		}
		.features {
			margin: 0;
			padding: 40px 0;
			background-color: transparent;
			text-align: left;
		}
		.faq {
			background-color: @white;
		}
	}

	&.codeguard {
		.strong-green {
			span {
				color: #94c83d;
				font-style: italic;
				font-weight: bold;
			}
		}
		.hero-bg-white {
			background-color: @white;
		}
		.overview-features {
			ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			img {
				padding: 5px 30px;
			}
			span {
				font-size: medium;
				color: #888;
			}
		}
		.features {
			.feature {
				padding-top: 5px;
			}
			background-color: inherit;
		}
		.pricing {
			background: #94c83d url(../../../../../assets/img/marketconnect/codeguard/pricing-bg.gif);
			color: @white;
			
			.irs.js-irs-0 {
				height: 32px;
				position: relative;
				display: block;
				user-select: none;
			}
			.pricing-slider-header  {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 30px;
				
				@media (max-width: 767px) {
					flex-direction: column;
				}
				
				@media (min-width: 768px) {
					h4, .currency-selector {
						margin: 0;
					}
				}
				.currency-selector {
					margin: 0;
				}
			}
			.pricing-slider-actions {
				margin-top: 15px;
				
				@media (max-width: 767px) {
					display: none;
				}
				
				.slider-actions-list {
					display: flex;
					justify-content: space-between;	

					.slider-actions-btn {
						position: relative;
						border: 1px solid @default-border-color;
						border-radius: 2px;
						color: @light-text-color;
						height: 30px;
						display: flex;
						justify-content: center;
						align-items: center;
						min-width: 68px;
						line-height: 24px;
						font-weight: 500;
						cursor: pointer;
						
						span {
							position: relative;
							display: flex;
							align-items: center;
							flex: 1;
							padding: 1px 4px 0;
							justify-content: center;
							height: 100%;
							z-index: 2;						
						}
						
						&.active {
							border-color: #94c83d;
							color: @white;
							background-color: #94c83d;
							
							&:before {
								content: "";
								position: absolute;
								transform: rotate(45deg);
								width: 10px;
								height: 10px;
								border: 1px solid #94c83d;
								top: -5px;
								z-index: 1;
								background: #94c83d;
								left: 50%;
								margin-left: -5px;							
							}
						}
					}					
				}
			}
			
			.pricing-slider-bottom {
				display: flex;
				justify-content: space-between;
				padding-top: 20px;	
				
				@media (min-width: 768px) {
					padding-top: 30px;
				}
				
				.pricing-slider-summary {
					display: flex;
					
					.pricing-slider-summary-item {
						display: flex;
						flex-direction: column;
						min-width: 120px;
						position: relative;
						margin-right: 24px;	

						.pricing-slider-summary-label {
							font-size: 14px;
							line-height: 24px;
							color: @light-text-color;
							margin-bottom: 5px;						
						}
						.pricing-slider-summary-value {
							display: flex;
							font-size: 34px;
							line-height: 44px;
							font-weight: 400;
								.price {
									font-size: 34px;
								}
						}
						
						&:not(:last-of-type):after {
							content: '';
							position: absolute;
							right: 0;
							width: 1px;
							background: @default-border-color;
							top: 0;
							bottom: 0;
						}
						
						.price-cycle {
							font-size: 26px;
							line-height: 36px;
							align-self: flex-end;
							margin-bottom: 3px;
						}
					}
				}
				
				.pricing-slider-form-action {
					padding: 15px 10px 0;
					margin: 30px 0 0;
					@media (min-width: 768px) {
						display: flex;
						align-self: flex-end;
						padding: 0; margin: 0;
						border: 0 none;
					}
				}
				
				@media (max-width: 767px) {
					flex-direction: column;
				}
			}
		}

		.irs-slider {
			background: #94c83d;
			top: -7px;
			width: 68px;
			cursor: pointer;
			z-index: 1100;
			border: none;
			box-shadow: none;
			&:hover {
				background: darken(#94c83d, 7%);
				top: -7px;
				width: 68px;
				cursor: pointer;
				z-index: 1100;
				border: none;
				box-shadow: none;
			}
		}
		.irs-line {
			border: 0;
			height: 16px;
			top: 0;
			box-shadow: none;
			margin-left: 10px;
			margin-right: 10px;
			border-radius: 0;
		}
		.irs-bar {
			height: 16px;
			border: 0;
			top: 0;
			background: #6C6C6C;
		}
		.irs-bar-edge {
			height: 16px;
			width: 50px;
			top: 0;
			border: 0 solid #428bca;
			background: #6C6C6C;
			margin-left: 10px;
			margin-right: 10px;
			border-radius: 0;
		}
		.order-btn {
			background-color: #6C6C6C!important;
			color: @white;
			border: 0;
		}
	}
	
	&.sitelockvpn {
		.hero {
			margin: 0;
			padding: 0;
			background-color: @brand-primary;
			text-align: left;
			h1, h2 {
				color: @white;
			}
			h1, h2 {
				font-size: 4em;
			}
			h2 {
				font-size: 2em;
				font-weight: normal;
			}
		}
		.hero-bg {
			img {
				max-width: 100%;
			}
		}
		.btn-start {
			margin: 15px 0;
			padding: 10px 40px;
			display: inline-block;
			background-color: #7bc143;
			color: #fff;
			font-size: 1.4em;
			border-radius: 5px;
		}
		.feature {
			margin: 40px 0;
			padding: 40px 0;
			font-size: 1.3em;
			font-weight: 300;
			line-height: 1.5em;
			img {
				margin: 50px 0;
			}
			p {
				margin: 20px 0;
			}
			h3 {
				font-size: 2em;
				font-weight: bold;
			}
		}
		ul.highlights {
			list-style: none;
			li {
				&::before {
					content: "\2022";
					color: #ccc;
					font-size: 1.3em;
					font-weight: bold;
					display: inline-block;
					width: 1.5em;
					margin-left: -1em;
				}
			}
		}
		.feature.alternate-bg {
			background-color: #f4f8fb;
		}
		.feature.devices {
			margin: 0;
			padding: 70px 0 20px;
			img {
				margin: 0;
			}
			h3 {
				margin-top: 40px;
			}
			.logos {
				padding: 20px;
				text-align: center;
				img {
					margin: 25px 30px;
				}
			}
		}
		.feature.pricing {
			margin: 0;
			background-color: @brand-primary;
			h2 {
				color: @white;
			}
			.pricing-box {
				margin: 30px 0;
				padding: 0;
				background-color: @white;
			}
			.cycle {
				padding: 10px;
				background-color: @gray-lighter;
				color: #333;
				text-align: center;
				font-weight: bold;
			}
			.price {
				margin: 15px;
				padding: 15px;
				color: @brand-secondary;
				font-weight: bold;
				font-size: 1.5em;
				text-align: center;
			}
			ul {
				list-style: none;
				margin: 15px;
				padding: 0;
				li {
					padding: 5px;
					text-align: center;
					border-bottom: 1px solid @default-border-color;
					font-size: 0.8em;
					&:last-child {
						border-bottom: 0;
					}
				}
			}
		}
		.signup {
			padding: 15px;
		}
		.btn-signup {
			display: block;
			padding: 8px;
			background-color: #616161;
			color: #fff;
			border-radius: 5px;
			font-weight: 400;
			text-align: center;
		}
		.btn-signup.highlight1 {
			background-color: #3d82bb;
		}
		.btn-signup.highlight2 {
			background-color: #7bc143;
		}
		.dividing-line {
			margin: 30px auto;
			padding: 0;
			background-color: #dce7f1;
			height: 3px;
			width: 200px;
		}
		.all-plans {
			text-align: center;
			span {
				display: block;
				padding: 10px;
			}
			img {
				margin: 5px;
			}
		}
		.feature.world {
			span {
				display: block;
				margin: 10px 0;
				color: #3d82bb;
				font-weight: bold;
				font-size: 2.5em;
			}
			em {
				display: block;
				margin: 0 0 50px;
				font-style: normal;
			}
			img {
				max-width: 100%;
			}
		}
		.feature.countries {
			img {
				margin: 0;
				max-width: 100%;
			}
		}
		
		@media (min-width: 992px) {
			.hero-bg {
				padding: 40px 0 60px;
				text-align: left;
				background: url('../../../../../assets/img/marketconnect/sitelockvpn/header-img.png');
				background-repeat: no-repeat;
				background-position: right bottom;
				background-size: 650px!important;
			}
		}
		@media (min-width: 1200px) {
			.hero-bg {
				padding: 60px 0;
				text-align: left;
				background-size: auto;
			}
		}


		@media (max-width: 767px) {
			.hero h1 {
				font-size: 3em;
			}
			.hero h2 {
				font-size: 1.6em;
			}
			.feature {
				margin: 15px 0;
				padding: 15px 0;
				font-size: 1.2em;
			}
			.feature img {
				margin: 20px 0;
			}
		}
	}
	
	&.marketgoo {
		.video-banner {
			background-color: @gray-darker;
			padding: 60px 0;
			min-height: 300px;
			line-height: 300px;
			text-align: center;
			color: @white;
		}
		.feature-blocks {
			margin: 10px 0;
			padding: 10px 0;
			.block {
				padding: 10px;
				text-align: center;
				img {
					display: block;
					margin: 0 auto 15px;
					max-width: 150px;
					border: 1px solid @default-border-color;
					border-radius: 10px;
				}
				span {
					font-size: 1.2em;
				}
				p {
					padding: 10px 20px;
				}
			}
		}
		.feature-wrapper {
			margin: 0;
			padding: 20px;
			border: 1px solid @default-border-color;
			border-radius: 15px;
			
			p {
				margin-bottom: 0;
			}
		}
		.plan {
			float: left;
			margin: 0 0 20px 0;
			width: 30%;
			font-size: 1.15em;
			text-align: center;
			.header {
				height: 130px;
				.best-value {
					margin: 0;
					padding: 3px 10px;
					position: relative;
					top: -9px;
					background-color: @brand-secondary;
					border-radius: 4px;
					text-transform: initial;
					color: @white;
					font-size: 0.3em;
					display: none;
				}
				h4 {
					margin: 0;
					padding: 0;
					font-size: 2.4em;
					font-weight: bold;
				}
			}
			.pricing {
				font-size: 1.2em;
			}
			ul {
				list-style: none;
				margin: 0 0 20px 0;
				padding: 0;
				border-top: 1px solid @default-border-color;
				li {
					padding: 0 20px;
					height: 55px;
					line-height: 55px;
					border-bottom: 1px solid @default-border-color;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					span {
						font-weight: 500;
					}
				}
			}

		}
		.plan.labels {
			float: left;
			width: 40%;
			display: none;
			&:first-child {
				display: block;
			}
			ul {
				li {
					font-weight: 500;
					text-align: left;
					border-right: 1px solid @default-border-color;
				}
			}
		}
		.plan.marketgoo_pro {
			.header {
				h4 {
					color: @brand-secondary;
					text-transform: uppercase;
				}
				.best-value {
					display: inline-block;
				}
			}
			ul {
				background-color: @gray-lighter;
			}
		}
		.carousel {
			.carousel-indicators {
				bottom: -50px;
				li {
					background-color: @themeColor;
				}
			}
			.carousel-inner {
				margin-bottom: 50px;
			}
		}
		.testimonials {
			.testimonial {
				margin: 0 auto;
				max-width: 650px;
				text-align: center;
				
				.fa-quote-left {
					margin-right: 10px;
				}
				.fa-quote-right {
					margin-left: 10px;
				}
			}
			.user {
				margin: 20px auto;
				max-width: 350px;
				text-align: center;
				img {
					display: none;
				}
				span {
					display: block;
					padding: 15px 0 0 0;
					font-weight: bold;
					font-size: 1.1em;
				}
				em {
					display: block;
					margin: 0 0 5px 0;
					font-style: normal;
				}
			}
		}
		.embed-responsive {
			padding-bottom: 45%;
		}
		
		@media (min-width: 768px) {
			.feature-blocks {
				.block {
					padding: 20px 20px;
					img {
						max-width: 250px;
					}
					p {
						padding: 10px 40px;
					}
				}
			}
			.feature-wrapper {
				padding: 20px 80px;
			}
			.plan {
				.header {
					height: 90px;
				}
			}
			.testimonials {
				.testimonial {
					font-size: 1.5em;
				}
			}
			.faqs {
				.faq {
					padding: 0 20px;
				}
			}

		}
		@media (max-width: 767px) {
			.plan {
				.header {
					span {
						display: block;
					}
				}
				font-size: 1em;
				width: 40%;
			}
			.plan.labels {
				display: block;
				width: 60%;
			}
		}
	}
	
	&.ox {
		padding: 0 0 30px 0;
		
		img {
			max-width: 100%;
		}
		.header {
			margin: 0;
			padding: 50px 0;
			background-color: @gray-dark;
			min-height: 200px;
			.header-content {
				padding: 30px 0;
			}
			h1 {
				margin: 30px 0;
				color: @white;
			}
			.btn {
				padding: 10px 25px;
			}
			.logo-img {
				max-width: 400px;
			}
			.header-img {
				max-width: 70%;
			}
		}
		.stand-out {
			padding: 50px 0;
			background-color: @gray-lighter;
			h2 {
				margin: 0 0 10px 0;
				font-size: 21px;
				
			}
			ul {
				padding: 0 20px;
			}
			.wrapper {
				padding: 20px;
			}
		}
		.features {
			background: transparent;
			text-align: left;
			img {
				float: left;
			}
			p {
				margin-left: 130px;
			}
			.title {
				font-size: 1.5em;
				font-weight: 500;
				color: @baseHeadingcolor;
			}
		}
		.feature-block {
			min-height: 120px;
		}
		h3 {
			margin: 0 0 40px 0;
			font-size: 2.6em;
		}
		.pricing {
			background-color: @gray-lighter;
			table {
				width: 100%;
				tr {
					td {
						&:first-child {
							padding: 7px 20px;
							text-align: left;
						}
					}
					&:nth-child(even) {
						td {
							&:first-child {
								background-color: @white;
							}
						}
					}
				}
			}
			td {
				&:not(.no-border) {
					padding: 7px 8px;
					width: 33.33%;
					text-align: center;
					border: 1px solid @default-border-color;
				}
			}
			th {
				padding: 7px 8px;
				width: 33.33%;
				text-align: center;
				border: 1px solid @default-border-color;
				padding: 12px 8px;
				background-color: @white;
				font-weight: 500;
			}
			th.feature {
				background-color: @themeColor;
				color: @white;
				
			}
			td.no-bg {
				background-color: transparent !important;
			}
			.pricing-label {
				padding-bottom: 20px;
				font-size: 1.6em;
			}
			td.buy {
				text-align: center;
				padding: 20px;
			}
		}
		.faqs {
			background-color: @white;
			.question {
				margin: 30px 0 10px;
				font-weight: bold;
			}
		}
		
		@media (max-width: 991px) {
			.header {
				text-align: center;
				.header-img {
					float: none;
				}
				.header-content {
					padding: 10px 0 30px;
				}
			}
			img {
				max-width: 70%;
			}
			.feature-tabs {
				font-size: 0.95em;
			}
			ul.feature-tabs {
				li {
					img {
						max-width: 60%;
					}
				}
			}		
		}
	}
	
	&.sitebuilder {
		.logo-container {
			padding: 60px;
			text-align: center;
			img {
				max-width: 85%;
			}
		}
		.sitebuilder-hero {
			margin-top: 80px;
			padding: 0;
			text-align: center;
			background-color: @gray-darker;
			img {
				margin-top: -150px;
				padding: 0;
			}
		}
		h2 {
			margin-bottom: 25px;
			text-align: center;
			font-weight: bold;
		}
		.intro {
			padding: 60px 0;
			h2 {
				text-align: left;
			}
			p {
				font-size: 1.1em;
				line-height: 1.6em;
			}
			.learn-more {
				display: inline-block;
				margin-top: 15px;
			}
		}
		.features {
			padding: 60px 0;
			background-color: transparent;
			text-align: left;
			img {
				max-width: 128px;
			}
			.title {
				display: block;
				font-size: 1.5em;
				padding-bottom: 10px;
			}
		}
		.feature-block {
			font-size: 0.9em;
		}
		.tagline {
			text-align: center;
		}
		.nav-tabs {
			>li {
				float: none;
				display: inline-block;
				zoom: 1;
				>a {
					padding: 10px 30px;
					text-transform: uppercase;
					border: 0;
					font-weight: 500;
					font-size: 1.1em;
					border-radius: 10px;
					background-color: transparent!important;
					
					&.active {
						background-color: @themeColor!important;
						color: @white!important;
					}
				}
			}
			text-align: center;
	
		}
		.carousel-indicators {
			li {
				background-color: @gray-darker;
				width: 20px;
				height: 20px;
				border-radius: 50%;
			}
		}
		.btn-primary {
			padding: 2px 15px;
		}
		.btn-primary.large {
			padding: 13px 27px;
		}		
		.templates {
			padding: 60px 0;
			border-top: 1px solid @default-border-color;
			.previews {
				padding: 50px 0;
				img {
					width: 100%;
					height: 200px;
					object-fit: cover;
					object-position: top;
				}
				.show-more {
					div {
						width: 100%;
						height: 200px;
						object-fit: cover;
						object-position: top;
						font-size: 3em;
						text-align: center;
						line-height: 200px;
						.icon-wrapper {
							display: inline-block;
							width: 100px;
							line-height: 100px;
							color: @white;
							border-radius: 50%;
						}
					}
				}
				.thumb-wrapper {
					position: relative;
					overflow: hidden;
					.type-label {
						position: absolute;
						top: 11px;
						right: -31px;
						background-color: @themeColor;
						color: @white;
						font-size: 13px;
						padding: 3px;
						transform: rotate(30deg);
						width: 145px;
						text-align: center;
						border: 1px solid @white;
					}
				}
				.type-single {
					.type-label {
						background-color: @themeColor;
					}
				}
				.type-ecom {
					.type-label {
						background-color: #1b9636;
					}
				}
				.tplname {
					display: block;
					padding: 10px 0 20px;
					color: #777;
					text-align: center;
				}
			}
		}
		.pricing {
			padding: 70px 0;
			background-color: @gray-darker;
			h2, p {
				color: @white;;
			}
		}
		.pricing-table {
			margin: 60px 0 0;
			padding: 0;
			font-weight: 500;
			font-size: 0.92em;
			border-radius: 6px;
			overflow: auto;
			i {
				color: #bbb;
			}
		}
		.pricing-table-row {
			margin-left: -10px;
			margin-right: -10px;
			min-width: 880px;
			&:not(.col-heading) {
				&:nth-child(even) {
					//background-color: @gray-lighter;
				}
			}
			&::after {
				content: "";
				clear: both;
				display: table;
			}
			.col-primary {
				float: left;
				width: 40%;
				padding: 4px 40px;
			}
			.col-plans-1 {
				float: left;
				width: 60%;
				padding: 4px 10px;
				text-align: center;
			}
			.col-plans-2 {
				float: left;
				width: 30%;
				padding: 4px 10px;
				text-align: center;
			}
			.col-plans-3 {
				float: left;
				width: 20%;
				padding: 4px 10px;
				text-align: center;
			}
			.col-plans-4 {
				float: left;
				width: 15%;
				padding: 4px 10px;
				text-align: center;
			}
			.col-plans-5 {
				float: left;
				width: 12%;
				padding: 4px 10px;
				text-align: center;
			}
		}
		.pricing-table-row.col-heading {
			div {
				padding: 18px 10px;
				text-align: center;
			}
		}
		.faq {
			padding: 80px 0;
			background-color: transparent!important;
		}
		
		@media (min-width: 992px) {
			&.sitebuilder {
				.logo-container {
					img {
						max-width: 40%;
					}
				}
				.pricing {
					height: 850px;
				}
				.pricing-table {
					overflow: hidden;
				}
				.faq {
					margin: 160px 0 0;
				}
			}
		}
		@media (min-width: 1200px) {
			&.sitebuilder {
				.intro {
					.vertical-spacer {
						height: 80px;
					}
				}
			}
		}
		@media (min-width: 768px) {
			&.sitebuilder {
				.feature-block {
					min-height: 260px;
				}
			}
		}
		@media (max-width: 767px) {
			&.sitebuilder {
				.templates {
					.previews {
						img {
							height: 300px;
						}
						.show-more {
							div {
								height: 300px;
							}
						}
					}
				}
			}
		}
	}


}
.weebly-upgrade-container, .sitebuilder-upgrade-container {
	margin: 30px 0 50px;
	padding: 0;
	border: 1px solid #ddd;
	.content-padded {
		padding: 70px 40px 40px;
		text-align: center;
	}
	img {
		max-width: 100%;
		max-height: 135px;
	}
	.promo-wrapper {
		margin: 0;
		padding: 40px;
		background-color: #f6f6f6;
		min-height: 400px;
		.logincontainer {
			margin: 30px auto 50px;
		}
		h3 {
			margin: 20px 0;
		}
		ul {
			margin: 30px 0;
		}
		.btn-success {
			margin-bottom: 20px;
			padding: 15px 15px;
			font-size: 1.1em;
			font-weight: 300;
		}
	}
	.weebly-service-select, .sitebuilder-service-select {
		margin-bottom: 10px;
	}
}


@media (min-width: 768px) {
	.landing-page.codeguard {
		.overview-features {
			li {
				float: left;
				margin: 0;
				width: 20%;
				text-align: center;
				border-right: 1px solid #ddd;
				&:last-child {
					border-right: 0;
				}
			}
			img {
				display: block;
				margin: 0 auto;
				padding: 20px;
			}
			span {
				display: block;
				padding: 0 30px 20px;
				font-size: medium;
				color: #888;
			}
		}
	}
}
@media (min-width: 992px) {
	.landing-page {
		.navbar {
			.navbar-nav {
				width: 100%!important;
				li {
					width: 25%;
					a {
						font-size: @baseFontSize + 1;
						padding: 0.75rem 1rem;
						position: relative;
						text-align: center;
						border-left: 1px solid @default-border-color;
					}
					&.active {
						a {
							&:before {
								content: "";
								position: absolute;
								bottom: -1px;
								left: 0;
								right: 0;
								height: 3px;
								background: @themeColor;							
							}
						}
					}
					
					&:last-child {
						a {
							border-right: 1px solid @default-border-color;
						}
					}
				}
			}
		}
	}
	.landing-page.sitelock {
		.plans {
			.plan {
				ul {
					height: 480px;
				}
			}
		}
	}
}
@media (max-width: 767px) {
	.landing-page {
		.standout-features {
			p {
				margin: 0 20px 50px;
			}
		}
	}
	.landing-page.ssl {
		.logos {
			img {
				margin-bottom: 20px;
				max-height: 50px;
			}
		}
		.row-pricing-table {
			.header {
				margin-top: 40px;
			}
		}
	}
}
@media (max-width: 1199px) {
	.landing-page.ssl {
		.browser-msg {
			span {
				padding: 25px 30px;
			}
		}
	}
}
@media (max-width: 991px) {
	.landing-page.ssl {
		.browser-msg {
			span {
				padding: 15px 30px;
			}
		}
	}
}
@media (max-width: 700px) {
	.landing-page.ssl {
		.standout-1 {
			h3 {
				padding: 0 0 20px 0;
				font-size: 1.6em;
			}
		}
		.browser-notice {
			.wrapper {
				font-size: 1em;
				img {
					max-width: 80px;
				}
			}
		}
		.browser-msg {
			span {
				font-size: 1.4em;
			}
		}
	}
}



.wp-toolkit {
	.hero-cta {
		padding: 30px 0;
		text-align: center;
		h1 {
			font-weight: bold;
			font-size: 2.5em;
		}
		h2 {
			font-size: 1.2em;
		}
		.logo {
			max-width: 229px;
			vertical-align: baseline;
			margin-bottom: -2px;
		}
		.logo-plesk {
			margin-left: 10px;
			max-height: 45px;
			vertical-align: middle;
			margin-bottom: -2px;
		}
	}
	.btn-cta {
		margin-top: 25px;
		padding: 15px 75px;
	}
	.hero-image {
		margin-top: 100px;
		text-align: center;
		img {
			margin-top: -100px;
			padding: 0 0 50px 0;
			max-width: 100%;
		}
	}
	.body-intro {
		margin: 0;
		padding: 0 0 35px;
		
		@media (min-width: 992px) {
			height: 450px;
		}
		
		img {
			float: left;
			max-width: 100%;
		}
	}

	.features {
		margin: 25px 0 0;
		padding: 25px 0;
		.smart-updates {
			margin: 25px 0 50px;
		}
		h3 {
			font-size: 1.6em;
			font-weight: bold;
			text-align: center;		
		}
	}

	.feature-block {
		padding: 20px;
		text-align: center;
		img {
			max-width: 100px;
		}
		.title {
			padding: 30px 0;
			font-size: 1.3em;
		}
	}
	.lightbox-modal {
		.close {
			position: absolute;
			right: 0px;
			bottom: -30px;
			z-index: 999;
			font-size: 2em;
			font-weight: normal;
			color: @white;
			opacity: 1;
		}
		.lightbox-image {
			min-height: 200px;
			max-width: 100%;
			height: auto;
		}
		.modal-body {
			position: relative;
			padding: 0px;
			background: #ccc;
		}
		.modal-dialog {
			margin: 30px auto;
		}
	}
	
	.pre-screenshots {
		margin: 0;
		padding: 50px 0 150px;
		text-align: center;
		.title {
			padding-bottom: 30px;
			font-size: 1.5em;
		}
	}
	.screenshots-row {
		margin-top: -100px;
	}
	.screenshots {
		.screenshot-thumb {
			display: block;
			position: relative;
			margin-bottom: 25px;
			.overlay {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				overflow: hidden;
				width: 100%;
				height: 100%;
				transition: background-color 0.3s ease;
				background-color: rgba(0,0,0,0);
				img {
					display: none;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					text-align: center;
					max-width: 60px;
				}
			}
			
			&:hover, &:focus {
				.overlay {
					background-color: rgba(0,0,0,0.5);
					img {
						display: block;
					}
				}			
			}
		}
		img {
			width: 100%;
			height: auto;
		}
	}
	.pricing {
		margin: 0;
		padding: 25px 0;
		text-align: center;
		&:after {
			content: "";
			clear: both;
			display: table;		
		}
		.starting-from {
			margin-bottom: 40px;
			font-size: 1.6em;
			font-weight: bold;
		}
		.subtitle {
			margin-bottom: 20px;
			font-size: 1.2em;
		}
		.action-btns {
			.btn {
				margin-bottom: 5px;
				padding: 10px 50px;
			}
		}

	}
	.cart {
		display: none;
		padding-top: 40px;
		text-align: left;
	}
	.cart-items {
		border-bottom: 1px solid #dce8f2;
		.item {
			padding: 10px 30px;
			
			&:after {
				content: "";
				clear: both;
				display: table;
			}
			&:nth-child(odd) {
				background-color: #f3f7fa;
			}
			
			&.template {
				display: none;
			}
		}
		.product-info {
			display: inline-block;
			min-width: 450px;
			margin-right: 30px;
		}
		.domain-name,.price {
			font-weight: bold;
		}
	}
	.cart-totals {
		padding: 30px;
		font-size: 1.15em;
		color: #043855;
		.cart-total-amount {
			font-weight: bold;
		}
		.btn-checkout {
			margin: 10px 0 0 0 ;
			padding: 10px 30px;
			width: 100%;
		}
	}
	.service-selector {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 25px;
		border-bottom: 1px solid #dce8f2;
		.service {
			position: relative;
			flex: 0 0 80%;
			max-width: 80%;
			margin-bottom: 30px;
			.inner-content {
				padding: 10px;
			}
			.in-cart-indicator {
				display: none;
				text-align: center;

				img {
					max-width: 40px;
				}
			}
			.btn {
				width: 95%;
				&.disabled {
					background-color: #e7e7e7;
					border-color: #e7e7e7;
					color: #999;
				}
			}
		}
		.service.in-cart {
			.btn {
				display: none;
			}
			.in-cart-indicator {
				display: block;
			}
		}
		.product-name {
			font-weight: 900;
			padding: 10px;
			text-transform: uppercase;
		}
		.divider {
			margin: 0 auto;
			background-color: #d5d5d5;
			height: 1px;
			width: 100px;
		}
		.domain-name {
			padding: 15px;
			font-size: 1.1em;
			font-weight: bold;
			color: @themeColor;
		}
		.description {
			max-height: 48px;
			overflow: hidden;
		}
		.price {
			font-weight: bold;
		}
	}
	.faqs {
		margin: 0;
		padding: 0 0 100px 0;
		.border-line {
			margin-top: 30px;
			width: 115px;
			height: 3px;
			background-color: #dce8f2;
		}
		.faq-title {
			padding: 20px 0;
			font-size: 1.1em;
			font-weight: 500;
		}
	}
	.addon-na {
		padding-top: 5px;
	}
	
	@media (min-width: 768px) {
		.hero-cta {
			padding: 75px 0;
			h1 {
				font-size: 3.4em;
			}
			h2 {
				font-size: 2em;
			}
			.logo-plesk {
				max-height: 65px;
			}
		}
		.body-intro {
			padding: 50px 0 75px;
		}
		.features {
			margin: 50px 0;
			padding: 50px 0;
			.smart-updates {
				margin: 50px 0 100px;
			}
			h3 {
				font-size: 2.4em;
				text-align: left;
			}
		} 
		.pre-screenshots {
			margin: 50px 0 0;
			padding: 75px 0 150px;
			.title {
				font-size: 2em;
			}
		}
		.pricing {
			margin: 50px 0;
			padding: 50px 0;
			.subtitle {
				margin-bottom: 40px;
			}
		}
		.cart-items {
			.item {
				line-height: 40px;
			}
		}
		.service-selector {
			padding-bottom: 75px;
			.service {
				flex: 0 0 250px;
				max-width: 250px;
				.inner-content {
					min-height: 195px;
				}
			}
		}
		.cart-totals {
			.btn-checkout {
				margin: 0;
				width: auto;
			}
		}
	}
}


table.ox-table-accounts td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

table.ox-table-accounts .dropdown-hamburger::after {
  display: none;
}

table.ox-table-accounts ul.dropdown-menu button.btn-sm, table.ox-table-accounts ul.dropdown-menu .btn-group-sm > button.btn {
  border-radius: 0;
}

table.ox-table-accounts tbody.account-entry > tr:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

table.ox-table-accounts tbody.account-entry {
  cursor: pointer;
}

table.ox-table-accounts tbody.aliases-body {
  border-top: 0;
}

table.ox-table-accounts tbody.aliases-body > tr > td {
  border-top: 0;
}

table.ox-table-accounts tr.alias-entry td:first-child {
  font-size: .9em;
}

table.ox-table-accounts tr.create-alias td:first-child {
  font-size: .9em;
}

table.ox-table-accounts span.email-aliases {
  font-size: .9em;
  font-weight: bold;
}

table.ox-table-accounts .input-group {
  width: 65%;
}


ul.ssl-certs-all {
	.action-btn {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		
		@media (min-width: 992px) {
			justify-content: flex-end;
		}	
	}
}

//cpanelseo

.landing-page.xovinow .content-block {
    margin: 20px 0;
    padding: 20px 0;
}
.landing-page.xovinow .header {
    margin: 0;
    padding: 50px 0;
    background-color: #10069F;
    color: #fff;
}
.landing-page.xovinow .header-img {
    float: right;
    max-width: 55% !important;
    margin-top: 0px;
}
@media (min-width: 1200px) {
    .landing-page.xovinow .header-img {
        max-width: 60% !important;
        margin-top: -60px;
    }
}
.landing-page.xovinow .header h1 {
    display: block;
    margin: 20px 0;
    color: #fff;
}
.landing-page.xovinow .header .btn {
    margin: 20px 0;
}
.landing-page.xovinow .btn-stretched {
    padding: 8px 30px;
}
.landing-page.xovinow .btn-xovinow {
    color: #10069F;
    background-color: #fff;
    border-color: #fff;
}
.landing-page.xovinow .carousel-container {
    margin: 0 20px;
    max-width: 950px;
    text-align: center;
}
.landing-page.xovinow .feature-carousel .carousel-inner {
    border-radius: 6px;
    box-shadow: 0px 0px 20px #ccc;
}
.landing-page.xovinow .feature-carousel img {
    max-width: 100%;
}
.landing-page.xovinow .feature-carousel .carousel-control {
    display: inline-block;
    margin: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #10069F;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.landing-page.xovinow .feature-carousel .carousel-control.right {
    left: auto;
    right: -70px;
}
@media (min-width: 768px) {
    .landing-page.xovinow .carousel-container {
        margin: 0 100px;
        max-width: 950px;
    }
    .landing-page.xovinow .feature-carousel .carousel-control {
        position: absolute;
        margin: 0;
        top: 50%;
        left: -70px;
        width: 40px;
        height: 40px;
        font-size: 25px;
    }
    .landing-page.xovinow .feature-carousel .carousel-control.right {
        left: auto;
        right: -70px;
    }
}
@media (min-width: 1150px) {
    .landing-page.xovinow .carousel-container {
        margin: 0 auto;
    }
}

.landing-page.xovinow .feature-tabs .nav-tabs li {
    margin: 0;
    padding: 3px;
    width: 50%;
}
@media (min-width: 576px) {
    .landing-page.xovinow .feature-tabs .nav-tabs li {
        width: 33.3%;
    }
}
@media (min-width: 991px) {
    .landing-page.xovinow .feature-tabs .nav-tabs li {
        width: 16.6%;
    }
}
.landing-page.xovinow .feature-tabs .nav-tabs > li > a,
.landing-page.xovinow .feature-tabs .nav-tabs > li > a:focus,
.landing-page.xovinow .feature-tabs .nav-tabs > li > a:hover {
    margin: 4px;
    padding: 10px;
    display: block;
    background-color: #eef4f8;
    color: #555;
    border-radius: 4px;
    border: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.landing-page.xovinow .feature-tabs .nav-tabs > li > a.active,
.landing-page.xovinow .feature-tabs .nav-tabs > li > a.active:focus,
.landing-page.xovinow .feature-tabs .nav-tabs > li > a.active:hover {
    background-color: #10069F;
    color: #fff;
    border: 0;
}
.landing-page.xovinow .feature-tabs .tab-content img {
    max-width: 300px;
}
.landing-page.xovinow .audience i {
    margin-bottom: 15px;
    font-size: 2em;
}

.landing-page.xovinow .pricing .money-back {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #043855;
}
.landing-page.xovinow .pricing .money-back span {
    font-weight: bold;
    color: #10069F;
}
.landing-page.xovinow .pricing .plan-features {
    font-weight: bold;
    color: #043855;
}
.landing-page.xovinow .pricing .plan {
    margin: 0 0 50px 0;
    padding: 0;
    text-align: center;
}
.landing-page.xovinow .pricing .plan-header {
    padding: 0 10px;
    height: 120px;
}
.landing-page.xovinow .pricing .plan-header img {
    max-width: 90%;
}
.landing-page.xovinow .pricing .plan .plan-name {
    padding: 5px;
    font-size: 1.1em;
    font-weight: bold;
    color: #043855;
    border-bottom: 4px solid #737373;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.landing-page.xovinow .pricing .plan.featured .plan-name {
    border-color: #10069F;
}
.landing-page.xovinow .pricing .plan .plan-price {
    margin-top: 8px;
    padding: 5px;
    font-size: 0.95em;
    font-weight: bold;
    color: #043855;
    border-bottom: 2px solid #f4f5f7;
}
.landing-page.xovinow .pricing .plan-feature {
    padding: 6px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.landing-page.xovinow .pricing .plan-feature.row-highlight {
    background-color: #f8f9fa;
}
.landing-page.xovinow .pricing .plan-feature i {
    color: #10069F;
}
.landing-page.xovinow .pricing .buy-btn {
    padding-top: 30px;
}
.landing-page.xovinow .pricing .plan.featured .buy-btn .btn {
    color: #fff;
    background-color: #10069F;
    border-color: #10069F;
}
.landing-page.xovinow .pricing .plan.featured .buy-btn .btn:hover {
    background-color: #10069F;
    border-color: #10069F;
}

.landing-page.xovinow .faq .accordion > .card {
    border: 0;
    border-radius: 5px;
}
.landing-page.xovinow .faq .accordion > .card > .card-header {
    border: 0;
    border-radius: 5px;
}
.landing-page.xovinow .faq img {
    display: block;
    margin: 0 auto 20px;
}

.landing-page img {
    max-width: 100%;
}

.landing-page.nordvpn p {
    font-size: 1.1rem;
    font-weight: lighter;
}
.landing-page.nordvpn h1 {
    font-size: 2rem;
    font-weight: bold;
}
.landing-page.nordvpn h3 {
    font-size: 1.4rem;
    font-weight: bold;
}
.landing-page.nordvpn strong {
    font-weight: bold;
}
.landing-page.nordvpn .blue {
    color:#4580ff;
}
.landing-page.nordvpn .line-break {
    border-bottom: 1px #dce8f2 solid;
    padding-top: 20px;
}
.landing-page.nordvpn .btn-get-nord,
.landing-page.nordvpn .btn-get-monthly,
.landing-page.nordvpn .btn-get-annually {
    font-weight: 500;
    font-size: 1.4rem;
    padding: .8rem 4rem;
    background: #4580ff;
    color: white;
    border: 0;
}
.landing-page.nordvpn .btn-get-deal {
    padding: .8rem 1.5rem;
    background: #f55368;
}
.landing-page.nordvpn .btn-get-monthly {
    background: #1b325a;
    margin-bottom: 2.5rem;
}
.landing-page.nordvpn .btn-get-annually {
    background:#4580ff;
}
.landing-page.nordvpn .hero {
    font-size: 1.25rem;
}
.landing-page.nordvpn .hero .hero-bg {
    margin: 1.25rem 0;
}
.landing-page.nordvpn .hero h1 {
    font-size: 2.125rem;
    font-weight: bold;
}
.landing-page.nordvpn .hero h2 {
    font-size: 1.75rem;
}
.landing-page.nordvpn .hero .guarantee {
    margin: 1rem 0;
    font-weight: bold;
    font-size: 1.7rem;
    color:#4580ff;
    text-transform:uppercase;
    padding-bottom: 25px;
}
.landing-page.nordvpn .hero,
.landing-page.nordvpn .feature.world {
    background:#0e1b33;
    color:white;
}
.landing-page.nordvpn .feature {
    padding:60px 0;
    text-align: center;
}
.landing-page.nordvpn .feature.icon img,
.landing-page.nordvpn .feature.threat img {
    margin: 2rem 0;
}
.landing-page.nordvpn .feature.icon h1,
.landing-page.nordvpn .feature.comparison h1,
.landing-page.nordvpn .feature.threat h1,
.landing-page.nordvpn .feature.use h1 {
    margin: 2.5rem 0;
}
.landing-page.nordvpn .feature.pricing h1 {
    margin: 4rem 0;
}
.landing-page.nordvpn .feature.icon h3,
.landing-page.nordvpn .feature.use h3 {
    margin-bottom: 1.4rem;
}
.landing-page.nordvpn .feature.icon .col-3 {
    padding: 0 3rem;
}
.landing-page.nordvpn .feature.device p,
.landing-page.nordvpn .feature.security p,
.landing-page.nordvpn .feature.use p {
    margin-bottom: 2.5rem;
}
.landing-page.nordvpn .feature.device,
.landing-page.nordvpn .feature.security,
.landing-page.nordvpn .feature.faq {
    text-align: left;
}
.landing-page.nordvpn .feature.comparison th,
.landing-page.nordvpn .feature.comparison td {
    padding: 1rem 0;
    font-weight: lighter;
    font-size: 1.1rem;
}
.landing-page.nordvpn .feature.comparison .comparison-note {
    font-size: 0.75rem;
    text-align: center;
}
.landing-page.nordvpn .feature.comparison .comparison-note a {
    text-decoration: underline;
}
.landing-page.nordvpn .feature.world {
    text-align: center;
}
.landing-page.nordvpn .feature.world h1 {
    margin: 0 0 2.5rem;
}
.landing-page.nordvpn .feature.world .world-image {
    max-width: initial;
    margin: auto;
    opacity: 33%;
}
.landing-page.nordvpn .feature.world .world-desc {
    position: absolute;
    top: 0;
    width: 100%;
}
.landing-page.nordvpn .feature.world .world-image,
.landing-page.nordvpn .feature.world .world-tagline,
.landing-page.nordvpn .feature.world .world-data .col-6 {
    margin-bottom: 2rem;
}
.landing-page.nordvpn .feature.world .world-data p:first-of-type {
    margin-bottom: 0.5rem;
}
.landing-page.nordvpn .feature.world .world-data p:nth-of-type(2) {
    font-size: 3.25rem;
    line-height: 3.25rem;
    font-weight: bold;
    margin-bottom: 0;
}
.landing-page.nordvpn .feature.world > p {
    margin-bottom: 2.5rem
}
.landing-page.nordvpn .feature.logo {
    background:#f2f2f2;
}
.landing-page.nordvpn .feature.logo img {
    margin: 0.75rem 0;
}
.landing-page.nordvpn .feature.security .row.h-100 {
    margin: 4rem 0 8rem;
}
.landing-page.nordvpn .feature.security .row.h-100 p {
    font-size: 1.4rem;
}
.landing-page.nordvpn .feature.use .row div {
    padding-top: 0;
}
.landing-page.nordvpn .feature.use .row.headers div {
    padding-top: 1.6rem;
    padding-bottom: 0;
}
.landing-page.nordvpn .feature.use .col-4 p {
    text-align: left;
}
.landing-page.nordvpn .feature.threat .col-4,
.landing-page.nordvpn .feature.use .col-4{
    padding: 1.6rem 2rem;
}
.landing-page.nordvpn .feature.threat .col-4 {
    padding: 0 2rem;
}
.landing-page.nordvpn .feature.pricing .billing-cycle {
    font-size: 2.5rem;
    font-weight: lighter;
}
.landing-page.nordvpn .feature.pricing .billing-price {
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: bold;
}
.landing-page.nordvpn .feature.pricing .billing-save,
.landing-page.nordvpn .feature.faq h1 {
    margin-bottom: 2.5rem;
}
.landing-page.nordvpn .feature.faq .card-header .btn i {
    align-self: center;
}
.landing-page.nordvpn .comparison {
    text-align: center;
}
.landing-page.nordvpn .comparison .col-2:first-of-type {
    text-align: left;
}
.landing-page.nordvpn .comparison .col-2 {
    min-height: 4rem;
    padding: 0 1rem;
    border: 1px solid #e7e7e8;
    border-bottom: none;
}
.landing-page.nordvpn .comparison .col-12:first-of-type .col-2 {
    min-height: 1.5rem;
}
.landing-page.nordvpn .comparison .col-12:nth-of-type(7) .col-2:not(:nth-of-type(2)),
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2){
    border-bottom: 1px solid #e7e7e8;
}
.landing-page.nordvpn .comparison .col-12:first-of-type .col-2:not(:nth-of-type(2)),
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:not(:nth-of-type(2)) {
    border: none;
}
.landing-page.nordvpn .comparison .col-12:nth-of-type(2) .col-2:nth-of-type(2),
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
    border-top: none;
}
.landing-page.nordvpn .comparison .col-2:first-of-type {
    border-right: none;
}
.landing-page.nordvpn .comparison .col-2:not(:first-of-type):not(:nth-of-type(2)) {
    border-left: none;
}
.landing-page.nordvpn .comparison .col-12:nth-of-type(2) .col-2:first-of-type {
    border-top-left-radius: 4px;
}
.landing-page.nordvpn .comparison .col-12:nth-of-type(7) .col-2:first-of-type {
    border-bottom-left-radius: 4px;
}
.landing-page.nordvpn .comparison .col-12:nth-of-type(2) .col-2:last-of-type {
    border-top-right-radius: 4px;
}
.landing-page.nordvpn .comparison .col-12:nth-of-type(7) .col-2:last-of-type {
    border-bottom-right-radius: 4px;
}
.landing-page.nordvpn .comparison .col-12:first-of-type .col-2:nth-of-type(2) {
    border-radius: 4px 4px 0 0;
}
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
    border-radius: 0 0 4px 4px;
}
.landing-page.nordvpn .comparison .col-2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.landing-page.nordvpn .comparison .col-12 .col-2:nth-of-type(2) {
    border-left-color: #bed4fe;
    border-right-color: #bed4fe;
    background: #ecf3ff;
}
.landing-page.nordvpn .comparison .col-12:first-of-type .col-2:nth-of-type(2) {
    border-top-color: #bed4fe;
}
.landing-page.nordvpn .comparison .col-12:last-of-type .col-2:nth-of-type(2) {
    border-bottom-color: #bed4fe;
}
.landing-page.nordvpn .comparison .col-2 span {
    width: 100%;
}
.landing-page.nordvpn .comparison .btn-get-deal {
    font-size: 1rem;
    padding: 0.5rem 1.5rem;
}
.landing-page.nordvpn .comparison-container {
    overflow-x: auto;
    margin-bottom: 2.5rem;
}
.landing-page.nordvpn .comparison-container > .row {
    min-width: 1110px;
}
@media (max-width: 575px) {
    .landing-page.nordvpn .feature.pricing h1 {
        margin: 3.5rem 0;
    }
    .landing-page.nordvpn .hero h2 {
        font-size: 1.5rem;
    }
    .landing-page.nordvpn .hero .guarantee {
        font-size: 1.4rem;
    }
    .landing-page.nordvpn p {
        font-size: 1rem;
    }
    .landing-page.nordvpn .feature.world .world-data p:nth-of-type(2) {
        font-size: 3.75rem;
        line-height: 3rem;
    }
    .landing-page.nordvpn .feature.security .row.h-100 p {
        font-size: 1.25rem;
    }
    .landing-page.nordvpn .feature.security .row.h-100 {
        margin-bottom: 2.5rem;
    }
    .landing-page.nordvpn .feature {
        padding: 35px 0;
    }
    .landing-page.nordvpn .br-xs-space {
        content: "";
    }
    .landing-page.nordvpn .br-xs-space:after {
        content: " ";
    }
}
@media (min-width: 576px) {
    .landing-page.nordvpn .br-sm-reg {
        content: initial;
    }
    .landing-page.nordvpn .br-sm-space {
        content: "";
    }
    .landing-page.nordvpn .br-sm-space:after {
        content: " ";
    }
}
@media (min-width: 768px) {
    .landing-page.nordvpn .br-md-reg {
        content: initial;
    }
    .landing-page.nordvpn .br-md-space {
        content: "";
    }
    .landing-page.nordvpn .br-md-space:after {
        content: " ";
    }
}
@media (min-width: 992px) {
    .landing-page.nordvpn .feature.logo img,
    .landing-page.nordvpn .feature.world .world-image {
        margin: 0;
    }
    .landing-page.nordvpn .br-lg-reg {
        content: initial;
    }
    .landing-page.nordvpn .br-lg-space {
        content: "";
    }
    .landing-page.nordvpn .br-lg-space:after {
        content: " ";
    }
}
@media (min-width: 1200px) {
    .landing-page.nordvpn .feature.world {
        text-align: left;
    }
    .landing-page.nordvpn .feature.world .world-desc {
        position: initial;
    }
    .landing-page.nordvpn .feature.world .world-image {
        position: absolute;
        top: 0;
        right: 2rem;
        opacity: 100%;
    }
    .landing-page.nordvpn .br-xl-reg {
        content: initial;
    }
    .landing-page.nordvpn .br-xl-space {
        content: "";
    }
    .landing-page.nordvpn .br-xl-space:after {
        content: " ";
    }
}

.landing-page.threesixtymonitoring {
    font-family: "Open Sans", sans-serif;
    font-size: 0.875rem;
    color: #42535e;
}
.landing-page.threesixtymonitoring h1,
.landing-page.threesixtymonitoring h2,
.landing-page.threesixtymonitoring h3,
.landing-page.threesixtymonitoring .row-revenue {
    font-weight: 600 !important;
    color: #222;
}
.landing-page.threesixtymonitoring h1 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}
.landing-page.threesixtymonitoring h2 {
    font-size: 2.125rem;
    margin-bottom: 2rem;
}
.landing-page.threesixtymonitoring h3 {
    font-size: 1.75rem;
}
.landing-page.threesixtymonitoring .p-tagline {
    font-size: 1rem;
    margin-bottom: 2rem;
}
.landing-page.threesixtymonitoring .section-header .tab-server .p-tagline {
    font-size: 2.125rem;
    font-weight: 600;
}
.landing-page.threesixtymonitoring section {
    padding: 5rem 0;
    text-align: center;
}
.landing-page.threesixtymonitoring .section-discover,
.landing-page.threesixtymonitoring .section-features {
    padding: 7.5rem 0;
}
.landing-page.threesixtymonitoring .section-features .tab-content {
    padding-bottom: 1rem;
}
.landing-page.threesixtymonitoring .section-notifications,
.landing-page.threesixtymonitoring .section-monitoring,
.landing-page.threesixtymonitoring .section-features .row-features {
    padding: 3rem 0;
}
.landing-page.threesixtymonitoring .nav-secondary {
    padding-top: 5.5rem;
}
.landing-page.threesixtymonitoring .section-discover .row-features {
    margin: 5rem 0;
}
.landing-page.threesixtymonitoring .section-header .tab-server h2 {
    margin-bottom: 1rem;
}
.landing-page.threesixtymonitoring .modal-results .modal-body,
.landing-page.threesixtymonitoring .section-header,
.landing-page.threesixtymonitoring .tab-website .section-monitoring {
    background-color: #b8d2ff;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.landing-page.threesixtymonitoring .btn-primary {
    background-color: #8952cb !important;
    border-color: #8952cb !important;
    border-radius: 2.5rem;
    color: #fff !important;
    font-weight: 600;
    padding: 1.125rem;
    text-transform: uppercase;
    width: 100%;
    max-width: 25rem;
}
.landing-page.threesixtymonitoring .btn:disabled {
    opacity: initial;
}
.landing-page.threesixtymonitoring .btn-search {
    background-color: #000;
    border-radius: 0.25rem;
    color: #fff;
    width: 100%;
}
.landing-page.threesixtymonitoring .section-pricing .btn-primary {
    width: 100%;
}
.landing-page.threesixtymonitoring .section-header {
    color: #222;
}
.landing-page.threesixtymonitoring .section-header .form-control {
    font-weight: 600;
    color: #222;
}
.landing-page.threesixtymonitoring .img-logo,
.landing-page.threesixtymonitoring .img-full,
.landing-page.threesixtymonitoring .tab-website h1 {
    margin-bottom: 2rem;
}
.landing-page.threesixtymonitoring .modal-results .modal-header {
    background: linear-gradient(to right, #902a6d, #ce3b56);
    color: #fff;
}
.landing-page.threesixtymonitoring .modal-results .modal-dialog {
    max-width: 970px;
}
.landing-page.threesixtymonitoring .modal-results .modal-body > div {
    margin: 0 1rem;
}
.landing-page.threesixtymonitoring .modal-results .modal-body p {
    text-transform: uppercase;
    font-size: 1.75rem;
    font-weight: 600;
    margin: 1.5rem 0;
}
.landing-page.threesixtymonitoring .modal-results .modal-body .btn {
    margin: 1.5rem 0;
}
.landing-page.threesixtymonitoring .modal-results .div-results {
    margin-bottom: 4rem;
}
.landing-page.threesixtymonitoring .modal-results .div-results > div:first-child {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}
.landing-page.threesixtymonitoring .modal-results .div-results > div:nth-child(2) {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}
.landing-page.threesixtymonitoring .modal-results .div-results [data-metric="host_status"] {
    text-transform: uppercase;
}
.landing-page.threesixtymonitoring .modal-results .row-legend i {
    margin: 0 1rem;
}
.landing-page.threesixtymonitoring .modal-results .row-legend {
    font-size: 0.75rem;
    font-weight: 600;
}
.landing-page.threesixtymonitoring .modal-results .result-positive {
    color: #00c74f;
}
.landing-page.threesixtymonitoring .modal-results .result-concern {
    color: #ffcc1a;
}
.landing-page.threesixtymonitoring .modal-results .result-negative {
    color: #f1526f;
}
.landing-page.threesixtymonitoring .modal-results .div-modal-border {
    width: 100%;
    border-bottom: solid 1px #b8d2ff;
    margin: 2rem 0;
}
.landing-page.threesixtymonitoring .nav-item {
    width: 50%;
}
.landing-page.threesixtymonitoring .nav-item.nav-full-width {
    width: 100%;
}
.landing-page.threesixtymonitoring .nav-link {
    color: #42535e;
    font-weight: 600;
    height: 100%;
}
.landing-page.threesixtymonitoring .nav-primary .nav-link {
    background-color: #f1f7ff;
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 1.875rem;
    font-size: 1.25rem;
}
.landing-page.threesixtymonitoring .modal-results .modal-header,
.landing-page.threesixtymonitoring .nav-primary .nav-link.active {
    background: linear-gradient(to right, #902a6d, #ce3b56);
    color: #fff;
}
.landing-page.threesixtymonitoring .nav-secondary .nav-link {
    background-color: #d9e8ff;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 1.875rem;
}
.landing-page.threesixtymonitoring .nav-secondary .nav-link.active {
    background-color: #fff;
    border-radius: 0;
    border-top: solid #9b65db 3px;
}
.landing-page.threesixtymonitoring .tab-content {
    padding: initial;
}
.landing-page.threesixtymonitoring .div-heading-text {
    margin-top: -7rem;
}
.landing-page.threesixtymonitoring .section-features {
    background: linear-gradient(#dce9ff, #ffffff);
}
.landing-page.threesixtymonitoring .row-features {
    font-weight: 600;
}
.landing-page.threesixtymonitoring .row-features span {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.landing-page.threesixtymonitoring .row-features img {
    margin: 2rem 0;
	width: 7.5rem;
}
.landing-page.threesixtymonitoring .row-features p {
    margin-bottom: 2rem;
}
.landing-page.threesixtymonitoring .row-notifications {
    font-size: 0.75rem;
}
.landing-page.threesixtymonitoring .row-notifications > div {
    margin: 1rem 0;
}
.landing-page.threesixtymonitoring .col-brand-img {
    height: 92px;
}
.landing-page.threesixtymonitoring .section-monitoring {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
.landing-page.threesixtymonitoring .tab-server .section-monitoring {
    margin-bottom: 5rem;
}
.landing-page.threesixtymonitoring .section-monitoring .container > .row {
    align-items: center;
}
.landing-page.threesixtymonitoring .row-revenue {
    color: #fff;
    font-size: 1.25rem;
    margin: 2.25rem 0;
}
.landing-page.threesixtymonitoring .row-revenue .row div:first-child,
.landing-page.threesixtymonitoring .row-revenue .row div:nth-child(4) {
    font-size: 2.5rem;
}
.landing-page.threesixtymonitoring .row-revenue > div {
    padding: 15px;
}
.landing-page.threesixtymonitoring .row-revenue > div .row {
    border-radius: 0.5rem;
    margin: auto;
    padding: 1.875rem 0;
}
.landing-page.threesixtymonitoring .row-revenue > div:first-child .row {
    background-color: #ac86da;
}
.landing-page.threesixtymonitoring .row-revenue > div:nth-child(2) .row {
    background-color: #a175d5;
}
.landing-page.threesixtymonitoring .row-revenue > div:nth-child(3) .row {
    background-color: #9563d0;
}
.landing-page.threesixtymonitoring .row-revenue > div:last-child .row {
    background-color: #8952cb;
}
.landing-page.threesixtymonitoring .div-pricing-container {
    margin-bottom: 3rem;
}
.landing-page.threesixtymonitoring .div-pricing {
    min-width: 930px;
}
.landing-page.threesixtymonitoring .div-pricing .col-4 > div,
.landing-page.threesixtymonitoring .div-pricing .row:not(.row-order) .col-2 > div {
    padding: 0.5rem;
}
.landing-page.threesixtymonitoring .div-pricing .row-order {
    margin-bottom: 1rem;
}
.landing-page.threesixtymonitoring .row-amount {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.div-pricing > div:nth-child(2) > div {
    border-top: solid #f8fafc 3px;
}
.landing-page.threesixtymonitoring .div-heading-border {
    border-bottom: solid #9b65db 3px;
    margin: 0.5rem;
}
.landing-page.threesixtymonitoring .div-pricing-container ul {
    list-style: none;
    padding: 0;
}
.landing-page.threesixtymonitoring .div-pricing-container li {
    height: 2.5rem;
    line-height: 2.5rem;
}
.landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels li,
.landing-page.threesixtymonitoring .div-pricing-container .div-feature-label-starting {
    padding-left: 0.5rem;
}
.landing-page.threesixtymonitoring .header {
    height: 6.25rem;
}
.landing-page.threesixtymonitoring .div-feature-price {
    margin: 0 1rem;
}
.landing-page.threesixtymonitoring .div-feature-label-starting,
.landing-page.threesixtymonitoring .div-feature-price {
    margin-top: 2.5rem;
    line-height: 2.5rem;
}
.landing-page.threesixtymonitoring .div-feature-order {
    margin: 1rem;
    margin-bottom: 3rem;
}
.landing-page.threesixtymonitoring .div-feature-labels {
    text-align: left;
    width: 65%;
    float: left;
}
.landing-page.threesixtymonitoring .div-feature-values {
    width: 35%;
    float: left;
}
.landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels ul li:nth-child(2n+2) {
    background-color: #f1f5f9;
}
.landing-page.threesixtymonitoring .div-pricing-container .div-feature-values li {
    text-transform: lowercase;
}
.landing-page.threesixtymonitoring .div-pricing-container .div-feature-values ul li:nth-child(2n+2) {
    background-color: #f8fafc;
}
.landing-page.threesixtymonitoring .div-feature-price {
    background-color: #b8d2ff;
    color: #fff;
}
.landing-page.threesixtymonitoring .div-feature-labels,
.landing-page.threesixtymonitoring .div-plan-name,
.landing-page.threesixtymonitoring .div-feature-price,
.landing-page.threesixtymonitoring .section-pricing strong {
    font-weight: 600;
}
.landing-page.threesixtymonitoring .div-feature-label-starting {
    background-color: #8952cb;
    color: #fff;
}
.landing-page.threesixtymonitoring .section-pricing .fa-times {
    color: #2ea2e2;
}
.landing-page.threesixtymonitoring .div-sample-price {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.landing-page.threesixtymonitoring .section-faq .btn-link {
    color: #42535e;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.9rem;
}
.landing-page.threesixtymonitoring .section-faq .card {
    border: 0;
    margin: 0;
}
.landing-page.threesixtymonitoring .section-faq .card-header {
    background-color: #fff;
    border-bottom: solid #f6f9ff 3px;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.landing-page.threesixtymonitoring .section-faq .card-body {
    font-weight: 600;
    text-align: left;
}
.landing-page.threesixtymonitoring .section-faq .fa-plus,
.landing-page.threesixtymonitoring .section-faq .fa-minus {
    color: #2ea2e2;
	cursor: pointer;
}
@media (min-width: 768px) {
    .landing-page.threesixtymonitoring .modal-results .row-legend i {
        margin: 0 0.5rem;
    }
    .landing-page.threesixtymonitoring .modal-results .div-results > div:nth-child(2) {
        font-size: 1.75rem;
    }
    .landing-page.threesixtymonitoring .div-feature-labels,
    .landing-page.threesixtymonitoring .div-plan-name,
    .landing-page.threesixtymonitoring .div-feature-price {
        font-weight: 600;
        font-size: 1rem;
    }
    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-2 {
        width: 50%;
    }
    .landing-page.threesixtymonitoring .div-feature-values.feature-count-2 {
        width: 25%;
    }
    .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-2:not(:first-child),
    .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-3:not(:first-child),
    .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-4:not(:first-child) {
        display: none;
    }
    .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-4:nth-child(5) {
        display: block;
    }
    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-3 {
        width: 40%;
    }
    .landing-page.threesixtymonitoring .div-feature-values.feature-count-3 {
        width: 20%;
    }
    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-4 {
        width: 50%;
    }
    .landing-page.threesixtymonitoring .div-feature-values.feature-count-4 {
        width: 25%;
    }
}
@media (min-width: 992px) {
    .landing-page.threesixtymonitoring .section-header,
    .landing-page.threesixtymonitoring .tab-website .section-monitoring,
    .landing-page.threesixtymonitoring .section-faq {
        text-align: left;
    }
    .landing-page.threesixtymonitoring .section-faq h2 {
        text-align: center;
    }
    .landing-page.threesixtymonitoring .div-feature-labels,
    .landing-page.threesixtymonitoring .div-plan-name,
    .landing-page.threesixtymonitoring .div-feature-price {
        font-weight: 600;
        font-size: 1.125rem;
    }
    .landing-page.threesixtymonitoring .div-feature-labels.feature-count-4 {
        width: 40%;
    }
    .landing-page.threesixtymonitoring .div-feature-values.feature-count-4 {
        width: 15%;
    }
    .landing-page.threesixtymonitoring .div-pricing-container > .div-feature-labels.feature-count-4:not(:first-child) {
        display: none;
    }
}