:root{
	--primaryColor: #094AFF;
	--secondaryColor: #02C7FC;
	--buttonColor: #2DBF6D;
	--blackColor: #0C191E;
	--fontColor: #333333;
}

.btn.active,
.btn:active,
.btn:focus,
.navbar .navbar-nav li a:focus,
.navbar a:focus,
.scroll-top .btn:focus,
a,
a.active,
a:active,
a:focus,
a:hover {
	outline: none;
	color:#094AFF;
}

html{scroll-behavior:smooth;-webkit-tap-highlight-color:unset;}

/* IMPORTANT START */

body {
	overflow-x: hidden;
	font-size: 18px;
	font-weight: 400;
	color: #0C191E;
	counter-reset: section;
}


.index h1, .feature header .tagline, .ads h1, .feature header .tagline{
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	font-weight: 100;
	margin-top: 30px;
	letter-spacing: 0.5px;
	color: #000;
	background: rgba(256,256,256,0.8);
	display: inline-block;
	border-radius: 5px;
}

.index h1, .ads h1{
	margin: 0 auto;	
	padding: 10px 15px;
}

.feature header .tagline{
	display: block;
	width: fit-content;
	padding: 5px 15px;
}

.feature header .background-image{
	background-size: cover;
}

h1{
	font-family: 'Work Sans', sans-serif;
	font-size: 3rem;
	font-weight: 700;
	margin: 0 auto;
	letter-spacing: 0.5px;
	display: inline-block;
	border-radius: 5px;
}

.feature h1{
	font-size: 5rem;
	line-height: 5rem;
	line-height: normal;
}

.h1{
	font-family: 'Work Sans', sans-serif;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 10px; 	
}

header .h2{
	font-size: 18px;
	letter-spacing: 0.5px;
	line-height: inherit;
	font-weight: 300;
}

.feature header .h2{
	font-size: 1.2rem;
}

.index header .h2{
	max-width: 80%;
	margin: 0 auto;
}

h3{
	font-size: 30px;
}

p.small {
	font-size: 16px
}

hr.star-light,
hr.star-primary {
	margin: 25px auto 30px;
	padding: 0;
	max-width: 250px;
	border: 0;
	border-top: solid 5px;
	text-align: center
}

hr.star-light:after,
hr.star-primary:after {
	content: "\f005";
	display: inline-block;
	position: relative;
	top: -.8em;
	padding: 0 .25em;
	font-size: 2em
}

hr.star-light {
	border-color: #fff
}

hr.star-light:after {
	color: #fff;
	background-color: #18bc9c
}

hr.star-primary {
	border-color: #2c3e50
}

hr.star-primary:after {
	color: #2c3e50;
	background-color: #fff
}

.m-0-auto{
	margin: 0 auto; 
}

.w-auto{
	width: auto;
}

.float-right{
	float: right;
}

.img-centered {
	margin: 0 auto
}

/* MENU START */

.navbar.fixed-top{
	padding: 15px 0px;
}

.navbar-shrink{
	background: #0C191E !important;
}

.navbar-shrink.navbar a{
	color: #fff;
}

.index .navbar.navbar-light li a, .feature .navbar.navbar-light li a{
	color:#FFF;
} 

.navbar.navbar-dark li a{
	color:#fff;
}

.navbar.navbar-light li a{
	color:#0C191E;
}  	

.navbar.navbar-light .language-btn svg path{
	fill: #094AFF;
}

.index .navbar.navbar-light .language-btn svg path, .feature .navbar.navbar-light .language-btn svg path{
	fill: #FFF;
}

.navbar a{
	font-weight: 400;
}

.navbar-fixed-top.scrolled {
	background-color: red !important;
	transition: background-color 200ms linear;
}

.navbar-collapse.show .navbar-nav li a{
	color: #fff;
	font-weight: 400;
	font-size: 20px;
}

.navbar a:hover{
	text-decoration: underline;
}


.mta .navbar{
	background-color: transparent;
}

.navbar-brand picture img{
	width: 175px;
}

.navbar-shrink .navbar-brand picture img{
	filter:invert(1);
}


.index .navbar-shrink .navbar-brand picture img, .landing .navbar-shrink .navbar-brand picture img{
	filter:unset;
}

.nav-link{
	padding: 0px !important;
}

.dropdown-menu a{
	color: #666 !important;
	text-align: center;
}

.dropdown-menu a:hover{
	text-decoration: none;
}

.navbar-nav .dropdown-menu{
	margin-top: 10px;
}

.navbar ul li{
	padding: 5px 12px;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 1px;
}

.navbar ul li .nav-link span{
	color: #333;
}

.navbar-dark .navbar-toggler{
	color: rgba(256,256,256);
	border-color: rgba(256,256,256);
}


header {
	text-align: center;
	position: relative;
}

header .container {
	padding-top: 150px
}

header ul{
	list-style: none;
	margin-left: 0px;
	padding-left: 5px;
}

header ul li:before{
	content: '✓';
	color: #2DBF6D;
	position: relative;
	left: -5px;
}

/* SUCCESS */

.success .success-div{
	display: block;
	margin-bottom: 100px;
}

.success .main-image{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.success header h1{
	line-height: 45px;
	max-width: 750px;
	margin: 0 auto;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: center;
	color: #fff;
}

.success header h2{
	max-width: 600px;
	font-size: 19px;
	font-weight: 200;
	line-height: 30px;
	letter-spacing: 1px;
	margin: 0 auto;
	padding-top: 15px;
	color: #fff;
	text-align: center;
}

.success header .fas{
	margin: 0 auto;
	position: relative;
	font-size: 70px;
	margin-bottom: 20px;
	text-align: center;
}

.success header a{
	color: #fff;
}

.success .success-license, .success .loading-license {
	display: none;
}

.success .fas{
	color: #fff;
}

.success header img{
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}

.success header .copied {
	display: none;
	position: absolute;
	background: #139e52;
	color: #FFF;
	padding: 2px 5px;
	font-size: 12px;
	border-radius: 3px;
	left: 40px;
	top: 15px;
}

.success header .license-div{
	margin: 0 auto;
}

.success header .license-key{
	margin: 0 auto;
	padding: 10px;
	border: none;
	background: rgba(256,256,256,0.4);
	margin-top: 30px;
}

.btnCopy {
	position: relative;
	padding: 9px 15px;
	border: 0;
	font-size: 20px;
	color: #585858;
	background-color: #eaeaea;
	border-radius: 3px;
	margin-left: 10px;
}
.btnCopy:hover {
	background-color: #dfdfdf;
}

.success .lds-dual-ring {
	display: none;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.success .lds-dual-ring:after {
	content: " ";
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 3px solid #fff;
	border-color: #DB3063 transparent #AD31AE transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

.success #testimonials{
	background-color: #fff5fc;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* SUCCESS END */

.mta header .container, .blog header .container {
	padding-top: 0px
}

header .intro-text h1 {
	display: block;
	font-size: 38px;
	font-weight: 500;
	margin: 0 0 20px;
	letter-spacing: 1px;
	text-align: left;
}

header .intro-text {
	max-width: 700px;
	margin: 0 auto;
}

header .intro-text h2 {
	font-size: 19px;
	font-weight: 400;
	display: block;
	margin: 0 0 30px;
	line-height: 30px;
	letter-spacing: 0.5px;
}

header .linkMailWaiting{
	position: relative;
	float: right;
	height: 50px;
	top: 2px;
	width: 80%;
}

header .linkMailWaiting::placeholder{
	font-size: 16px;
	text-align: center
}

header .linkMailSuccessWaiting{
	display: none;
	margin-top: 30px;
}

header .intro-text a{
	color: #fff;
}

header .chart{
	display: block;
	width: 100%;
	margin: 30px 0px 0px;
}

header .chart img{
	max-width: 100%;
}

header .demo-main{
	height: 210px;
}

header .demo-text-div{
	position: relative;
	display: block;
	top: -10px;
	left: -15px;
}

header .demo-text{
	font-family: 'Permanent marker', sans-serif;
	font-size: 35px;
	position: relative;
	left: -160px;
}

header .demo-text img{

}

header .demo-video{
	position: relative;
	display: inline-block;
	background: #fff;
	padding: 0px;
	border-radius: 100px;
	border: 0px;
}

header .demo-video a{
	color: #fff;
}

header .demo-video a i{
	font-size: 120px;
	color: #18c96e;
	border: 0px;
}

.sprite-power-cord, .sprite-user-plus, .sprite-cogs{
	margin: 0px;
	zoom:1;
	-moz-transform:scale(0.6);
	-moz-transform-origin: 0 0;

}

.sprite-logo{
	margin-left: 15px;
}

.sprite-logo-sm{
	margin-bottom: 30px;
}


section {
	padding: 80px 0
}

.index #benefits{
	padding-top: 8px;
}

#benefits {
	padding-top: 0px;
}

section h2 {
	margin: 0;
}

section.success {
	color: #fff;
	background: #18bc9c
}

section.success a,
section.success a.active,
section.success a:active,
section.success a:focus,
section.success a:hover {
	outline: 0;
	color: #2c3e50
}

.btn-outline {
	margin-top: 15px;
	border: 2px solid #fff;
	font-size: 20px;
	color: #fff;
	background: 0 0;
	transition: all .3s ease-in-out
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
	border: 2px solid #fff;
	color: #18bc9c;
	background: #fff
}

.btn-social,
.scroll-top .btn {
	width: 50px;
	height: 50px;
	font-size: 20px
}

footer a{
	color: #333;
}

footer a:hover{
	color: #094AFF;
}

footer h3 {
	margin-bottom: 30px
}

footer .footer-col {
	margin-bottom: 50px
}

footer .footer-below {
	padding-top: 50px;
}

.btn-social {
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 100%;
	text-align: center;
	line-height: 45px
}

.scroll-top {
	z-index: 1049;
	position: fixed;
	right: 2%;
	bottom: 2%;
	width: 50px;
	height: 50px
}

.scroll-top .btn {
	border-radius: 100%;
	line-height: 28px
}

/* END FREELANCER */

/* START LIFTOFF THEME */

body {
	font-family:'Open Sans', sans-serif;
}

iframe{
	display: none;
}

b, strong{
	font-weight: 600;
}

h1 strong, h2 strong{
	font-weight: 500;
}

.just-desktop{
	display: block;
}

.just-mobile{
	display: none;
}

.just-md{
	display: none;
}

.tablet-no{
	display: block;
}

.left-40{
	left: 40px;
}
.right-40{
	right: 40px;
}

.display-none{
	display: none !important;
}

.display-block{
	display: block !important;
}

.display-inline{
	display: inline !important;
}

.display-inline-block{
	display: inline-block !important;
}

.fixed{
	position: fixed;
}

.relative{
	position: relative;
}

p.subtitle, h3.subtitle {
	margin: 20px auto;
	font-size: 1em;
	font-weight: 300;
	line-height: inherit;
	letter-spacing: 0.5px;
}

.langs {
	text-align: right;
	font-size: 12px;
	width: 100%;
	z-index: 1000;
	margin: 0 auto;
	color: #FFF;
	height: 18px;
	position: relative;
	z-index: 10;
	top: -8px;
}

.langs a {
	color: #FFF;
}

.langs a:hover {
	font-size: 14px;
	color: #5cc7ff;
	text-decoration: none;
}

.langs .selected {
	font-size: 14px;
}

.btnMain {
	display: inline-block;
	font-size: 18px;
	background-color: #0076be;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.fa-chrome, .plans-page .fa-chrome{
	width: 1em;
	top: -2px;
	position: relative;
}

.icon-svg{
	width: 1.5em;

}



/* HEADER */

header {
	text-align: center;
}

header .intro-text{
	display: table;
	padding-top: 10px;
	padding-left: 0px;
}

.btnMainSuper {	
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	cursor: pointer;
	border: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-overflow: clip;
	background: #FFF;
	-webkit-box-shadow: 0 6px 0 0 #999, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2) , 0 15px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 6px 0 0 #999, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2) , 0 15px 20px 0 rgba(0,0,0,0.1);
	color: #333;
	font-size: 17px;
	font-weight: 500;
}

.btnMainSuper:hover{
	transform: scale(1.05);
	animation: none;
	text-decoration: none;
	color: unset;
}

.btnMainSuper.Waiting:hover{
	transform: scale(1.05);
	animation: none;
	text-decoration: none;
	color: unset;
}

/* WHEN BUTTON KOALA MINT */

.btnKoala{
	background: #ff872b;
	color: #fff;
	box-shadow: 0 6px 0 0 #b9601c, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);
}

.btnLiftoffNew.btnKoala {
	box-shadow: none;
	text-decoration: none;
	font-family: monospace;
	background-color: #2DBF6D !important;
	padding: 20px 40px;
	border-radius: 100px;
	font-size: 16px;
	text-align: center;
}

.btnLiftoffNew.btnKoala .fab{
	position: relative;
	top: 1px;
}

.btnLiftoffNew.btnKoala:focus{
	color: #FFF;
}

.btnKoala:hover, .btnKoala:active {
	box-shadow: 0 4px 15px 0 rgba(10,28,62,.2) !important;
	top: unset !important;
	color: #FFF;
}


header .btnMainSuper.btnOrange{
	color: #fff !important;
	font-weight: 500;
	webkit-box-shadow: 0 6px 0 0 #A04257, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);	
	box-shadow: 0 6px 0 0 #A04257, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);
}

header .btnMainSuper.btnOrange:hover{
	webkit-box-shadow: 0 6px 0 0 #A04257, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 6px 0 0 #A04257, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);
	text-decoration: none;

}

.sub_plans .btnMainSuper.btnOrange{
	background: #18c96e;
	color: #fff !important;
	font-weight: 500;
	webkit-box-shadow: 0 6px 0 0 #3b6932, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);	
	box-shadow: 0 6px 0 0 #3b6932, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);
}

.sub_plans .btnMainSuper.btnOrange:hover{
	background: #18c96e !important;
	webkit-box-shadow: 0 6px 0 0 #3b6932, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);	
	box-shadow: 0 6px 0 0 #3b6932, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);
	text-decoration: none;

}

header .btnMainSuper.btnGreen{
	background: #85bf31;
	color: #fff !important;
	font-weight: 500;
	webkit-box-shadow: 0 6px 0 0 #52761d, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);	
	box-shadow: 0 6px 0 0 #52761d, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);
}

header .btnMainSuper.btnGreen:hover{
	background: #85bf31 !important;
	webkit-box-shadow: 0 6px 0 0 #52761d, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 6px 0 0 #52761d, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2), 0 15px 20px 0 rgba(0,0,0,0.1);
	text-decoration: none;

}

header .btnMainSuper.btnOrange:focus{
	text-decoration: none;
}

.btnMain.btnTry {
	padding: 15px 30px;
	font-size: 17px;
	margin: 10px auto;
	margin-top: 14px;
	margin-bottom: 20px;
	max-width: 400px;
	background-color: #2883d8;
	color: #FFF !important;
	text-align: center;
	-webkit-box-shadow: 0 6px 0 0 #1c5387, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2) , 0 15px 20px 0 rgba(0,0,0,0.1);
	box-shadow: 0 6px 0 0 #1c5387, 0 1px 3px 0 rgba(0,0,0,0.298039), 0 5px 10px 0 rgba(0,0,0,0.247059), 0 10px 10px 0 rgba(0,0,0,0.2) , 0 15px 20px 0 rgba(0,0,0,0.1);
}

.btnMain.btnTry:hover{
	transform: scale(1.05);
	animation: none;
	text-decoration: none;

}

a.btnHeader {
	width: auto;
	border: 2px var(--buttonColor) solid;
	padding: 10px 20px !important;
	margin-right: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a.btnHeader:hover {
	background-color: --var(buttonColor) !important;
	box-shadow: 0 4px 15px 0 rgb(10 28 62 / 20%) !important;
	top: unset !important;
}


.white {
	background-color: #FFF;
	color: #0076be;
}


.white_header {
	background-color: #FFF;
	color: #000 !important;	
}

.shadow {
	-webkit-box-shadow: 0px 4px 1px -1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 4px 1px -1px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 1px -1px rgba(0,0,0,0.5);
}

.shadow:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.know{
	font-size: 14px;
	font-weight: 300;
	color: #e5e5e5;
	letter-spacing: 1px;
	margin-top: 50px;
	display: block;
}

.know svg{
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: 10px;
	fill: #2DBF6D;
}

.know-item{
	display: inline-block;
	margin-top: 5px;
}


.sub_plans .know{
	font-size: 14px;
	font-weight: 400;
	color: #000f23;
	letter-spacing: 0.5px;
}

.btnMain.white:hover {
	color: #000;
	text-decoration: none;
	background-color: #fff;
}

.h2, h2{
	display: block;
	font-size: 2em;
	font-weight: 500;
	margin: 0px 0px 20px 0px;
	font-weight: 700;

}

.index h4, p.h4{
	margin: 20px auto;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 30px;
	text-align: center;
}

.charts1 {
	margin-top: 50px;
}

.featured{
	margin: 20px 0px 60px 0px;
}

.featured p{
	font-size: 14px;
	font-weight: 300;
	color: #e5e5e5;
}

.seen{
	display: inline-block;
	position: relative;
}

.seen img{
	max-width: 100px;
	display: block;
	padding: 10px;
}

.index .charts1{
	width: 100%;
	margin-top: 0px;
}

}

@media (min-width: 1000px){
	#pain-points .pain-points{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}	
}

@media (max-width: 991px) {

	header .container{
		padding-top: 120px;
	}	

	header{
		height: unset !important;
	}

}

@media (max-width: 760px) {

	#features .item .fas, #features .item .fab{
		font-size: 35px;
	}

	.seen img{
		max-width: 80px;
	}

	.navbar.fixed-top .container{
		max-width: unset;
		width: 100%;
	}

	.new-plan{
		font-size: 35px;
	}

	.ig #pain-points .pain-points-list{
		flex-wrap: wrap;
		display: block;
		margin: 0px;
		padding: 0px;
	}

	.ig #pain-points .pain-points{
		margin-bottom: 20px;

	}

	.ig section{
		padding: 20px 0px;
	}

	.counter .counter-offer{
		padding: 10px 0px 0px 0px;
	}

	.h2{
		font-size: 28px;
		margin-top: 30px;
	}

	.features{
		padding-top: 0px;
	}

	.countdown{
		text-align: center !important
	}

}

@media (max-width: 360px) {

	h1{
		font-size: 26px !important;
	}
}



/* END HEADER  */


/* PAIN POINTS */

#pain-points .pain-points-list{
	display: flex;
	flex-direction: row;
	flex-wrap: inherit;
}

#pain-points .pain-points{
	background-color: #fff;
	border: 1px solid #f8f9fb;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,12,32,.04) 0 0 1px 0, rgba(10,31,68,.06) 0 10px 16px 0;
	box-shadow: rgba(0,12,32,.04) 0 0 1px 0, rgba(10,31,68,.06) 0 10px 16px 0;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	padding: 40px 40px 30px 40px;
	margin: 5px;
	text-align: left;
}

#pain-points .pain-points h2{
	font-size: 18px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 10px;
}

#pain-points .pain-points p{
	font-size: 16px;
	text-align: left;
	color: #53627c;
	line-height: 25px;
	letter-spacing: 0px;
	margin-bottom: 0px;
}

#pain-points .icons{
	display: inline;
	font-size: 35px;
	background: linear-gradient(135deg,#2175c5 0,#2d8be3 50%,#6cbdff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#pain-points .pain-points img{
	max-width: 40px;
}

.benefit h2{
	font-size: 1.4em;
	font-weight: 700;
}

#features .benefit h2{
	font-size: 1.2em;
	font-weight: 700;
}

#pain-points .fa, #pain-points .fas, #pain-points .fab{
	display: inline;
	font-size: 30px;
	background: #333333;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/* END PAIN POINTS */

/* BENEFITS */


/* START TESTIMONIALS */



/* END TESTIMONIALS */

/* PLANS */

#plans-page #plans {
	padding-top: 140px;
}

#plans-page .plan-icon{
	display: block;
	width: 90px;
	height: 90px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#plans-page #plans h1{
	margin-top: 50px;
	text-align: center;
}

#plans-page .item-faq{
	color: #000;
	margin-top: 40px;
}

#plans-page #contact h2{
	margin: 60px;
	color: #000;
}

#plans-page .under_price{
	font-size: 16px;
	color: #6d7987;
	font-weight: 400;
	margin: 0 auto;
	width: 65%;
}


#plans-page h5{
	font-size: 18px;
	margin-top: 35px;
}

#plans-page .footer-above p{
	font-size: 1em;
	color: #666;
	font-weight: 400;
	letter-spacing: -0.009em;
}

#plans-page .more-questions{
	margin-top: 50px;
}

#plans-page .footer-above a{
	font-weight: 500;
	color: #094AFF;
}

#plans-page .popular{
	background: #f3fbfe;
	color: #2576BE;
	font-size: 14px;
	vertical-align: bottom;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-top: 1px #CCC solid;
	padding: 5px 0px;
	font-weight: 700;
}

#plans-page .old-plan{
	font-weight: 300;
	color: #0e76dfcf;
	font-size: 28px;
	top: -4px;
	position: relative
}

.old_price{
	height: 45px;
}

#plans-page .limited_time_offer{
	display: block;
	font-size: 11px;
	border: 1px #18c96e solid;
	border-radius: 5px;
	max-width: 170px;
	padding: 5px;
	margin: 2px auto;
	color: #15a55a;
	background-color: #fff;
	padding-bottom: 3px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

#plans-page .limited_mobile{
	background: #fff;
	color: #00b654 !important;
	padding: 5px 20px;
	margin-top: 5px;
	display: inline-block;
	border-radius: 5px;
	font-size: 10px;
}

img.icon_plan {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 90px;
}

.toggle-control {
	position: relative;
	padding-left: 55px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toggle-control input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.toggle-control input:checked ~ .control {
	background-color: #54a3d4;
}

.toggle-control input:checked ~ .control:after {
	left: 33px;
}

.toggle-control .control {
	position: absolute;
	top: 0;
	left: 0;
	height: 31px;
	width: 60px;
	border-radius: 25px;
	background-color: #54a3d4;
	transition: background-color 0.15s ease-in;
}
.toggle-control .control:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 4px;
	width: 22px;
	height: 22px;
	border-radius: 25px;
	background: white;
	transition: left 0.15s ease-in;
}

.content-annual-month {
	display: block;
	text-align: right;
	height: 80px;
	position: relative;
	top: -10px;
	width: 90%;
	margin: 0 auto;
}

.content-annual-month div {
	display: inline-block;
}

.content-annual-month .text {
	position: relative;
	top: 30px;
	margin-left: 10px;
	font-weight: bold;
}

.content-annual-month .text p {
	font-weight: 100;
	font-style: italic;
}

.content-annual-month .text:first-child {
	margin-right: 10px;
	top: 10px;
}

.item_price.annual {
	display: none;
}

.content-annual-month.popup {
	width: 90%;
	margin: 0 auto;
	top: -35px;
}

.plan_title {
	height: 50px;
	line-height: 50px;
	font-weight: bold;
}

.plan_item {
	height: 60px;
	line-height: 60px;
	border-top: 1px #dadddf solid;
}

.plan_color_1 .plan_title, .plan_color_1 .plan_item{
	background-color: #eff2f3;
}

.plan_color_2 .plan_title, .plan_color_2 .plan_item {
	background-color: #f5f8f9;
}

.item_p {
	font-weight: 600;
	color: #333;
}

#features .item .fas,#features .item .fab {
	font-size: 24px;
}

.sub_plans {
	margin-top: 30px;
}

.col-lg-3.wo_padding.text-center.plan_color_1 {
	margin-left: 50px;
}

.planes {
	font-size: 16px;
	position: relative;
	z-index: 6;
	margin-top: 60px;
}

.lh_m {
	line-height: 48px !important;
}

.btnMain.plan {
	padding: 9px 40px;
	font-size: 15px;
	margin-top: 20px;
}

.plan_medio {	
	position: relative;
	top: -31px;
	width: 220px;
	z-index: 10;
}

.plan_medio .shadow {
	-webkit-box-shadow: 6px 6px 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 6px 6px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 6px 6px 0px 2px rgba(0,0,0,0.2);
}

.plan_medio .plan_item {
	height: 70px;
	line-height: 70px;
}

span.plan_detail {
	display: block;
	position: relative;
	top: -30px;
	font-size: 12px;
	color: #666;
}

.item_price {
	font-size: 40px;
	color: #0e76df;
	margin-bottom: 10px;
	margin-top: 1px;
	display: block;
}

.period {
	font-size: 12px;
	color: #8898aa;
	position: relative;
	top: -12px;
	font-weight: normal;
}

.plus{
	font-size: 25px;
	color: #8898aa;
	font-weight: 200;
	top: -5px;
	position: relative;
}

.columnplan1 {
	font-size: 13px;
	width: 185px;
}

.detail_plan {
	font-size: 15px;
	color: #0C191E;
	display: block;
	font-weight: normal;
}

.detail_plan::before{
	content: " ";
	display: block;
	background: url(../images/check-circle-regular.svg) left 3px no-repeat;
	background-size: 16px auto;
	padding-left: 30px;
	margin-bottom: 10px;
}

.table_plan {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #009DFC;
}

.div_price{
	margin: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.plan_name{
	display: table;
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	background: linear-gradient(75deg, rgba(5,81,255,1) 0%, rgba(0,148,252,1) 35%, rgba(0,196,253,1) 100%);
	width: 90%;
	margin: 0 auto;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	padding: 5px 20px;
}

.plan_features{
	padding-bottom: 30px;
}

.plan_feature{
	text-align: left;
}

.new-plan{
	font-weight: 700; 
}

.fee{
	font-size: 20px;
	font-weight: 700;
	vertical-align: middle;
	top: -5px;
	display: inline-block;
	position: relative;
}

#plans-page .table_plan tr:last-child, #plans-page .table_plan td:first-child {
	border-bottom-left-radius: 5px;
}

#plans-page .table_plan tr:last-child, #plans-page .table_plan td:last-child {
	border-bottom-right-radius: 5px;
}

.table_plan tr {
	height: 50px;
}

.table_plan .popular-tr{
	height: 30px;
}

.table_plan hr {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.title_plan {
	font-size: 22px;
	font-weight: bold;
}

.border_top {
	border-top: 5px #0b4e92 solid;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	padding-top: 20px;
}

.border_left_right {
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;	
}

.border_bottom {
	border-bottom: 1px #CCC solid;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;	
	padding-bottom: 20px;
}

.enterprise_contact {
	text-decoration: underline;
	font-size: 21px;
	margin-bottom: 28px;
	margin-top: 5px;
}

.enterprise_contact:hover {
	color: #000;
}

.recom_plan {
	background-color: #fff5fc;
	position: relative;
	top: -5px;
	box-shadow: 2px 5px 4px rgba(0,0,0,.2);
}

.recom_plan.border_big{
	border-top: 5px #180d9b solid;
}

.symbol_plan {
	font-size: 15px;
	position: relative;
	top: -10px;
	font-weight: normal;
}

.plan_line {
	background-color: #54a3d3;
	height: 5px;
	width: 100%;
}

img.icon_plan {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 90px;
}

.recom_plan .btnBlue:hover{
	text-decoration: none;
}

#plans-page .btnMain.btnTry{
	display: block;
}


/* END PLANS */

/* TERMS & PRIVACY POLICY*/

.auxiliar section{
	padding-top: 150px;
	font-family: "Open Sans";
}

.auxiliar h1{
	margin-bottom: 30px;
}

.auxiliar h4{
	margin-top: 30px;
}

.auxiliar p{
	font-size: 18px;
	font-weight: 100;
	width: 100%;
}

.auxiliar ol li{
	font-size: 18px;
	padding: 10px 0px;
	font-weight: 100;
}

/* END TERMS & PRIVACY POLICY*/

/* TWITCHER ALTERNATIVE STARTS */

.tips .main  {	
	padding: 100px;
	font-family: "Open Sans";
}

.tips .main .main-content img{
	max-width: 100%;
	margin: 10px 0px;
}

.tips .c0 {
	font-size: 12px !important;
	margin:0px;
}
.tips h1{
	font-size: 2.5em;
	text-align: center;
	margin: 50px 0px 15px 0px;
	font-weight: 300;
}

.tips h2{
	font-size: 27px;
	margin-top: 80px;
}

.tips h3{
	font-size: 22px;
	color: #2076CF;
	margin-top: 40px;
}

/* TWITCHER ALTERNATIVE ENDS */

/* SUCCESS */

.success #testimonials{
	background-color: #f4f4f4;
}

/* LANDING */


.landing .navbar{
	z-index: 99;
	position: fixed;
	padding: 15px 0px;
	right: 0;
	left: 0;
	background: transparent;
}

.landing .navbar-shrink{
	background: #2b2d38 !important;
}

.landing .navbar-brand-inv{
	display: none;
}

.landing header .btnMainSuper{
	margin: 40px 0px 20px;
}


.landing a.btnHeader{
	margin-right: 0px;
	font-size: 13px;
}

.landing a.btnHeader:hover{
	text-decoration: none;
}


/* LANDINGS END  */

/* BLOG START*/

.blog #content{
	background-color: #F5F7FA;
}

/* BLOG END */

/* HELP */

.docs-cat-title-inner span{
	color: #fff !important;
}


/* MEDIA QUERY START */

@media (max-width: 1150px) {

	.plan_medio {	
		position: relative;
		top: 0px;
		width: inherit;
		z-index: 10;
	}

	.plan_medio .plan_item {
		height: 60px;
		line-height: 60px;
	}

	.btnMain.plan {
		padding: 4px 30px;
		font-size: 15px;
		margin-top: 14px;
	}

	.tips .indice {
		width: 170px;
	}

}

@media (max-width: 992px) {

	#pain-points .container{
		max-width: none;
	}

	#pain-points{
		top:-30px !important;
	}

	#plans-page .old-plan{
		color: #4b6856;
		font-size: 16px;
		top: 0px;
		position: relative;
		padding: 0px 4px;
		font-weight: 400;
	}

	.just-lg{
		display: none !important;
	}

	.just-md{
		display: block;
	}

	.container.pain {
		width: 100%;
		max-width: none;
	}

	section{
		padding: 60px 0;
	}

	.graph.just-mobile{
		padding: 0px;

	}

	.navbar-nav{
		padding-top: 10px;
		height: 90vh;
		color: #FFF;
		background: #0C191E !important;
	}

	.navbar-expand .navbar-nav{
		height: auto;
	}

	.navbar ul li{
		padding: 10px 15px;
		font-size: 20px;
		font-weight: 200;
		letter-spacing: 1px;
		text-align: center;
	}

	a.btnHeader{
		padding: 10px 15px !important;
	}

	#pain-points .pain-points-list{
		margin: 0 auto;
	}

	.tips .indice {
		margin-top: 20px;
		padding: 20px;
		width: 100%;
		position: relative;
		margin-bottom: 40px;
	}

	.table_plan{
		text-align: left;
		width: unset;
		font-weight: 400;
		letter-spacing: -0.009em;
		border:none;
	}

	.table_plan ul{
		margin: 20px 0px 0px !important;
		padding-left: 0px !important;
	}

	.table_plan ul li{
		list-style: none;
		background: url(../images/check-circle-regular.svg) left 3px no-repeat;
		background-size: 16px auto;
		padding-left: 30px;
		margin-bottom: 10px;
	}

	.plan-option{
		position: relative;
		display: block;
	} 	
	.plan-option a{
		display: block;
	}

	.plans-list{
		border: 1px solid #dddddd;
		border-radius: 5px;
		padding:0px; 
		margin: 20px 0px 40px 0px;
	}

	#plans-page .plan-icon{
		float: right;
		width: 40px;
		height: auto;
		vertical-align: middle;
	}

	#plans .plan-option h4{
		font-size: 16px;    
		margin-bottom: 2px;
		color: #424141;
	}

	#plans .plan-option h4 .agency-plan{
		font-size: 12px;
	}

	#plans .plan-option p{
		font-size: 13px;
		color: #8e8e8e;
		width: 80%;
		margin: 0px;
	}

	.recom_plan{
		position: relative;
		color: #fff;
		top: 0px;
		border-radius: 5px;
	}

	.recom_plan .btnBlue{
		padding: 20px;
		background-color: #FFAC4A;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
		border-radius: 5px;
	}

	.recom_plan .btnKoala{
		padding: 20px;
		background-color: #2DBF6D;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
		border-radius: 5px;
		display: block !important;
	}

	.recom_plan .btnKoala:hover{
		text-decoration: none;
	}

	.plan-option:last-child{
		border-top: 1px solid #2DBF6D;
	}

	.recom_plan h4, .recom_plan p{
		color: #fff !important;
	}

	#plans .plan-option.recom_plan h4{
		font-size: 18px;
	}

	#plans .plan-option p span{
		color: #000;

	}

	#plans .plan-option.recom_plan p span{
		color: #fff;
		font-weight: 700;
	}


	.planes{
		margin-top: 20px;
	}


}

@media (max-width: 770px){

	.index h1{
		font-size: 12px;
	}

	.h1{
		font-size: 28px;
	}

	header .h2{
		max-width: 95%;
		margin: 0 auto;
		font-size: 16px;
	}

	.cta-div{
		margin: 50px auto;
	}

	.footer-above .cta-div{
		margin: 50px auto;
	}

	header .cta-div{
		text-align: center;
	}

	.navbar-dark .navbar-toggler, .navbar-light .navbar-toggler{
		margin-right: 10px;
	}

	body {
		font-size: 16px;
	}
	section{
		padding: 50px 0;
	}

	.just-md{
		display: block;
	}

	.tablet-no{
		display: none !important;
	}

	.tips .main  {	
		padding: 10px !important;
	}

	header .container {
		padding-top: 100px
	}

	p.subtitle, h3.subtitle{
		margin: 0px;
	}

	.plan_item {
		line-height: 12px;
		padding-top: 20px;
	}

	#pain-points .pain-points{
		padding: 30px 30px 30px 30px;
	}

	#pain-points .pain-points p{
		font-size: 1rem;
	}

	#pain-points .pain-points h2{
		margin-top: 0px;
		font-weight: 600;
	}

	.index h4{
		text-align: center;
	}

	.plan_medio .plan_item {
		line-height: 12px;
	}

	.period {
		display: block;
	}

	.lh_m {
		line-height: 10px !important;
	}

	span.plan_detail {
		top: 3px;
		font-size: 11px;
	}

	.btnMain.plan {
		padding: 4px 10px;
		font-size: 15px;
		margin-top: 14px;
	}

	.symbol_plan {
		top: 0px;
	}

	.period {
		top: 0px;
	}

	.col-lg-3.wo_padding.text-center.plan_color_1 {
		margin-left: 0px;
	}

	.item_price {
		font-size: 24px;
		color: #EE6382;
	}

	.enterprise_contact{
		font-size: 16px;
		margin-bottom: 44px;
	}

	.plan_medio .shadow {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	#plans-page .new-plan{
		font-size: 30px;
	}

	#plans-page .border_bottom{
		border-left: 0px;
		border-right: 0px;
	}

	#plans-page .footer-above p{
		margin-bottom: 20px;
	}

	#plans-page .more-questions{
		margin-top: 20px;
	}

	#pain-points .pain-points-list{
		display: table;
		padding: 10px;
		margin-top: 50px;
	}

	#pain-points .pain-points{
		margin: 10px 5px;
	}

	.index h4, p.h4{
		margin: 0px;
	}

	.index section h2{
		font-size: 28px;
		line-height: 35px;
		padding: 20px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
		font-weight: 600;
	}

	.feature section h2{
		padding: 10px 0px 0px 0px;
		text-align: center;
	}

	#plans-page #plans{
		padding-top: 110px;
		margin-bottom: 0px;
	}

	p.subtitle{
		letter-spacing: 0px;
		font-weight: 400;
		font-size: 1em;
	}

	#plans-page h5{
		margin-top: 10px;
		font-size: 1.1em;
	}


	#plans-page section h2{
		font-size: 1.5rem;
		margin-bottom: 30px;
	}

	#features .sprite{
		transform: scale(0.6);

	}

	p.subtitle, h3.subtitle{
		font-size: 100%;
		line-height: 25px;
		margin-bottom: 20px;
		text-align: center;
		padding: 10px;
	}

	.navbar-brand{
		margin-left: 0px;
	}

	.navbar-brand img{
		width: 150px;
	}

	.sub_plans {
		width: 90%;
		margin: 40px auto;

	}

	a.btnHeader{
		margin: 0 auto;
		position: relative;
	}

	.partners-content p{
		font-size: 12px;
	}

	.index header.img-back{
		background-position: right;
	}

	.index section{
		padding: 50px 0px;
	}

	.btnMain {
		font-size: 15px;
	}

	.btnMain.btnTry {
		padding: 15px 40px;
		font-size: 15px;
		margin: 20px auto;
		max-width: 400px;
	}

	.index .benefit h2 {
		font-size: 22px;
		text-align: center;	
		margin: 0px;
	}

	#features .benefit h2{
		font-size: 22px;
		text-align:left;
		margin: 0px;
		padding: 0px;
	}

	.index h4{
		font-size: 18px;
		padding: 0 10px;
		text-align: center;
	}

	.tips{
		padding: 0;
	}

	.tips .indice {
		position: relative;
		margin-top: 100px;
	}

	.tips .title {
		margin-top: 80px;
	}

	.tips .img-responsive {
		width: 80%;
	}

	#pain-points{
		padding-top: 30px;
		top:0px !important;
	}

	#pain-points ul li{
		margin-top: 15px !important;
	}


	.btnMain {
		padding: 14px 30px !important; 
	}

	.logo {
		width: 120px !important;
		margin-left: 30px;
	}

	#pain-points .pain-points img{
		max-width: 40px;
	}

	.success header .container {
		padding-top: 100px
	}

	header .intro-text h2{
		font-size: 18px;
		display: block;
		margin: 20px 10px 30px;
		line-height: 30px;
		text-align: center;
	} 

	.planes {
		position: relative;
	}

	#plans-page #plans h1{
		margin-top: 0px;
	}

	.features-icons .feature-icon{
		padding: 25px 10px;
		height: 120px;
		font-size: 12px;
		max-width: 100%;
	}

	.features-icons .fa, .features-icons .fas, .features-icons .fab{
		font-size: 35px;
	}

	header .form{
		display: block;
		width: 70%;
		margin: 0 auto;
		position: relative;
	}

	.btnMainSuper.Waiting{
		width: 90%;
		position: relative;
		display: table;
		clear: both;
		margin: 0 auto;
		padding: 15px 5% !important;
		margin-top: 20px;
	}
	header .linkMailWaiting{
		width: 100%;
		margin-right: 0px;
	}

}

@media (max-width: 600px){

	.seen img{
		max-width: 70px;
	}

	.btnLiftoffNew.btnKoala{
		font-size: 14px;
	}

	#plans-page .item-faq{
		margin-top: 0px;
	}

	header .demo-text{
		left: 0px;
	}

	.know{
		font-size: 12px;
	}

	.know svg{
		width: 20px;
		height: 20px;
	}
}

@media (max-width: 470px){

	.seen img{
		max-width: 55px;
	}
}

@media (max-width: 400px){

	#plans .plan-option.recom_plan h4{
		font-size: 18px;
	}
}