.hero-image {
	overflow: hidden;
	background-color: #191b20;
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	min-height: 550px;
	height: calc(100vh - 320px);
	/* Following values are set so that the hero overlaps with above bar and then is no
		flash of white space when the top bar stick
		*/
	box-sizing: content-box;
	padding-top: 40px;
	margin-top: -40px;
}

.hero-image-darker-bg {
	/* For black and transparent gradient on L1 hero images we give this class position relative.*/
	position: relative;
}

.hero-image-darker-bg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(90deg,
			rgba(0, 0, 0, 0.7) 0%,
			rgba(0, 0, 0, 0) 50%);
	z-index: 0;
}

@media only screen and (max-width: 768px) {
	.hero-image-darker-bg:after {
		display: none;
	}
}

.hero-sub-desc {
	opacity: 0.8;
	max-width: 620px;
}

.hero-image.track {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-track.jpg);
}

.hero-image.analyze {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-analyze.jpg);
}

.hero-image.plan {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-plan.jpg);
}

.hero-image.test {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-test.jpg);
}

.hero-image.target {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-target.jpg);
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.hero-image.track {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-track@2x.jpg);
	}

	.hero-image.analyze {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-analyze@2x.jpg);
	}

	.hero-image.plan {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-plan@2x.jpg);
	}

	.hero-image.test {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-test@2x.jpg);
	}

	.hero-image.target {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hero-target@2x.jpg);
	}
}

.hero-image>[class*='col'] {
	background: #39b775;
}

.hero-left {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-flex-basis: 480px;
	flex-basis: 480px;
	z-index: 1;
}

.hero-home .hero-left {
	-webkit-flex-basis: 460px;
	flex-basis: 460px;
}

@media only screen and (max-width: 768px) {

	.hero-left,
	.hero-home .hero-left {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
	}
}

.hero-right {
	margin-left: 3.4em;
}

.hero-title {
	margin: 0;
	font-size: 1.13rem;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.hero-desc {
	font-size: 1.75rem;
}

.hero-image.track .hero-title {
	color: #e24a65;
}

.hero-image.analyze .hero-title {
	color: #f2784b;
}

.hero-image.plan .hero-title {
	color: #25c98d;
}

.hero-image.test .hero-title {
	color: #3892e3;
}

.hero-image.target .hero-title {
	color: #ffc100;
}

.no-hero .top-nav-bar+.hero-image,
.no-hero .bottom-nav-bar {
	display: none;
}

.hero-home {
	height: auto;
	background-image: linear-gradient(-228deg,
			#000000 0%,
			#000711 21%,
			#002454 100%);
	margin-top: -90px;
	position: relative;
	overflow: visible;
}

/* DOTS GRID */

.hero-home:after {
	content: '';
	/*background: radial-gradient(rgba(55, 153, 241, 0.5) 1.5px, transparent 1.5px) 0px 0px;*/
	background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/home-bg-dots.svg');
	background-position: left bottom 40px;
	background-repeat: repeat-x;
	position: absolute;
	left: 0;
	top: 151px;
	width: 100%;
	bottom: 0;
	opacity: 0.6;
	pointer-events: none;
}

.hero-home__title {
	font-size: 2.5em;
	line-height: 1.45;
}

.hero-home__img {
	margin-bottom: -135px;
}

.hero-home__cta,
.hero-home__img {
	position: relative;
	z-index: 1;
	/* Bring over the background dots */
}

@media (min-height: 750px) and (max-height: 850px) {
	.hero-home {
		height: calc(100vh - 36px);
		/* 40px = Top header height and space */
	}

	.hero-home__img {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 10px;
	}
}

.hero-product {
	/* Since it has not top and bottom bars, give it extra height */
	min-height: 590px;
	height: calc(100vh - 320px + 40px);
	/* 80px for top+bottom bar height */
	background: #191b20 url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/cro-product-bg.jpg) no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.hero-product {
		background: #191b20 url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/cro-product-bg@2x.jpg) no-repeat;
		background-size: cover;
	}
}

.next-section {
	background: #3b2a5e;
}

.track-color {
	color: #3cbc8d;
}

.analyize-color {
	color: #f58d3f;
}

.plan-color {
	color: #e24a65;
}

.test-color {
	color: #3892e3;
}

.target-color {
	color: #8c9d41;
}

.h2-heading {
	font-size: 32px;
	line-height: 40px;
	font-weight: normal;
}

.h3-heading {
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
}

/* HACK: first col-sm inserted by vcomposer is unecessary padding */

body>[class*='col-'] {
	padding: 0 !important;
}

.img {
	background: grey;
	height: 250px;
}

/* PAGE SECTION */

@media only screen and (min-width: 1280px) {

	.section>div>.row,
	.section>.row {
		min-height: calc(100vh - 45px - 54px);
	}
}

/* To remove min-height: 700px for mobile and tablet so we added min-width: 1280px in media query*/

@media only screen and (max-height: 700px) and (min-width: 1280px) {

	.section>.wrap>.row,
	.section>.row {
		min-height: 700px;
	}
}

@media only screen and (max-width: 768px) {

	.section>.wrap>.row,
	.section>.row {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}

@media only screen and (min-width: 768px) {
	.section>.wrap>.row {
		padding: 6.25rem 0;
	}
}

.section-noheight>div>.row,
.section-noheight>.wrap>.row,
.section-noheight>.row {
	min-height: initial;
	min-height: auto;
}

@media only screen and (max-width: 768px) {

	.phn-section-noheight>div>.row,
	.phn-section-noheight>.wrap>.row,
	.phn-section-noheight>.row {
		min-height: initial;
		min-height: auto;
	}
}

/* IE-10 and IE-11 specific styles */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

	.ms-height-fixed>div>.row,
	.ms-height-fixed>.wrap>.row,
	.ms-height-fixed>.row {
		height: 700px;
	}
}

@media screen and (min-width: 1280px) {

	.section-nopadding>.wrap>.row,
	.section-nopadding>.row {
		padding: 0;
	}
}

/* Put this on section and all readmore btns inside will hide */

.section-no-readmore .section-more-btn {
	display: none;
}

.section-name {
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 0.6rem;
	text-transform: uppercase;
	font-weight: 600;
}

.section-title {
	font-size: 1.75rem;
	font-weight: 400;
	margin: 0 0 0.8rem;
	color: #2b3945;
}

.section-more-btn {
	font-weight: 600;
	font-size: 0.875em;
	text-transform: uppercase;
	color: #3892e3;
}

.section-more-btn:hover {
	text-decoration: underline;
}

/* -- track background images section --- */

.section-funnels {
	background-color: #f5f7f8;
	/*background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/track/section-funnel-bg.png);
		background-repeat: no-repeat;
		background-position: bottom 5% center;
		background-size: contain;*/
}

.section-funnels__text {
	position: relative;
	z-index: 2;
}

.funnel-img {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 4%;
}

/* TRACK VISITOR CLICK ANIMATION */

.track-visitor-click-wrap {
	overflow: hidden;
	max-width: 400px;
	position: relative;
	margin: 0 auto;
}

.track-visitor-click-button {
	display: block;
	position: absolute;
	top: 68%;
	left: 7.9%;
	width: 84.3%;
	-webkit-animation: trackButtonClick 5s infinite ease-out;
	animation: trackButtonClick 5s infinite ease-out;
}

.track-visitor-click-pointer {
	width: 9.6%;
	height: 15%;
	position: absolute;
	left: 30%;
	top: 75%;
	-webkit-animation: trackClickPointerXAnimation 5s infinite ease-in;
	animation: trackClickPointerXAnimation 5s infinite ease-in;
}

.track-visitor-click-pointer::after {
	content: '';
	display: block;
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/track/Hand.svg);
	background-size: cover;
	width: 100%;
	height: 100%;
	-webkit-animation: trackClickPointerYAnimation 5s infinite ease-out;
	animation: trackClickPointerYAnimation 5s infinite ease-out;
}

@-webkit-keyframes trackClickPointerXAnimation {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

	25% {
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
	}

	50% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
	}

	75% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
	}
}

@keyframes trackClickPointerXAnimation {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}

	25% {
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
	}

	50% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
	}

	75% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
	}
}

@-webkit-keyframes trackClickPointerYAnimation {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	6% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	25% {
		-webkit-transform: translateY(200px);
		transform: translateY(200px);
	}

	50% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	55% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	75% {
		-webkit-transform: translateY(150px);
		transform: translateY(150px);
	}
}

@keyframes trackClickPointerYAnimation {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	6% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	25% {
		-webkit-transform: translateY(200px);
		transform: translateY(200px);
	}

	50% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	55% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	75% {
		-webkit-transform: translateY(150px);
		transform: translateY(150px);
	}
}

@-webkit-keyframes trackButtonClick {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	2% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	4% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	48% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	53% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes trackButtonClick {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	2% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	4% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	48% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	53% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.section-segmentation {
	background-color: #fff;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/track/section-segmentaion-bg.jpg);
	background-repeat: no-repeat;
	background-position: 10% bottom;
	background-size: contain;
}

/* @2x: Should be used for specifying 2x images for bigger resolutions/dpi */

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-segmentation {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/track/section-segmentaion-bg@2x.jpg);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.section-segmentation {
		background-position: left center;
		background-size: 50%;
	}
}

/*Parallax sections use :before to have a fixed bg for optimized perf. */

/* Otherwise background-attachment: fixed will jank the page. */

.section-parallax:before {
	content: '';
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	/*will-change: transform; commented out because of a bug on plan page where this section hides the top menus */
	/* Since this is fixed element */
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.section-graph:before {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/track/section-graph-bg.jpg);
}

/* -- Analyze background images section --- */

.section-heatmaps {
	background-color: #f5f7f8;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/analyze/section-heatmaps-bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-heatmaps {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/analyze/section-heatmaps-bg@2x.jpg);
	}
}

@media only screen and (max-width: 768px) {
	.section-heatmaps {
		background-position: bottom left;
	}
}

.section-recording {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/analyze/recording-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.section-analyze-form-analysis {
	background-color: #ececec;
}

.section-analyze-form-analysis>.wrap>.row {
	padding-top: 0;
}

.section-ops {
	background-color: #f4f5fa;
	position: relative;
}

.img-report1 {
	position: absolute;
	left: -3%;
	top: 31%;
	width: 25%;
}

.img-report2 {
	position: absolute;
	top: 32%;
	left: 26%;
	width: 50%;
}

.img-report3 {
	position: absolute;
	right: -6%;
	top: 17%;
	width: 27%;
}

/*--plan background images section-- */

.section-observation {
	background-color: #f5f7f8;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/section-observation-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-observation {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/section-observation-bg@2x.jpg);
	}
}

@media only screen and (max-width: 768px) {
	.section-observation {
		background-position: top right;
	}
}

.section-hypothesis {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/section-hypothesis-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	background-color: #2f2f2f;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-hypothesis {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/section-hypothesis-bg@2x.jpg);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.section-hypothesis {
		background-position: right top;
	}
}

@media only screen and (max-width: 767px) {
	.section-hypothesis {
		background-position: left top;
	}
}

.section-priortize {
	background-color: #f5f7f8;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/section-priortize-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-priortize {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/section-priortize-bg@2x.jpg);
	}
}

@media only screen and (max-width: 768px) {
	.section-priortize {
		background-image: none;
	}
}

.section-lab {
	background-color: #f7f8fc;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/collaborate.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-lab {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/collaborate@2x.jpg);
	}
}

@media only screen and (max-width: 768px) {
	.section-lab {
		background-position: left top;
	}
}

/*--test background images section-- */

.section-smartstats {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/test/section-smartstats-bg.png);
	background-repeat: no-repeat;
	background-position: center right 13%;
}

@media only screen and (max-width: 1023px) {
	.section-smartstats {
		background: none;
	}
}

.section-reports {
	background-color: #f5f7f8;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/test/section-reports-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

.secton-mobile-ab-test {
	background-image: url(/wp-content/themes/vwo/images/test/mobile-ab-test.svg),
		linear-gradient(#fcfcfc, #ffffff);
	background-repeat: no-repeat;
	background-position: center left -20%, center;
	background-size: 70%, 100%;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.secton-mobile-ab-test {
		background-size: 60%, 100%;
		background-position: center left, center;
	}
}

@media only screen and (max-width: 1279px) {
	.secton-mobile-ab-test {
		background: linear-gradient(#fcfcfc, #ffffff);
	}
}

.section-test-visual-editor {
	background-color: #f5f7f8;
}

.section-test-visual-editor [class*='col-']:first-child {
	z-index: 1;
}

.section-test-visual-editor video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
	height: auto;
}

.border-top-line {
	border-top: 1px solid rgba(151, 151, 151, 0.3);
}

.bayesian-pie-animation {
	position: absolute;
	top: 25%;
	left: 34%;
}

.bayesian-uprcode-animation {
	position: absolute;
	top: 10%;
	left: 23%;
}

.bayesian-lwrcode-animation {
	position: absolute;
	top: 75%;
	left: 32%;
}

.bayesian-pie-animation.animated {
	-webkit-transform: translate(105px, 0) scale(1.2);
	transform: translate(105px, 0) scale(1.2);
	-webkit-animation: pieslide 18s ease 1s infinite alternate;
	animation: pieslide 18s ease 1s infinite alternate;
}

@-webkit-keyframes pieslide {
	0% {
		-webkit-transform: translate(105px, 0) scale(1.2);
		transform: translate(105px, 0) scale(1.2);
	}

	100% {
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1);
	}
}

@keyframes pieslide {
	0% {
		-webkit-transform: translate(105px, 0) scale(1.2);
		transform: translate(105px, 0) scale(1.2);
	}

	100% {
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1);
	}
}

.bayesian-uprcode-animation.animated {
	-webkit-transform: translate(0, 150px) scale(1.2);
	transform: translate(0, 150px) scale(1.2);
	-webkit-animation: lowercodeslide 18s ease 1s infinite alternate;
	animation: lowercodeslide 18s ease 1s infinite alternate;
}

@-webkit-keyframes lowercodeslide {
	0% {
		-webkit-transform: translate(0px, 150px) scale(1.2);
		transform: translate(0px, 150px) scale(1.2);
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
	}
}

@keyframes lowercodeslide {
	0% {
		-webkit-transform: translate(0px, 150px) scale(1.2);
		transform: translate(0px, 150px) scale(1.2);
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1);
		transform: translate(0px, 0px) scale(1);
	}
}

.bayesian-lwrcode-animation.animated {
	-webkit-transform: translate(-143px, 0) scale(1.2);
	transform: translate(-143px, 0) scale(1.2);
	-webkit-animation: uppercodeslide 18s ease 1s infinite alternate;
	animation: uppercodeslide 18s ease 1s infinite alternate;
}

@-webkit-keyframes uppercodeslide {
	0% {
		-webkit-transform: translate(-143px, 0) scale(1.2);
		transform: translate(-143px, 0) scale(1.2);
	}

	100% {
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1);
	}
}

@keyframes uppercodeslide {
	0% {
		-webkit-transform: translate(-143px, 0) scale(1.2);
		transform: translate(-143px, 0) scale(1.2);
	}

	100% {
		-webkit-transform: translate(0, 0) scale(1);
		transform: translate(0, 0) scale(1);
	}
}

/*--target background images section-- */

.section-target {
	background-color: #ffffff;
}

.section-target-liquor {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/target/bar_scene.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

ul.target-ul li:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: #788290;
	margin-right: 20px;
	margin-bottom: 2px;
}

.section-personalization {
	background-color: #f7f7f7;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/target/target-person.png);
	background-repeat: no-repeat;
	background-position: center right 10%;
}

/* l2 page styling  */

.section-l2-header .section-title {
	font-size: 3.5rem;
	line-height: 1.2;
	color: #2b3945;
}

.section-l2-header::after {
	content: '';
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/L2-down-arrow.png);
	width: 93px;
	height: 39px;
	position: absolute;
	left: calc(50% - 46px);
	bottom: -38px;
	z-index: 1;
}

@media only screen and (max-width: 768px) {
	.section-l2-header .section-title {
		font-size: 2.3rem;
		line-height: 1.4;
	}
}

.section-metricRealTime {
	background-color: #424d78;
}

.section-lot-more,
.section-multivariate-combinations {
	background-color: #32425b;
}

.section-lot-more p,
.section-lot-more ul {
	color: #c3cad3;
}

.section-conversion-timeline {
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/goal/section-conversion-timeline-bg.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-conversion-timeline {
		background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/goal/section-conversion-timeline-bg@2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom 20% center;
	}
}

.section-robust-reliable {
	background-color: #1e324d;
}

.section-robust-reliable p {
	color: #c3cad3;
}

.section-l2-title {
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 20px;
}

.section-l2-title+p {
	margin-top: 0;
}

.section-metricRealTime p {
	color: #c3cad3;
	line-height: 1.6;
	letter-spacing: 0.2px;
	font-weight: 400;
}

.section-heading-large {
	font-size: 1.875rem;
	font-weight: 400;
	margin-top: 0;
	line-height: 1;
}

.section-heading {
	font-size: 1.625rem;
	color: #fff;
	font-weight: 400;
	margin-top: 0px;
	line-height: 1;
}

.section-sub-heading {
	font-size: 1.375rem;
	font-weight: 400;
	margin-top: 0;
	/*line-height: 1.5;*/
}

.goal-fixed-image {
	position: -webkit-sticky;
	position: sticky;
	top: 250px;
}

@media only screen and (max-width: 768px) {

	.section-l2-title,
	.section-heading-large {
		font-size: 1.8rem;
		line-height: 1.4;
	}

	.goal-fixed-image {
		position: static !important;
	}
}

.border-btm-line {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.border-top-line {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.section-dig-depper {
	background-color: #eaedf1;
}

.customers-stories-line {
	width: 20%;
	height: 4px;
	background-color: #fff;
	display: inline-block;
	margin-bottom: 10px;
}

.section-click-scroll {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/heatmap/scroll-behavior-bg.png);
	background-color: #f6f6f6;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-click-scroll {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/heatmap/scroll-behavior-bg@2x.png);
	}
}

.border-line-dashed {
	border: 1px dashed #979797;
	border-radius: 5px;
}

.click-box-bg {
	background-color: #eeeff1;
	bottom: -81px;
	right: 0px;
}

.click-box-bg p {
	margin: 0px;
}

.click-box-bg p:first-child {
	color: #4a4a4a;
	font-size: 1.375rem;
}

/*------------------------------------------------
	*FUNNEL PAGE
	*------------------------------------------------*/

.section-see-dropoff {
	background: linear-gradient(to bottom,
			#dce3e8 0%,
			#dce3e8 550px,
			#ffffff 550px,
			#ffffff 100%);
}

.section-customize-funnel {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/funnel/funnel-scissors.png);
	background-repeat: no-repeat;
	background-color: #f3f2f1;
	background-position: bottom right;
	background-size: 55%;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-customize-funnel {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/funnel/funnel-scissors@2x.png) no-repeat;
	}
}

/*------------------------------------------------
	*RECORDING PAGE
	*------------------------------------------------*/

.section-recordings-visual-player {
	background-color: #f6f6f6;
}

.section-recordings-visual-player>.wrap>.row {
	padding-top: 0px;
}

.section-recordings-insights {
	color: white !important;
	background: #1e324d;
}

.section-recordings-insights p {
	color: #d9dde1;
}

.section-recordings-security {
	color: white;
	background: #1e324d;
}

.section-recordings-security p {
	color: #c3cad3;
}

/*.section-see-dropoff .funnel-dropoff{
		box-shadow: 0px 10px 20px 0px grey;
	}*/

.section-travel-paths {
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/funnel/funnel-travel-path.jpg) no-repeat center;
	background-size: cover;
	background-color: #204174;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-travel-paths {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/funnel/funnel-travel-path@2x.jpg);
	}
}

.section-travel-paths p {
	color: white;
}

/*------------------------------------------------
	*FORMS PAGE
	*------------------------------------------------*/

.section-froms-submit,
.section-obs-context {
	background-color: #f6f6f6;
}

.section-forms-converstion-funnnel {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/forms/form-converson-bg.jpg') no-repeat bottom center;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-forms-converstion-funnnel {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/forms/form-converson-bg@2x.jpg');
	}
}

@media only screen and (min-width: 1600px) {
	.section-forms-converstion-funnnel {
		background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/forms/form-converson-bg@2x.jpg') no-repeat bottom center;
		background-size: 100%;
		background-position: top 50% center;
	}
}

/*.section-forms-converstion-funnnel .section-sub-heading {
		margin-left:-23px;
	}
	.section-forms-converstion-funnnel .section-sub-heading:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #2B3945;
	margin-right: 13px;
	margin-bottom:3px
	}*/

.section-forms-insights {
	background-color: #f6f6f6;
}

.section-froms-behavior {
	background: rgba(196, 203, 212, 1);
	background: linear-gradient(to bottom,
			rgba(196, 203, 212, 1) 0%,
			rgba(255, 255, 255, 1) 59%,
			rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c4cbd4', endColorstr='#ffffff', GradientType=0);
}

/*------------------------------------------------
	*OBSERVATIONS PAGE
	*----------------------------------	--------------*/

.central-repository {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/forms/section-converstion-funnel.jpg') no-repeat center;
	background-size: cover;
}

.section-central-repos {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/observations/central-repository-bg.jpg') no-repeat center;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-central-repos {
		background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/observations/central-repository-bg@2x.jpg') no-repeat center;
		background-size: cover;
	}
}

/*------------------------------------------------
	*Conversion Optimization PAGE
	*----------------------------------	--------------*/

.section-cro-process {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/cro-process.jpg') no-repeat left top;
	background-size: contain;
}

.section-cro-explore {
	background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/explore-track.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-cro-explore {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/explore-track@2x.jpg');
		background-position: left center;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.section-cro-explore {
		background-position: bottom left 30%;
	}
}

.section-cro-explore .h2-heading {
	line-height: 48px;
}

.cro-explore-btn {
	font-size: 1rem;
	padding: 20px 28px;
	letter-spacing: 1px;
	line-height: 1rem;
}

.cro-grey-heading {
	font-size: 1rem;
	color: #a6aeb9;
	text-transform: uppercase;
	margin: 10px 0px;
	letter-spacing: 1.4px;
}

@media only screen and (max-width: 768px) {
	.section-cro-process {
		background-image: none;
	}
}

.cro-secton-subheading {
	color: #788290;
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: 400;
}

.cro-process-text {
	font-size: 1rem;
	color: #2b3945;
	font-weight: 400;
}

.cro-process-container {
	padding: 0 4rem;
}

.cro-process-box {
	padding-left: 0.6rem;
	padding-right: 4rem;
	border-bottom: 2px solid #3cbc8d;
	height: 100%;
	position: relative;
}

.cro-process-box--top {
	border-top: 2px solid #3cbc8d;
	border-bottom: none;
}

.cro-process-box::before {
	content: '';
	border-left: 1px solid #d8dde3;
	position: absolute;
	height: 83%;
	left: -10px;
	top: 15px;
	width: 13px;
	border-top: 1px solid #d8dde3;
}

.cro-process-box::after {
	content: '';
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/process-green-arrow.svg);
	width: 9px;
	height: 17px;
	background-size: cover;
	position: absolute;
	bottom: -9px;
	left: 50%;
}

.cro-process-box--top::after {
	content: '';
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/process-green-arrow.svg);
	width: 9px;
	height: 17px;
	background-size: cover;
	position: absolute;
	top: -9px;
	left: 50%;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.cro-process-box--top::before {
	content: '';
	border-left: 1px solid #d8dde3;
	position: absolute;
	height: 30%;
	left: -10px;
	top: 15px;
	border-top: 0;
	border-bottom: 1px solid #d8dde3;
}

.cro-process-title {
	font-size: 1.25rem;
	line-height: 1;
	color: #2b3945;
	font-weight: 600;
	margin: 0 0 0 2rem;
	text-transform: uppercase;
}

.cro-process-flow {
	padding: 0;
}

.cro-process-flow li {
	position: relative;
	margin-bottom: 13px;
}

.cro-process-flow li:after {
	content: '';
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/cro-process-btm-line.svg);
	position: absolute;
	height: 13px;
	width: 904px;
	background-repeat: no-repeat;
	bottom: -13px;
	left: 0;
}

@media only screen and (max-width: 1279px) {
	.cro-process-flow li:after {
		width: 100%;
	}
}

.cro-process-flow li:last-child:after {
	display: none;
}

.cro-process-flow li a {
	position: relative;
	color: #2b3945;
}

.cro-process-flow li .icon-arrow-line {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 12px;
	opacity: 0.2;
	transition: all 0.5s ease-in-out;
}

.cro-process-flow li a:hover {
	color: #1f2532;
}

.cro-process-flow li a:hover .icon-arrow-line {
	opacity: 1;
}

.count-icon {
	position: absolute;
	bottom: -13px;
	left: -22px;
}

.count-icon-top {
	position: absolute;
	top: -13px;
	left: -22px;
}

.cro-border-dashed {
	border: 2px dashed rgba(199, 208, 225, 0.7);
	border-radius: 30px;
	top: -2px;
	z-index: 1;
}

.cro-border-dashed:after {
	content: '';
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/process-grey-arrow.svg);
	width: 9px;
	height: 17px;
	background-size: cover;
	position: absolute;
	left: 17%;
	bottom: -10px;
}

.cro-border-dashed:before {
	content: '';
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/process-grey-arrow.svg);
	width: 9px;
	height: 17px;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: -6px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.process-bottom-row-relative {
	position: relative;
	top: -4px;
	z-index: 1;
}

.process-top-row-relative {
	position: relative;
	z-index: 1;
}

.process-absolute-corner {
	/*height: 124px;*/
	position: absolute;
	border: 2px solid #3cbc8d;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	right: -2px;
	top: -2px;
	width: 50%;
	border-left: none;
}

.process-absolute-corner:after {
	content: '';
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/process-green-arrow.svg);
	width: 9px;
	height: 17px;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: -6px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.section-cro-connected {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/connected-section-bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-cro-connected {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/cro/connected-section-bg@2x.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.section-cro-connected {
		background-position: bottom left 15%;
	}
}

.Slider-Nav-logo ul {
	position: relative;
}

.Slider-Nav-logo li {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 150px;
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
	transition: opacity 0.2s ease;
	z-index: 2;
}

.Slider-Nav-logo li img {
	opacity: 0.5;
}

.Slider-Nav-logo li:hover img,
.Slider-Nav-logo li.active img {
	opacity: 1;
}

.Slider-Nav-logo li:hover,
.Slider-Nav-logo li.active {
	-webkit-filter: grayscale(0%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}

.Slider-Nav-logo li.active-arrow {
	position: absolute;
	bottom: -150px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #fff;
	left: 50%;
	margin-left: -30px;
	transition: all 0.5s;
}

/* New Carousel Slider Styling */

.carousel {
	position: relative;
	padding: 0;
	z-index: 0;
}

.carousel-h {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: -20px;
}

.carousel-v {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 30px auto;
}

.carousel-tab {
	padding: 0;
	will-change: transform;
}

.carousel-tab__element {
	text-align: center;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 150px;
	cursor: pointer;
}

.carousel-tab__element img {
	opacity: 0.3;
}

.carousel-tab__element.active img {
	opacity: 1;
	transition: opacity 0.5s ease;
}

.carousel-h .carousel-tab__element {
	float: left;
}

.carousel-arrow {
	position: absolute;
	top: 0;
	height: 20px;
	width: 100%;
	padding: 0 2rem;
	overflow: hidden;
	z-index: 3;
}

.carousel-arrow .container-fluid {
	position: relative;
	height: 20px;
	padding: 0;
	background: linear-gradient(to right,
			white 5px,
			transparent 5px,
			transparent 75px,
			white 75px);
}

.carousel-arrow .container-fluid:before,
.carousel-arrow .container-fluid:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 20px;
	background: white;
	top: 0;
}

.carousel-arrow .container-fluid:before {
	left: -100%;
}

.carousel-arrow .container-fluid:after {
	right: -100%;
}

.carousel-arrow .arrow-clip {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/carousel-arrow-clip.svg') no-repeat;
	height: inherit;
}

.carousel-pagination {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	max-width: 50%;
	line-height: 10px;
	left: 50%;
	padding: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.carousel-pagination__element {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 5px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.carousel-pagination__element:hover,
.carousel-pagination__element.active {
	background: rgba(0, 0, 0, 0.5);
	border: none;
}

.carousel-section {
	position: relative;
	z-index: 0;
	background-color: #1f2532;
}

.carousel-section__element {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
	transition: all ease 0.5s;
	height: calc(100vh - (54px + 150px - 20px));
	min-height: 540px !important;
}

.carousel-section__element.active {
	z-index: 2;
	opacity: 1;
	will-change: opacity;
	transition-duration: 0.8s;
}

.carousel-section__element-backdrop {
	background-size: cover;
	margin-top: 20px;
	height: 100%;
}

.carousel-section__element-quote {
	background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/goal/testi-quotes.svg');
	background-repeat: no-repeat;
	background-position: top 20% left 10%;
	background-size: 25%;
	height: 100%;
}

.carousel-section__element-quote .row,
.carousel-section__element-backdrop .row {
	height: inherit;
}

.carousel-section__element-quote .row {
	padding-top: 20px;
}

.fixed-parallax {
	position: fixed;
	top: 99px;
	left: 0;
	right: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

video::-webkit-media-controls {
	display: none;
	opacity: 0;
}

@media only screen and (max-width: 768px) {
	video {
		width: 100%;
		height: auto;
	}
}

.plan-sticky {
	position: absolute;
	display: none;
	z-index: 2;
}

.plan-sticky img {
	max-width: 220px;
}

.plan-sticky.plan-sticky-transition {
	display: block;
	transition: all ease 1.5s;
}

/*------------------------------------------------
	* SPLIT TEST PAGE
	*----------------------------------	--------------*/

.section-st-context {
	background: #32425b url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/split-test/st-context-bg.png') no-repeat center left;
	color: #fff;
	font-weight: 400;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-st-context {
		background: #32425b url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/split-test/st-context-bg@2x.png') no-repeat;
		background-position: -30px center;
		background-size: 80%;
	}
}

.section-st-results {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/split-test/st-results-bg.png') no-repeat left top;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-st-results {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/split-test/st-results-bg@2x.png');
	}
}

.section-st-report-table {
	background: #f8f8f8;
}

.tests-report-table {
	margin-top: -10rem;
}

.extra-info-box {
	background: white;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	padding: 2rem 2rem;
	max-width: 1020px;
	margin: 0 auto;
}

.section-st-insights {
	background: #099c79;
}

.section-st-insights>.wrap>.row {
	padding-bottom: 0;
}

.tests-insights-content {
	background: #f3f4f8;
	border-radius: 5px 5px 0 0;
	position: relative;
	top: 3px;
}

.section-st-live-preview {
	background: #f7f7f7;
}

.section-st-goals {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/split-test/st-goals-in-mind-bg.png') no-repeat left bottom;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-st-goals {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/split-test/st-goals-in-mind-bg@2x.png');
	}
}

@media only screen and (min-width: 75em) {
	.section-bg-image-margin {
		margin-top: 25rem;
	}
}

/*------------------------------------------------
	* AB TEST PAGE
	*----------------------------------	--------------*/

.section-ab-fuel-data {
	background: #f3f4f8;
}

.section-ab-fuel-data>.wrap>.row {
	padding-bottom: 0;
}

.ab-test-growth-img {
	position: absolute;
	bottom: -80px;
}

.ab-test-description {
	margin-bottom: 16rem;
}

.blue-triangle-img {
	position: absolute;
	bottom: -50px;
}

.section-ab-hypothesis {
	background: #1c304b;
	z-index: 2;
}

.section-ab-hypothesis>.wrap>.row {
	padding-bottom: 0;
}

.ab-image-hypothesis {
	width: 80%;
}

.section-ab-performance {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/ab-testing/ab-analyze-campaign-bg.jpg') no-repeat top right;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-ab-performance {
		background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/ab-testing/ab-analyze-campaign-bg@2x.jpg') no-repeat center right;
		background-size: cover;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.section-ab-performance {
		background-position: center bottom;
	}
}

.test-report-data {
	margin-top: -2rem;
}

.section-ab-insights>.wrap>.row {
	padding-bottom: 0;
}

.section-ab-insights {
	background: #cc626f;
}

.section-ab-verify-visitors {
	background: #f7f7f7;
}

.icon-small {
	max-width: 50px;
	margin: 0 auto;
}

@media only screen and (max-width: 1279px) {
	.ab-image-hypothesis {
		width: 100%;
	}

	.test-report-data {
		margin-top: 1.25rem !important;
	}

	.ab-test-growth-img {
		position: relative;
		bottom: 0;
	}
}

@media only screen and (min-width: 1600px) {
	.test-report-data {
		margin-top: -2.5rem;
	}
}

/*------------------------------------------------
	* PERSONALIZATION PAGE
	*----------------------------------	--------------*/

.section-pz-context {
	background: #45a3ec url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/personalization/pz-section-context-bg.jpg) no-repeat center;
	background-size: cover;
	color: white;
	background-position: top right 40%;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-pz-context {
		background: #45a3ec url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/personalization/pz-section-context-bg@2x.jpg) no-repeat center;
	}
}

.section-pz-experience {
	background: #f7f7f7;
}

.section-pz-performance {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/personalization/pz-performance-bg.jpg') no-repeat top left;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-pz-performance {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/personalization/pz-performance-bg@2x.jpg');
	}
}

.section-pz-report {
	background: #f8f8f8;
}

.campaign-report-table {
	margin-top: -2rem;
}

.section-pz-report .test-report-data {
	margin-top: -2rem;
}

/*------------------------------------------------
	*OPS PAGE
	*----------------------------------	--------------*/

.section-ops-visitors {
	background: #ee744d;
}

.section-ops-data {
	background: #f3f4f8;
}

.section-ops-form {
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ops/ebook-section.jpg);
	background-size: cover;
	background-position: center;
	background-color: #2f2d3a;
}

@media only screen and (max-width: 767px) {
	.section-ops-form {
		background-position: left center;
	}
}

.ebook-position {
	position: absolute;
	right: 0;
	width: 30%;
}

.ops-askAnything-BoxShadow {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.ops-trigger-BoxShadow {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.section-ops-trigger {
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ops/ops-trigger-bg.jpg) center right;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-ops-trigger {
		background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ops/ops-trigger-bg@2x.jpg) center right;
		background-size: cover;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.section-ops-trigger {
		background-position: left top;
	}
}

/*------------------------------------------------
	* hypothesis PAGE
	*----------------------------------	--------------*/

.section-hypothesis-priortize {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hypothesis/manage-priortize-bg.jpg);
	background-size: cover;
	background-color: #a8c4cf;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-hypothesis-priortize {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hypothesis/manage-priortize-bg@2x.jpg);
		background-size: cover;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.section-hypothesis-priortize {
		background-position: center;
	}
}

@media only screen and (max-width: 767px) {
	.section-hypothesis-priortize {
		background-position: top right;
	}
}

.section-hypothesis-optimization {
	background: linear-gradient(to bottom,
			#f8f8f8 0%,
			#f8f8f8 500px,
			#f8f8f8 500px,
			#ffffff 500px,
			#ffffff 100%);
}

@media only screen and (max-width: 767px) {
	.section-hypothesis-optimization {
		background: linear-gradient(to bottom,
				#f8f8f8 0%,
				#f8f8f8 100%,
				#f8f8f8 100%,
				#ffffff 100%,
				#ffffff 100%);
	}
}

.section-hypothesis-optimization .border-btm-line {
	border-bottom: 1px solid rgba(217, 221, 225, 1);
}

.section-hypothesis-knowledgebase {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hypothesis/hypothesis-knowledgebase-bg.jpg);
	background-size: cover;
	background-color: #5c7160;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-hypothesis-knowledgebase {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hypothesis/hypothesis-knowledgebase-bg@2x.jpg);
		background-size: cover;
		background-position: bottom 45% center;
	}
}

@media only screen and (max-width: 767px) {
	.section-hypothesis-knowledgebase {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hypothesis/hypothesis-knowledgebase-bg@2x.jpg);
		background-size: cover;
		background-position: top right;
	}
}

.section-hypothesis-winning {
	background-color: #ededed;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hypothesis/hypotheses-winning.png);
	background-repeat: no-repeat;
	background-size: cover;
	/* background-position: center right; */
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-hypothesis-winning {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/hypothesis/hypotheses-winning@2x.png);
		/* background-position: bottom 30% right; */
		/* background-size: 90%; */
	}
}

/*------------------------------------------------
	* Multivariate PAGE
	*----------------------------------	--------------*/

.section-multivariate-perfectcombination {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/multivariate/multivariate-report-section-bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-multivariate-perfectcombination {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/multivariate/multivariate-report-section-bg@2x.jpg);
	}
}

.section-multivariate-qa {
	background-color: #f7f7f7;
}

.multivariate-report {
	margin-top: -10%;
}

.report-line {
	position: absolute;
	top: 9%;
	left: 16%;
}

.report-content {
	position: absolute;
	top: 115%;
	left: 22%;
}

.report-content2 {
	position: absolute;
	top: -60%;
	left: 21%;
}

.multivariate-report2 {
	margin-top: 400px;
}

.report-line2 {
	position: absolute;
	top: -54%;
	left: 11%;
}

.dynamic-heatmap-bg {
	background-color: #fef9f5;
	padding: 4rem 2rem;
}

.areastats-heatmap-bg,
.Elementlist-heatmap-bg,
.clickmap-heatmap-bg {
	background-color: #f6fafd;
	padding: 4rem 2rem;
}

.Scrollmap-heatmap-bg {
	background-color: #fdf7f8;
	padding: 4rem 2rem;
}

.ebook-tile-img-1 {
	background-color: #edeffc;
}

.ebook-tile-img-2 {
	background-color: #edf9f5;
}

.ebook-tile-img-3 {
	background-color: #fef5ee;
}

.ebook-tile-img {
	height: 280px;
	padding-bottom: 0 !important;
	overflow: hidden;
}

.ebook-tile-img img {
	vertical-align: bottom;
}

/* ITEM TILE */

.item-tile {
	border: 2px solid #eff3f7;
	background-color: white;
}

.item-tile__title {
	font-size: 1.25rem;
	line-height: 1.5;
	color: #2b3945;
}

.item-tile__category {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	display: inline-block;
	background-color: #edeffc;
	padding: 10px;
	border-radius: 20px;
	margin-bottom: 30px;
	margin-top: 0;
}

.item-tile__profile-name {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1;
	color: #788290 !important;
	margin-left: 10px;
}

.item-tile--shadow {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03);
}

.ebook-tile {
	margin-top: -1.875rem;
	position: relative;
}

.section-resources-bg {
	background: url(images/vwo-purple-bg.svg) no-repeat;
	background-size: cover;
}

.section-resources-webinar {
	background: rgba(30, 50, 77, 1);
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/webinar-bg-headfone.png);
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/webinar-bg-headfone.png),
		linear-gradient(to bottom,
			rgba(30, 50, 77, 1) 0%,
			rgba(30, 50, 77, 1) 25%,
			rgba(255, 255, 255, 1) 25%,
			rgba(255, 255, 255, 1) 100%);
	background-repeat: no-repeat;
	background-position: left top 20%;
}

.case-studies-logoBox {
	border-radius: 4px 0 0 4px;
	border-right: 0;
}

.hyundai-caseStudies {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/resources/hyundai-caseStudies.jpg);
	height: 239px;
	background-size: cover;
}

/*------------------------------------------------
	* Free Tools page
	*----------------------------------	--------------*/

.section-freetools-header {
	background-color: #dbe0ea;
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/free-tools/tool1.png),
		url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/free-tools/tool2.png),
		url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/free-tools/tool3.png);
	background-repeat: no-repeat;
	background-position: top 10% right 5%, top 40% right 4%, left center;
}

/*------------------------------------------------
	* webinar page
	*----------------------------------	--------------*/

div[data-speaker=''] {
	display: none;
}

/*------------------------------------------------
	* RESOURCE COMMON
	*----------------------------------	--------------*/

.section-resource select {
	padding: 4px 8px;
	outline: 0;
	background: #fff;
	border: 1px solid #a6aeb9;
	height: 2.25rem;
	color: #555;
	font-family: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 2px;
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/modals/select-down-arrow.svg') no-repeat;
	background-position: 98% 50%;
}

.section-resource input {
	border-radius: 2px;
	border: 1px solid #a6aeb9;
	padding: 8px 8px;
	outline: 0;
	background: #fff;
	font-family: inherit;
	font-weight: 600;
	color: #424852;
}

.section-resource label {
	text-transform: none;
}

/*------------------------------------------------
	* RESOURCE EBOOK PAGE
	*----------------------------------	--------------*/

/*------------------------------------------------
	* SLIDER
	*----------------------------------	--------------*/

.slider-slides {
	box-shadow: 0 0 23px rgba(159, 159, 159, 0.2);
	padding: 4rem;
}

.slider-slides .overflow {
	overflow: hidden;
	width: 100%;
}

.slider-slides .overflow .inner {
	width: 300%;
	transition: all 0.5s linear 0s;
}

.slider-slides .overflow .inner .slide {
	float: left;
	width: 33.33%;
}

.slider-controls {
	text-align: center;
	padding: 1rem 0;
}

.slider-controls label {
	background: #dbe0ea;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	margin: 0 10px;
	height: 10px;
	width: 10px;
	transition: all 0.5s;
}

.slider-content {
	margin: 0 auto;
}

.slider-content input {
	display: none;
}

#slide1:checked~.slider-slides .inner {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

#slide1:checked~.slider-controls>label:nth-of-type(1) {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	background: #7d848d;
}

#slide2:checked~.slider-slides .inner {
	-webkit-transform: translate(-33.33%, 0);
	transform: translate(-33.33%, 0);
}

#slide2:checked~.slider-controls>label:nth-of-type(2) {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	background: #7d848d;
}

#slide3:checked~.slider-slides .inner {
	-webkit-transform: translate(-66.66%, 0);
	transform: translate(-66.66%, 0);
}

#slide3:checked~.slider-controls>label:nth-of-type(3) {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	background: #7d848d;
}

.rs-books-card {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}

.rs-books-card:nth-of-type(2n) {
	padding: auto 0.9375rem;
}

.rs-books-card:nth-of-type(3n-2) {
	padding-right: 1.875rem;
}

.rs-books-card:nth-of-type(3n) {
	padding-left: 1.875rem;
}

.rs-books-card img {
	vertical-align: bottom;
}

.rs-books-card:nth-of-type(3n-2)>div:nth-of-type(1) {
	background: #eff3f7;
}

.rs-books-card:nth-of-type(3n-2)>div:nth-of-type(2) {
	border-left: 2px solid #eff3f7;
	border-right: 2px solid #eff3f7;
	border-bottom: 2px solid #eff3f7;
}

.rs-books-card:nth-of-type(3n-1)>div:nth-of-type(1) {
	background: #edf9f5;
}

.rs-books-card:nth-of-type(3n-1)>div:nth-of-type(2) {
	border-left: 2px solid #edf9f5;
	border-right: 2px solid #edf9f5;
	border-bottom: 2px solid #edf9f5;
}

.rs-books-card:nth-of-type(3n)>div:nth-of-type(1) {
	background: #fef5ee;
}

.rs-books-card:nth-of-type(3n)>div:nth-of-type(2) {
	border-left: 2px solid #fef5ee;
	border-right: 2px solid #fef5ee;
	border-bottom: 2px solid #fef5ee;
}

.section-rs-social {
	background: #e9f3fc;
}

.carousel-content {
	width: 100%;
	overflow: hidden;
}

@-webkit-keyframes carousel-sliding {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	100% {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}
}

@keyframes carousel-sliding {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	100% {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}
}

.carousel-content .slide {
	width: 500px;
	background: red;
	display: inline-block;
	margin: 0 30px;
}

.carousel-content .inner {
	width: 300%;
	-webkit-transform: translate(-6%, 0);
	transform: translate(-6%, 0);
	-webkit-animation: carousel-sliding 7s steps(7) infinite;
	animation: carousel-sliding 7s steps(7) infinite;
}

.carousel .slick-slide {
	opacity: 0.5;
	transition: all 1s;
	margin: 0 7vw;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	background: #ffffff;
	max-width: 32.5rem;
	padding: 1.5rem 1.875rem;
	border-radius: 7px;
}

.carousel .slick-center {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1 !important;
}

.section-resources-vwo-blog .border-top-line {
	border-top: 2px solid #eff3f7;
}

.line-height-relative {
	position: relative;
	top: calc(-0.3em);
}

.slider-absolute {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 2;
	transition: all 0.5s ease-in-out;
}

.case-studies-content-box {
	width: 670px;
}

.case-studies-header-img-box {
	height: 246px;
}

.case-studies-description-box {
	height: 383px;
	text-align: left;
	background: #fff;
}

.case-studies-content-wrapper {
	z-index: 1;
}

.case-studies-logo-wrapper {
	z-index: 2;
}

.slider-absolute-show {
	display: block;
}

.case-studies-indicators .indicators-circle {
	width: 10px;
	height: 10px;
	background: #d9dde1;
	border-radius: 50px;
}

.case-studies-indicators .indicators-circle.is-selected {
	background: #3892e3;
}

.case-studies-logoBox div {
	transition: 0.3s ease;
	height: 104px;
	padding: 40px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}

.case-studies-logoBox div.is-selected {
	background: #fff;
}

.case-studies-logoBox div:before,
.case-studies-logoBox div:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	z-index: 1;
	transition: 0.3s ease;
	-webkit-transform: translateX(-6px);
	transform: translateX(-6px);
	opacity: 0;
}

.case-studies-logoBox div:before {
	top: 35px;
	right: -36px;
	border: 15px solid transparent;
	border-left-color: #d9dde1;
	border-left-width: 21px;
}

.case-studies-logoBox div:after {
	top: 36px;
	right: -34px;
	border: 14px solid transparent;
	border-left-color: white;
	border-left-width: 20px;
	z-index: 2;
}

.case-studies-logoBox div.is-selected:before,
.case-studies-logoBox div.is-selected:after {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	transition-delay: 0.25s;
}

.blockquote {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/resources/quote.png') top left no-repeat;
	background-size: 30px;
	padding-left: 40px;
	margin: 0;
}

.case-study-slider .slick-list {
	box-shadow: 0 0 23px rgba(159, 159, 159, 0.2);
}

.case-study-slider .slick-dots {
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 20px 10px 10px;
}

.case-study-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border-radius: 50%;
	outline: none;
	background: #dbe0ea;
	color: transparent;
	padding: 0;
	border: 0;
	transition: all 0.3s;
}

.case-study-slider li.slick-active button {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	background: #90959f;
}

.rs-search-input {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.rs-search-submit {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border: 0;
}

.rs-webinar-speaker {
	position: absolute;
	right: 0;
	bottom: 0;
}

/*------------------------------------------------
	* FREETOOLS COMMON
	*----------------------------------	--------------*/

/*------------------------------------------------
	* DURATION CALC
	*----------------------------------	--------------*/

.section-durationcalc input[type='text'] {
	width: 150px;
}

.duration-calc-result {
	opacity: 0;
	height: 0;
	transition: opacity 0.5s;
}

.duration-calc-result--show {
	opacity: 1;
	height: auto;
	transition: opacity 0.5s;
}

/*------------------------------------------------
	* SIGNIFICANCE CALC
	*----------------------------------	--------------*/

.section-ft-significance-result {
	background: #32425b;
	max-height: 0;
	overflow: hidden;
	transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.section-ft-significance-result.show {
	max-height: 400px;
}

.ft-significance-result-box {
	border-radius: 3px;
	overflow: hidden;
}

.section-ft-significance-result:before {
	content: '';
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/L2-down-arrow.png);
	width: 93px;
	height: 39px;
	position: absolute;
	left: calc(50% - 46px);
	top: -1;
	z-index: 1;
}

.section-durationCalc .result-text {
	font-size: 2rem;
	color: #2b2f36;
}

/*------------------------------------------------
    * SMART STATS
    *---------------------------------- --------------*/

.section-smart-stats {
	background: #291f41 url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-bg.jpg') no-repeat center;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-smart-stats {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-bg@2x.jpg');
	}
}

.section-smart-stats:after {
	display: none;
}

.section-smart-stats-intro {
	margin-top: -18rem;
}

.smart-stats-youtube-video {
	border-radius: 5px;
	border: 9px solid #f3f4f8;
}

.section-smart-stats-faster {
	background-color: #1e324d;
}

/*TODO: GENERIC FIELD*/

.border-no-radius {
	border-radius: 0 !important;
}

.st-calc-box {
	border-radius: 3px;
	overflow: hidden;
	width: 330px;
}

@media only screen and (max-width: 767px) {
	.st-calc-box {
		max-width: 280px;
	}
}

.percent-input {
	position: relative;
}

.percent-input:after {
	content: '%';
	position: absolute;
	right: 3rem;
	top: calc(50% - 1.5rem);
	font-size: 2rem;
	color: black;
}

.js-smart-stats-result {
	overflow: hidden;
	max-height: 0;
	transition: all 100ms ease-out;
}

.js-smart-stats-result.show {
	max-height: 600px;
	transition: all 400ms ease-out;
}

.smart-stats-test-duration-result:before {
	content: '';
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/ss-test-arrow-up.png);
	width: 93px;
	height: 39px;
	position: absolute;
	left: calc(50% - 46px);
	top: -38px;
	z-index: 1;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.smart-stats-test-duration-result:before {
		content: '';
		background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/ss-test-arrow-up@2x.png);
	}
}

.smart-stats-test-duration-result {
	background: #274163;
}

.smart-stats-traditional-result {
	background: rgba(0, 0, 0, 0.1);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	line-height: 1;
	font-weight: bolder;
}

.smart-stats-new-result {
	line-height: 1;
	border-radius: 0 5px 5px 0;
	overflow: hidden;
	border: 3px solid #3892e3;
	font-weight: bolder;
}

.smart-stats-new-result-value {
	font-size: 5rem;
}

.smart-stats-result-value:after {
	position: absolute;
	content: '*';
	font-size: 75%;
}

.section-smart-stats-intelligent {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/ss-report-section-bg.jpg),
		url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-intelli-bg.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: top center, bottom right;
	background-size: contain;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-smart-stats-intelligent {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/ss-report-section-bg@2x.jpg),
			url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-intelli-bg@2x.jpg);
	}
}

.section-smart-stats-intelligent>.wrap>.row {
	padding-bottom: 25rem;
}

.smart-stats-indication-block {
	max-width: 18.75rem;
}

.smart-stats-indication-block:before {
	border: 2px solid #979797;
	content: '';
	position: absolute;
}

.smart-stats-indication-block:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	border-radius: 50%;
	border: 2px solid #979797;
	background: white;
}

.smart-stats-indication-block-1 {
	left: 33%;
}

.smart-stats-indication-block-1:before {
	position: absolute;
	left: -115px;
	top: 15px;
	width: 94px;
	height: 21rem;
	border-right: 0;
	border-bottom: 0;
}

.smart-stats-indication-block-1:after {
	top: calc(21rem + 5px);
	left: calc(-115px - 5px + 1px);
}

.smart-stats-indication-block-2 {
	left: 58%;
}

.smart-stats-indication-block-2:before {
	right: calc(100% + 15px);
	top: 15px;
	width: 125px;
	height: 13rem;
	border-right: 0;
	border-bottom: 0;
}

.smart-stats-indication-block-2:after {
	top: calc(13rem + 5px);
	left: calc(-140px - 5px + 1px);
}

.smart-stats-indication-block-3 {
	left: 27%;
}

.smart-stats-indication-block-3:before {
	position: absolute;
	left: calc(100% + 15px);
	top: calc(-9.375rem + 2rem);
	width: 64px;
	height: 8.5rem;
	border-top: 0;
	border-left: 0;
}

.smart-stats-indication-block-3:after {
	top: calc(-9.375rem + 2rem - 5px);
	right: calc(-79px - 5px + 1px);
}

.smart-stats-indication-block-4 {
	left: 51%;
}

.smart-stats-indication-block-4:before {
	width: 64px;
	height: 8.5rem;
	right: calc(100% + 15px);
	top: calc(-9.375rem + 2rem);
	border-right: 0;
	border-top: 0;
}

.smart-stats-indication-block-4:after {
	top: calc(-9.375rem + 2rem - 5px);
	left: calc(-79px - 5px + 1px);
}

@media only screen and (max-width: 768px) {

	.smart-stats-indication-block-1:after,
	.smart-stats-indication-block-2:after,
	.smart-stats-indication-block-3:after,
	.smart-stats-indication-block-4:after,
	.smart-stats-indication-block-1:before,
	.smart-stats-indication-block-2:before,
	.smart-stats-indication-block-3:before,
	.smart-stats-indication-block-4:before {
		display: none;
	}
}

.bayesian-notification {
	width: 90%;
	border: 1px solid;
	border-radius: 5px;
	font-weight: 600;
	border-bottom: 3px solid;
}

.border-circular {
	border-radius: 50%;
}

.section-smart-stats-decision {
	background: linear-gradient(to bottom,
			rgba(222, 222, 222, 0.6) 0%,
			rgb(255, 255, 255) 5%);
	background-size: cover;
}

.smart-stats-graph-btn {
	border: 1px solid #e6e6e6;
	border-left: 0;
	padding: 5px 20px;
	cursor: pointer;
	position: relative;
}

.smart-stats-graph-btn:first-child {
	border-radius: 20px 0 0 20px;
	border-left: 1px solid #e6e6e6;
}

.smart-stats-graph-btn:last-child {
	border-radius: 0 20px 20px 0;
}

.smart-stats-graph-btn.active {
	color: white;
	background: #1e324d;
	border-color: #1e324d;
}

.smart-stats-graph-btn.active:after {
	position: absolute;
	content: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-graph-up-arrow.png);
	left: 0;
	top: calc(3.55rem - 0px);
	z-index: 1;
}

.graph-range-slider {
	width: 380px;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	.graph-range-slider {
		width: auto;
	}
}

input[type='range'] {
	-webkit-appearance: none;
	margin: 18px 0;
	width: 100%;
}

input[type='range']::-webkit-slider-runnable-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 1px 1px 1px #a3a3a3, 0px 0px 1px #a3a3a3;
	background: linear-gradient(to right,
			rgba(41, 86, 120, 1),
			rgba(92, 35, 123, 1));
	border-radius: 5px;
	border: 0.2px solid #010101;
}

input[type='range']::-webkit-slider-thumb {
	box-shadow: 1px 1px 1px #c5c5c5, 0px 0px 1px #c5c5c5;
	border: 2px solid #c000d7;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -9px;
}

input[type='range']:focus::-webkit-slider-runnable-track {
	background: linear-gradient(to right,
			rgba(41, 86, 120, 1),
			rgba(92, 35, 123, 1));
}

input[type='range']::-moz-range-track {
	width: 100%;
	height: 8.4px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	background: linear-gradient(to right,
			rgba(41, 86, 120, 1),
			rgba(92, 35, 123, 1));
	border-radius: 1.3px;
	border: 0.2px solid #010101;
}

input[type='range']::-moz-range-thumb {
	box-shadow: 1px 1px 1px #c5c5c5, 0px 0px 1px #c5c5c5;
	border: 2px solid #c000d7;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	margin-top: -9px;
}

input[type='range']::-ms-track {
	width: 100%;
	height: 8.4px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	border-width: 16px 0;
	color: transparent;
}

input[type='range']::-ms-fill-lower {
	background: #2a6495;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}

input[type='range']::-ms-fill-upper {
	background: linear-gradient(to right,
			rgba(41, 86, 120, 1),
			rgba(92, 35, 123, 1));
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px #c5c5c5, 0px 0px 1px #c5c5c5;
}

input[type='range']::-ms-thumb {
	box-shadow: 1px 1px 1px #c5c5c5, 0px 0px 1px #c5c5c5;
	border: 2px solid #000000;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #ffffff;
	cursor: pointer;
}

input[type='range']:focus::-ms-fill-lower {
	background: #3071a9;
}

input[type='range']:focus::-ms-fill-upper {
	background: #367ebd;
}

.slider-days {
	padding: 0;
	position: relative;
}

.slider-days li {
	float: left;
	position: absolute;
}

.slider-days li.day-0 {
	left: -20px;
}

.slider-days li.day-2 {
	left: 47px;
}

.slider-days li.day-7 {
	left: 170px;
}

.slider-days li.day-14 {
	right: -20px;
}

@media only screen and (max-width: 767px) {
	.slider-days li.day-2 {
		left: 30px;
	}

	.slider-days li.day-7 {
		left: 118px;
	}
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.smart-stats-graph-btn.active:after {
		position: absolute;
		content: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-graph-up-arrow@2x.png);
	}
}

.smart-stats-graph-desc {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(121, 121, 121, 0.25);
	padding: 2rem 6rem;
	left: 0;
	opacity: 0;
	transition: all 300ms ease-in;
	position: absolute;
	top: 0;
	left: 10%;
}

.smart-stats-graph-desc-1 {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	box-shadow: 0 0 10px 0 rgba(121, 121, 121, 0.25);
	padding: 2rem 6rem;
	left: 0;
	transition: all 300ms ease-in;
}

/* HACK: because of position:absolute, no element was taking any space and we had to put a
hardcoded height to create space. To prevent hardcoded number, we make the longest text element
as position:static so that we get the max space automatically and rest other absolute elements just
show on top of it. */

.smart-stats-graph-desc--noabsolute {
	position: static;
}

.smart-stats-graph-desc.active {
	opacity: 1;
}

.section-smart-stats-testimonial {
	background: #13b598;
}

.section-smart-stats-testimonial .testimonial-block {
	font-size: 1.875rem;
	font-weight: 400;
	line-height: 1.4;
}

.section-smart-stats-testimonial>.wrap>.row {
	padding: 10rem 0;
}

.testimonial-block:before {
	position: absolute;
	content: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/free-tools/quote-start.svg');
	left: 0;
	top: -3rem;
}

.testimonial-block:after {
	content: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/free-tools/quote-end.svg');
	position: absolute;
	right: 0;
	bottom: -3rem;
}

.section-smart-stats-modes {
	background: #424d78 url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-modes-bg.svg') no-repeat bottom center;
}

.mode-boxes:before {
	content: '';
	position: absolute;
	left: -90px;
	top: -6.25rem;
	bottom: -6.25rem;
	width: 2px;
	background: rgba(160, 166, 187, 0.2);
}

.mode-box {
	border-radius: 5px;
}

.mode-box:before {
	content: '';
	position: absolute;
	left: calc(-90px - 13.5px + 1px);
	margin-top: 20px;
	height: 27px;
	width: 27px;
	border-radius: 50%;
	border: 6px solid #a0a6bb;
	background: #424d78;
	z-index: 1;
}

.mode-box-title {
	background: rgba(0, 0, 0, 0.15);
}

.section-smart-stats-guide {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-book.png') no-repeat right bottom,
		linear-gradient(145deg,
			rgba(42, 43, 55, 1) 0%,
			rgba(42, 43, 55, 1) 65%,
			rgba(238, 239, 231, 1) 65%,
			rgba(238, 239, 231, 1) 100%);
	background-size: 35rem, contain;
}

.section-case-study-guide {
	background: url('/wp-content/themes/vwo/images/smartstats/case-study-book.png') no-repeat right 6rem,
		linear-gradient(145deg,
			rgba(42, 43, 55, 1) 0%,
			rgba(42, 43, 55, 1) 65%,
			rgba(238, 239, 231, 1) 65%,
			rgba(238, 239, 231, 1) 100%);
	background-size: 35rem, contain;
}

.section_plan_success_theory {
	background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/ebook-plan-section.png') no-repeat right bottom,
		linear-gradient(145deg,
			rgba(42, 43, 55, 1) 0%,
			rgba(42, 43, 55, 1) 65%,
			rgba(238, 239, 231, 1) 65%,
			rgba(238, 239, 231, 1) 100%);
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-smart-stats-guide {
		background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/smartstats/smart-stats-book@2x.png) no-repeat right bottom,
			linear-gradient(145deg,
				rgba(42, 43, 55, 1) 0%,
				rgba(42, 43, 55, 1) 65%,
				rgba(238, 239, 231, 1) 65%,
				rgba(238, 239, 231, 1) 100%);
		background-position: bottom right;
		background-size: contain;
	}

	.section-case-study-guide {
		background: url('/wp-content/themes/vwo/images/smartstats/case-study-book@2x.png') no-repeat right 20%,
			linear-gradient(145deg,
				rgba(42, 43, 55, 1) 0%,
				rgba(42, 43, 55, 1) 65%,
				rgba(238, 239, 231, 1) 65%,
				rgba(238, 239, 231, 1) 100%);
		background-size: 35rem, contain;
	}

	.section_plan_success_theory {
		background: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/plan/ebook-plan-section@2x.png') no-repeat right bottom,
			linear-gradient(145deg,
				rgba(42, 43, 55, 1) 0%,
				rgba(42, 43, 55, 1) 65%,
				rgba(238, 239, 231, 1) 65%,
				rgba(238, 239, 231, 1) 100%);
		background-size: contain;
	}
}

@media only screen and (max-width: 767px) {

	.section-smart-stats-guide,
	.section_plan_success_theory {
		background: linear-gradient(145deg,
				rgba(42, 43, 55, 1) 0%,
				rgba(42, 43, 55, 1) 65%,
				rgba(238, 239, 231, 1) 65%,
				rgba(238, 239, 231, 1) 100%);
	}

	.section-case-study-guide {
		background: rgb(42, 43, 55);
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {

	.section-smart-stats-guide,
	.section-case-study-guide,
	.section_plan_success_theory {
		background-position: bottom right -40%;
		background-size: 55%, contain;
	}
}

.smart-stats-graph {
	position: absolute;
	opacity: 0;
	transition: opacity 600ms ease-out;
}

.smart-stats-graph.active {
	opacity: 1;
	transition: opacity 600ms ease-in;
}

/* guide hubspot form */

.hubspot-ebook-form input {
	width: 100%;
}

.hubspot-ebook-form .hs-form-field {
	padding: 0.4rem 0;
}

.hubspot-ebook-form .hs-form-field>label {
	display: none;
}

.hubspot-ebook-form .invalid-reason {
	margin: 0px;
	padding: 0px;
}

.hubspot-ebook-form .hs_submit input {
	outline: none;
}

.hubspot-ebook-form .hs-form-field .inputs-list {
	padding: 0;
}

.hubspot-ebook-form .hs-form-field input[type='checkbox'] {
	width: auto;
	margin-right: 10px;
}

.hubspot-ebook-form .hs-form-booleancheckbox-display {
	font-size: 12px;
	text-transform: initial;
	color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 767px) {
	.smart-stats-youtube-video {
		width: 100%;
		height: auto;
		border-radius: 3px;
		border: 4px solid #f3f4f8;
	}

	.section-smart-stats-intro {
		margin-top: -8rem;
	}

	.smart-stats-indication-block-1,
	.smart-stats-indication-block-2,
	.smart-stats-indication-block-3,
	.smart-stats-indication-block-4 {
		position: static;
		width: 100%;
		margin-bottom: 30px;
	}

	.bayesian-notification {
		width: 100%;
	}

	.smart-stats-graph-desc {
		margin: auto 0;
		max-width: 100%;
		padding: 2rem;
		width: 100%;
		left: 0;
	}

	.smart-stats-graph-btn.active:after {
		top: calc(3.55rem - 3px);
	}
}

/*------------------------------------------------
	* Home page
*----------------------------------	--------------*/

.section-all-optimization-suite {
	background-color: #fafbfb;
}

.optimization-suite-img-height {
	height: 165px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 50px;
}

.section-build-enterprise {
	background: #fafbfb;
	background-image: url(https://static.wingify.com/vwo/tr:w-500/wp-content/themes/vwo/images/home/enterprise-bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-build-enterprise {
		background-image: url(https://static.wingify.com/vwo/tr:w-1000/wp-content/themes/vwo/images/home/enterprise-bg@2x.jpg);
	}
}

.section-build-enterprise-content {
	background-color: #fafbfb;
}

.customer-numbers {
	color: #3892e3;
	font-size: 2.625rem;
	font-weight: 400;
	line-height: 3rem;
}

.section-enterprise-title {
	font-size: 1.75rem;
	color: #7994ab;
	font-weight: 500;
	margin-bottom: 10px;
	line-height: 1;
}

.section-enterprise-title-blue {
	font-size: 2.25rem;
	color: #2c74b5;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
}

.section-enterprise-heading {
	font-size: 1.25rem;
	color: #2b3945;
	line-height: 1.2;
	margin-bottom: 10px;
}

.section-testimonial-home {
	background-color: white;
}

.section-testimonial-home .testimonial-content {
	font-size: 1.125rem;
	line-height: 1.6;
	font-weight: 400;
}

.section-testimonial-home .testimonial-name {
	font-size: 1.25rem;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.2;
	font-weight: 600;
}

.section-testimonial-home .testimonial-company {
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin: 0;
	opacity: 0.7;
}

.section-testimonial-home .carousel-section__element:nth-child(1) .carousel-section__element-quote {
	background-color: #5169ab;
}

.section-testimonial-home .carousel-section__element:nth-child(1) .carousel-section__element-backdrop {
	background-image: url('https://static.wingify.com/vwo/tr:w-500/wp-content/themes/vwo/images/home/ubisoft-testimonial-bg.jpg');
}

.section-testimonial-home .carousel-section__element:nth-child(2) .carousel-section__element-quote {
	background-color: #45611a;
}

.section-testimonial-home .carousel-section__element:nth-child(2) .carousel-section__element-backdrop {
	background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/home/jagex-testimonial-bg.jpg');
}

.section-testimonial-home .carousel-section__element:nth-child(3) .carousel-section__element-quote {
	background-color: #f36f22;
}

.section-testimonial-home .carousel-section__element:nth-child(3) .carousel-section__element-backdrop {
	background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/home/lazada-testimonial-bg.jpg');
}

.section-testimonial-home .carousel-section__element:nth-child(4) .carousel-section__element-quote {
	background-color: #006a84;
}

.section-testimonial-home .carousel-section__element:nth-child(4) .carousel-section__element-backdrop {
	background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/home/one-click-testimonial-bg.jpg');
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-testimonial-home .carousel-section__element:nth-child(1) .carousel-section__element-backdrop {
		background-image: url('https://static.wingify.com/vwo/tr:w-1000/wp-content/themes/vwo/images/home/ubisoft-testimonial-bg@2x.jpg');
	}

	.section-testimonial-home .carousel-section__element:nth-child(2) .carousel-section__element-backdrop {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/home/jagex-testimonial-bg@2x.jpg');
	}

	.section-testimonial-home .carousel-section__element:nth-child(3) .carousel-section__element-backdrop {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/home/lazada-testimonial-bg@2x.jpg');
	}

	.section-testimonial-home .carousel-section__element:nth-child(4) .carousel-section__element-backdrop {
		background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/home/one-click-testimonial-bg@2x.jpg');
	}
}

.section-home-cro-essentials {
	background-color: #fff;
}

.section-home-cro-essentials .resources-section {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.3;
	color: #2b3945;
}

.section-home-cro-essentials .cro-head {
	font-size: 1.75rem;
	color: #2b3945;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 10px;
}

.cro-essentials-text {
	font-size: 1.25rem;
	color: #2b3945;
	margin-top: 15px;
	line-height: 1.3;
}

.section-home-cro-essentials .cro-arrow-btn {
	position: relative;
	top: 3px;
	left: 5px;
}

.section-home-cro-essentials .img-shadow {
	box-shadow: 0px 4px 14px 0 rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 768px) {
	.section-build-enterprise {
		background-image: none;
	}

	.section-home-cro-essentials .resoureces-title {
		font-size: 1.4rem;
	}
}

.section-recording {
	background-size: 100% 100%;
}

.recording-line-svg {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0px;
	right: 0px;
}

.recording-line-svg line {
	stroke: rgb(256, 256, 256);
}

.circle-anim {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: circle-pulse 0.7s infinite;
	animation: circle-pulse 0.7s infinite;
}

@-webkit-keyframes circle-pulse {
	0% {
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
	}

	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	100% {
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
	}
}

@keyframes circle-pulse {
	0% {
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
	}

	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	100% {
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
	}
}

/*------------------------------------------------
    Targeting PAGE
*-------------------------------------------------*/

.targeting-vertical-carousel {
	height: 400px;
	position: relative;
}

.targeting-vertical-carousel-item {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background: white;
	text-align: left;
	margin: 10px;
	height: 80px;
	width: 100%;
	box-shadow: 0 0 24px -2px rgba(0, 0, 0, 0.2);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.targeting-vertical-carousel .active .targeting-vertical-carousel-item {
	-webkit-transform: scale(1.02, 1.04);
	transform: scale(1.02, 1.04);
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.targeting-vertical-carousel-item-body {
	-webkit-flex: 1;
	flex: 1;
}

.targeting-vertical-carousel-item-heading {
	font-size: 1rem;
	color: #121724 !important;
	margin: 0;
}

.targeting-vertical-carousel-item-text {
	font-size: 0.8125rem;
	margin: 0;
	line-height: 1.4;
}

.targeting-vertical-carousel-overlay {
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 1) 8%,
			rgba(255, 255, 255, 0) 21%,
			rgba(255, 255, 255, 0) 62%,
			rgba(255, 255, 255, 1) 100%);
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	pointer-events: none;
}

/*------------------------------------------------
    Integrations PAGE
*------------------------------------------------*/

.section-integration-bg {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/integrations/integration-head-bg@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.section-integration-bg .section-title {
	font-size: 3.75rem;
	font-weight: 400;
	line-height: 1.2;
}

@media only screen and (max-width: 480px) {
	.section-integration-bg .section-title {
		font-size: 2rem;
	}
}

.integration-readmore-btn {
	font-weight: 600;
	font-size: 0.875em;
	letter-spacing: 1.2px;
	color: #3892e3;
	padding: 15px 0;
	display: block;
	background-color: #f5f7f8;
	transition: all 0.2s ease-in-out;
}

.integration-readmore-btn:hover {
	color: #ffffff;
	background-color: #3892e3;
}

.section-preferred-tool {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/integrations/preferred-tool-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.integration-tool-title {
	font-size: 2.375rem;
	color: #ffffff;
	line-height: 1.4;
	font-weight: 400;
}

.integration-tool-text {
	font-size: 1rem;
	font-weight: 1.4;
	color: #c3cad3;
	margin: 10px 0px;
}

.integration-tab-menu {
	border: 1px solid #d9dde1;
	border-radius: 5px;
	padding: 10px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	color: #2b3945;
	transition: all 0.2s ease-in-out;
}

.integration-tab-menu:hover,
.integration-tab-menu.active {
	background-color: #3892e3;
	color: #ffffff;
}

.integration-tab-menu svg {
	fill: #2b3945;
	transition: all 0.2s ease-in-out;
}

.integration-tab-menu:hover svg,
.integration-tab-menu.active svg {
	fill: #ffffff;
}

.portfolio {
	display: none;
}

#name {
	display: none;
}

.filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.filter-nav {
	transition: all 0.3s ease-in-out;
}

.filter-nav.affix {
	top: 50px;
	position: fixed;
	z-index: 1;
	width: 100%;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	left: 0;
	padding: 0 2rem;
}

.filters .integration-tab-menu svg.active {
	fill: #fff;
}

.filters .integration-tab-menu.active {
	background-color: #3892e3;
	color: #ffffff;
}

@media only screen and (min-width: 768px) {
	.hamburger {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.filters {
		display: none;
		clear: both;
		border-top: solid 1px #d4d4d4;
	}

	.filter-nav.affix {
		top: 64px;
		background: #f5f7f8;
	}

	#name {
		display: block;
	}

	.filters .integration-tab-menu {
		border-radius: 0;
		border: none;
	}
}

/*------------------------------------------------
	*API PAGE
*----------------------------------	--------------*/

.section-common-bg,
.section-api-bg {
	background-color: #edeffc;
	background-repeat: repeat;
	padding-top: 100px;
}

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

	.section-common-bg,
	.section-api-bg {
		padding-top: 70px;
	}
}

.section-common-bg .section-title,
.section-api-bg .section-title {
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 2px;
}

@media screen and (min-width: 992px) {

	.section-common-bg .section-title,
	.section-api-bg .section-title {
		font-size: 2.75rem;
	}
}

/* END */

.section-footer-testimonial {
	font-size: 18px;
}

.section-footer-testimonial .footer-testimonial-bg {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/track/ft-testimonial-bg-1.jpg);
	background-repeat: no-repeat;
	background-position: top left 60%;
	background-size: cover;
}

.section-footer-testimonial .footer-testimonial-meta {
	font-size: 24px;
}

.section-footer-testimonial .footer-testimonial-meta img {
	width: 90px;
	height: 90px;
	border-radius: 45px;
	margin-right: 20px;
}

/* Next Section Design */

.next-step {
	background: #3cbc8d;
	padding-top: 70px;
}

.next-step__links {
	width: 380px;
	float: left;
	background: #ffffff;
	border-radius: 5px 5px 0 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.next-step__title {
	text-transform: uppercase;
	text-align: center;
	padding: 20px;
	font-size: 1rem;
	margin: 0;
	border-bottom: #e5e5e5 1px solid;
}

.next-step__nav {
	width: 60%;
	margin: 40px 0;
}

.next-step__links li {
	position: relative;
	text-align: right;
	padding-right: 36px;
	padding-bottom: 20px;
	border-right: #d8d8d8 1px solid;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 14px;
}

.next-step__links li:last-child {
	border: none;
}

.next-step__links li span {
	top: -2px;
	position: relative;
}

.next-step__links li:after {
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #d8d8d8;
	text-align: right;
	display: block;
	position: absolute;
	right: -8px;
	top: 0;
}

.next-step__links li.visited {
	border-color: #1f2532;
	border-width: 4px;
	margin-right: -2px;
}

.next-step__links li.visited:after {
	background: #1f2532;
	right: -10px;
}

.next-step__links li.active {
	color: #3892e3;
}

.next-step__links li.active:before {
	content: '';
	width: 150px;
	height: 4px;
	background: #3892e3;
	position: absolute;
	right: -150px;
	top: 6px;
}

.next-step__links li.active:after {
	box-shadow: #3892e3 0 0 0 4px;
	background: #ffffff;
}

.next-step__desc {
	background: #1f2532;
	position: relative;
	left: -50px;
	padding: 50px;
	border-radius: 5px 5px 0 0;
	color: #ffffff;
	width: 100%;
	margin-top: 50px;
	font-size: 1rem;
	font-weight: normal;
}

@media only screen and (max-width: 768px) {
	.next-step__desc {
		left: auto;
	}
}

.next-step__desc .btn {
	background-color: transparent;
	border-color: #ffffff;
	border-width: 2px;
	color: #ffffff;
}

.next-step__desc .svg-icon {
	fill: #ffffff;
}

.next-step__desc__title {
	letter-spacing: 2px;
	font-size: 1.25rem !important;
}

.next-step__desc__content {
	opacity: 0.8;
}

/* Analyze */

.next-step.next-step--analyze {
	background: #f2784b;
}

.next-step.next-step--analyze .next-step__links li.active {
	color: #f2784b;
}

.next-step.next-step--analyze .next-step__links li.active:before {
	background: #f2784b;
}

.next-step.next-step--analyze .next-step__links li.active:after {
	box-shadow: #f2784b 0 0 0 4px;
}

/* Plan */

.next-step.next-step--plan {
	background: #3cbc8d;
}

.next-step.next-step--plan .next-step__links li.active {
	color: #3cbc8d;
}

.next-step.next-step--plan .next-step__links li.active:before {
	background: #3cbc8d;
}

.next-step.next-step--plan .next-step__links li.active:after {
	box-shadow: #3cbc8d 0 0 0 4px;
}

/* Test */

.next-step.next-step--test {
	background: #3892e3;
}

.next-step.next-step--test .next-step__links li.active {
	color: #3892e3;
}

.next-step.next-step--test .next-step__links li.active:before {
	background: #3892e3;
}

.next-step.next-step--test .next-step__links li.active:after {
	box-shadow: #3892e3 0 0 0 4px;
}

/* Target */

.next-step.next-step--target {
	background: #f8cb3f;
}

.next-step.next-step--target .next-step__links li.active {
	color: #f8cb3f;
}

.next-step.next-step--target .next-step__links li.active:before {
	background: #f8cb3f;
}

.next-step.next-step--target .next-step__links li.active:after {
	box-shadow: #f8cb3f 0 0 0 4px;
}

.baseyian-code {
	opacity: 0.6;
}

/* Custom hubspot get notified form */

.hubspot-get-notified form {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.hubspot-get-notified .hs_email {
	width: 40%;
}

.hubspot-get-notified .hs_email .hs-input {
	width: 100%;
}

.hubspot-get-notified .hs_email>label {
	display: none;
}

.hubspot-get-notified input[type='submit'] {
	padding: 12px 30px;
}

@media only screen and (max-width: 768px) {
	.hubspot-get-notified form {
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
	}

	.hubspot-get-notified .hs_email {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* Icons */

.vwo-svg-icon {
	display: inline-block;
	width: 10px;
	height: 10px;
}

.icon--12 {
	width: 12px;
}

.icon--14 {
	width: 14px;
}

.icon--26 {
	width: 26px;
}

@media only screen and (max-width: 767px) {
	.phn-no-bg {
		background-image: none !important;
	}

	.phn-reverse {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.phn-col-reverse {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
	.tab-no-bg {
		background-image: none !important;
	}

	.tab-reverse {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.tab-col-reverse {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

#skip_hero_section {
	padding-top: 56px !important;
	/* 56px = Main header height */
}

/* 404 Section */

.section-404-bg {
	background-image: url('https://static.wingify.com/vwo/wp-content/themes/vwo/images/404.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
}

.title-404 {
	font-size: 4rem;
	color: #675da6;
	line-height: 1.2;
	font-weight: 500;
}

.grey-border-free-trial {
	border: 1px solid rgba(255, 255, 255, 0.6);
	transition: all 0.25s ease;
	background-color: transparent;
}

.grey-border-free-trial:hover {
	border: 1px solid rgba(255, 255, 255, 1);
}

/*------------------------------------------------
    *OPT-OUT PAGE
*---------------------------------- --------------*/

.section-optout-bg {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/optout-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-optout-bg {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/optout-bg@2x.jpg);
	}
}

.optout-form input[type='email'] {
	width: 70%;
	margin: auto;
}

.optout-title {
	font-size: 2.875rem;
	font-weight: normal;
}

.optout-form .error-message {
	color: red;
	margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	.optout-form input[type='email'] {
		width: 100%;
	}
}

.ideafox-list-inline li {
	display: inline;
}

.ideafox-list-inline li:after {
	content: '/';
	display: inline;
	padding: 0 3px 0 5px;
}

.ideafox-list-inline li button {
	background: none;
	color: #3892e3;
	border: none;
	outline: none;
	padding: 0;
}

.modal-as-page .modal {
	width: 100%;
	max-width: none;
	opacity: 1;
	visibility: visible;
	position: static;
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: 0 auto;
	height: auto;
	z-index: 0;
}

.modal-as-page .modal .modal-main {
	max-height: none;
	overflow: visible;
}

.modal-as-page .modal-close-btn {
	display: none;
}

.circle-loader {
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 6px;
	position: relative;
	top: 2px;
	display: none;
	-webkit-animation: anim-spin 1s infinite linear;
	animation: anim-spin 1s infinite linear;
}

.circle-loader:after {
	content: '';
	width: 5px;
	height: 8px;
	background: #4cb07a;
	position: absolute;
	top: -3px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.btn:hover .circle-loader:after,
.btn:active .circle-loader:after,
.btn:focus .circle-loader:after {
	background: #2b7d51;
}

@-webkit-keyframes anim-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes anim-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

/*ABOUT US */

.about-us-social-icon svg:hover {
	opacity: 0.7;
	transition: opacity 0.25s ease;
}

.section-map-details {
	position: relative;
}

.section-map-details .map-block {
	height: 500px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.section-map-details .map-overlay {
	height: 500px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
}

.section-map-details .address-container {
	position: relative;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.section-map-details .address-details {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 100px;
	padding: 20px;
	background: #fcfdfd;
	margin: 0 0 30px;
	border: 1px solid #b1b6bd;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px #b1b6bd;
	transition: border 400ms ease-in-out, background 400ms ease-in-out;
}

@media only screen and (max-width: 767px) {
	.section-map-details .address-container {
		width: 100%;
	}

	.section-map-details .address-details {
		position: static;
		box-shadow: none;
		border: 1px solid #e1e2e4;
	}

	.section-map-details .map-overlay {
		position: static;
		height: auto;
	}
}

/* Customers logo carousel */

.customer-logo-carousels {
	background: linear-gradient(-20deg, #f4f6f7 50%, #ffffff 50%);
	padding: 100px 0;
}

.customers-logo-list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.customers-logo-list li {
	padding: 10px 0;
	height: auto;
	display: inline-block;
	cursor: default;
}

.customers-logo-list li img {
	opacity: 1;
}

.customers-logo-list li div {
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	width: 250px;
	height: 120px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 15px;
}

.hero-ecommerce {
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/header-ecommerce.jpg) no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.hero-ecommerce {
		background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/header-ecommerce@2x.jpg) no-repeat;
		background-size: cover;
	}
}

.hero-affiliate-page {
	background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/affiliate-page/affiliate-landing-banner.jpg) no-repeat;
	background-size: cover;
	min-height: 430px;
	height: 430px;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.hero-affiliate-page {
		background: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/affiliate-page/affiliate-landing-banner@2x.jpg) no-repeat;
		background-size: cover;
	}
}

@media only screen and (max-width: 768px) {
	.hero-affiliate-page {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/affiliate-page/affiliate-landing-banner-mobile@2x.jpg);
		min-height: 220px;
		height: 220px;
	}
}

.hero-ppc-landing,
.hero-optimize-mobile {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ppc-landing-page/ppc-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {

	.hero-ppc-landing,
	.hero-optimize-mobile {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ppc-landing-page/ppc-bg@2x.jpg);
	}
}

.section-ecommerce {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/cr-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-ecommerce {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/cr-bg@2x.jpg);
	}
}

.section-optimize-store {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/store-optimize-bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-optimize-store {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/store-optimize-bg@2x.jpg);
	}
}

.section-customer-success {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/customer-success-bg.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
}

@media only screen and (min-width: 1600px),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.section-customer-success {
		background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/ecommerce/customer-success-bg@2x.jpg);
	}
}

.case-study {
	box-shadow: rgba(0, 0, 0, 0.03) 0 2px 15px;
	border: 1px solid #edf0f3;
	background: #ffffff;
}

.case-study__header {
	background-size: cover;
	height: 132px;
	background-position: -2px -2px;
	display: -webkit-flex;
	display: flex;
	background-repeat: no-repeat;
}

.case-study__header.hyundai {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/hyundai-bg.jpg);
}

.case-study__header.easycredit {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/easycredit-bg.jpg);
}

.case-study__header.pink {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/pink-bg.jpg);
}

.case-study__header.powtoon {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/powtoon-bg.jpg);
}

.case-study__header.runescape {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/runescape-bg.jpg);
}

.case-study__header.sustyparty {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/sustyparty-bg.jpg);
}

.case-study__header.shopclues {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/shopclues-bg.jpg);
}

.case-study__header.yourtea {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/yourtea-bg.jpg);
}

.case-study__header.zalora {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/zalora-bg.jpg);
}

.case-study__header.tinkoffbank {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/tinkoffbank-bg.jpg);
}

.case-study__header.toughmudder {
	background-image: url(https://static.wingify.com/vwo/wp-content/themes/vwo/images/customers/toughmudder-bg.jpg);
}

.section-partners .partners-sub-heading {
	font-size: 1.25rem;
}

.section-partners .premium-partner-list li {
	margin-bottom: 10px;
}

.section-premium-partner .view-partner,
.section-certified-partner .view-partner,
.section-technology-partner .view-partner {
	color: #3892e3;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 14px;
	padding: 20px;
	background: #f8f8f8;
	transition: all 0.3s ease;
}

.section-premium-partner .item-tile:hover .view-partner,
.section-certified-partner .view-partner:hover,
.section-technology-partner .item-tile:hover .view-partner {
	background: #3892e3;
	color: #fff;
}

.section-ppc-bg {
	background-image: linear-gradient(#fbfbfb 0%, #ffffff 30%);
}

.terms-condition-sub-heading {
	font-size: 1.25rem;
	color: #2b3945;
	line-height: 1.4;
	font-weight: normal;
}

.terms-condition-sub-heading~ol li,
.terms-condition-sub-heading~ul li,
.term-condition-section ul li {
	margin-bottom: 15px;
}

/* New Testimonial sections */

.competitor-testimonial-wrap {
	height: 340px;
	display: flex;
	align-items: center;
}

.light-grey-gradient {
	background-image: linear-gradient(0deg, #ffffff 0%, #f8f8f8 100%);
}

.light-grey-gradient-reverse {
	background-image: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
}

.competitor-header .hero-title {
	letter-spacing: 1px;
}

.competitor-header .section-title {
	line-height: 4.6rem;
}

.competitor-header .hero-sub-desc {
	opacity: 0.8;
	max-width: 100%;
}

.competitor-bottom-nav-bar .header-nav>li {
	margin: 0;
}

.competitor-carousel .carousel-box {
	border: 1px solid rgba(217, 221, 225, 0.58);
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 4px 2px 14px 0 rgba(0, 0, 0, 0.04);
}

.competitor-carousel .carousel-tab__element {
	text-align: left;
	height: auto;
}

@media only screen and (max-width: 768px) {
	.competitor-testimonial-wrap {
		height: 560px;
	}

	.competitor-testimonial-wrap .testimonial__content p {
		font-size: 1.3rem !important;
	}

	.competitor-header .section-title {
		line-height: 3rem;
	}
}

.header-nav>li.selected>a {
	border-color: rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 1);
}

.competitor-optimizely-box-shadow {
	border: 1px solid rgba(217, 221, 225, 0.58);
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 4px 2px 14px 0 rgba(0, 0, 0, 0.04);
}

.competitor-optimizely-percentage-title {
	font-size: 5rem;
	line-height: 1;
	font-size: 500;
	margin: 0;
	color: #2b3945;
}

@media only screen and (max-width: 768px) {
	.competitor-optimizely-percentage-title {
		font-size: 3.75rem;
	}
}

@media only screen and (max-width: 768px) {
	.section-multiple-product img {
		width: 50px;
	}
}

.section-content-base-template {
	word-break: break-word;
	color: #1f2532;
}

.section-content-base-template .center-xs {
	text-align: left;
}

.section-content-base-template h2 {
	color: #414954 !important;
	margin-top: 4rem;
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 42px;
}

.section-content-base-template h3 {
	font-size: 1.25rem;
	color: #414954;
	line-height: 1.4;
}

.section-content-base-template h4 {
	font-size: 20px;
	margin-top: 5rem;
	margin-bottom: 20px;
}

.section-content-base-template p {
	margin-top: 0;
	margin-bottom: 20px;
}

.section-content-base-template li {
	margin-bottom: 20px;
}

.section-content-base-template a {
	color: #3892e3 !important;
}

.section-content-base-template ul {
	list-style-type: disc;
	padding-left: 18px;
	margin-bottom: 50px;
}

.section-content-base-template table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.section-content-base-template td,
.section-content-base-template th {
	border: 1px solid #d9dde1;
	padding: 18px;
	vertical-align: top;
}

.section-content-base-template th {
	background-color: #f8f8f8;
}

.affiliate-eligibility {
	position: relative;
	top: -150px;
}

@media only screen and (max-width: 1279px) {
	.affiliate-eligibility {
		position: static;
	}
}

/*----------------------------------------------
Pricing Page defered css Hack 
we have enqeue pricing css in page cause of this pricing css always load in footer.
To escape content view without css in dom we hide all the content in common css call and show after pricing css load
-------------------------------------------*/

.main-wrap .section-pricing-bg,
.main-wrap .page-pricing2,
.main-wrap .cro-pricing-section {
	opacity: 0;
	transition: opacity 0.5s ease;
}

/* Success page */
.section-success-cb {
	text-align: center;
}

.section-success-cb__text {
	border: 1px solid #d9dde1;
	padding: 0 20px;
	border-radius: 5px;
	margin: 30px 0;
}

.white-tile {
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0px 10px 13px 14px #ecf2f9;
	box-shadow: 0 12px 24px 1px #d4e0ec;
}

/* Responsive table */
.responsive-table-wrap {
	max-width: 100%;
	width: 100%;
	overflow-y: hidden;
	border: 1px solid #dbe1e9;
	overflow-x: auto;
}

.responsive-table-wrap table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #dbe1e9;
}

.responsive-table-wrap td,
.responsive-table-wrap th {
	border: 1px solid #dbe1e9;
	padding: 10px;
	vertical-align: top;
}

.responsive-table-wrap th {
	background-color: #f8f8f8;
}