body {

background: #293f52;  /* fallback for old browsers
background: -webkit-linear-gradient(to bottom, #283E51, #4B79A1);
background: linear-gradient(to bottom, #283E51, #4B79A1); */
overflow-x: hidden;
overflow-y: auto;

}
.navbar-main {
	background-color:rgba(0,0,0,0)!important;
}
.bg-white{
	background-color: #FFF;
}
.navbar-public {
	padding: 0.5rem 3rem;
	margin:1rem;
}
.blue-gradient{
	background: #293f52; /* Old browsers */
	background: -moz-linear-gradient(top, #293f52 0%, #293f52 34%, #203241 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #293f52 0%,#293f52 34%,#203241 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #293f52 0%,#293f52 34%,#203241 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media (max-width: 671.98px) {
	.navbar-public {
		padding: .5rem 1rem;
		margin:0;
	}
}
.footer-container {
	background-color:rgba(0,0,0,0.25)!important;
}
.nav-white {
  background-color: transparent !important;
  position: relative;
}
.mnw {
	background: #293f52; /*
	background: -moz-linear-gradient(top, #293f52 0%, #203241 100%);
	background: -webkit-linear-gradient(top, #293f52 0%, #203241 100%);
	background: linear-gradient(to bottom, #293f52 0%, #203241 100%);  */
}
.custom-pt100{
	padding-top: 100px;
}
.pricing-title{
	color: #FFF;
	margin-left: 8rem;
}
.pricing-small-text{
	font-size: 0.88rem;
}
.left-darkblue-fold {
	width: 100%;
	height: 0;
	border-style: solid;
	border-width: 0 0 60px 100vw;
	border-color: transparent transparent transparent #203241;
	position: relative;
	top: -50px;
}
.right-lightblue-fold {
	width: 100%;
	height: 0;
	border-style: solid;
	border-width: 0 30vw 50px 0;
	border-color: transparent #1371FF transparent transparent;
}
.need-help{
  position: absolute;
  right: 0;
  font-size: 0.88rem;
  padding: 0.6rem 2.5rem;
	z-index: 999;
}
.text-title{
  font-weight: 600;
  font-size: 1.25rem;
	color: #2C394C;
}
.text-big-title{
	font-weight: 600;
	font-size: 2rem;
	color: #2C394C;
}
.text-regular-title{
  font-weight: 400;
  font-size: 1.38rem; /*=22.08px, whith default 16px*/
	color: #2C242F;
}
.text-subtitle{
	font-size: 1.13rem;
}
.extension-container {
	border: 1px solid #E4E4E4;
	border-radius: 0.25rem;
	background: #FCFCFC;
}
.extension-container .extension-img {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	background: #F4F4F4;
	border-radius: 6px;
	padding: 15px;
}
.extension-img-container {
	width: 100px;
	height: 100px;
	background: #F4F4F4;
	float: left;
	position: relative;
}
.extension-container .extension-info > a:hover,
.extension-container .extension-info > a.card-title:hover {
	text-decoration:none;
	color:#2878CE;
}
.rate-container{
	display: flex;
  flex-direction: row;
}
.rate-container .star_rate{
	color: var(--yellow);
	margin: 0 0.5rem 0 0;
	width: 1.25rem;
}
.free-start-top-fold{
  width: 100%;
	height: 0;
	border-style: solid;
  border-width: 0 0 60px 100vw;
  border-color: transparent transparent #293f52 transparent;
}
.free-start-bottom-fold{
  width: 100%;
	height: 0;
	border-style: solid;
  border-width: 60px 100vw 0 0;
  border-color: #293f52 transparent transparent transparent;
}
.main-btn-green {
  width: 50%;
  background: #A3D146;
  color: #FFF;
  background-image: linear-gradient(25deg, #86C20E 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  /* transition: background 200ms ease-in-out; */
  border-radius: 3rem;
}
.main-btn-green:hover {
  background-position: 0;
	color: #fff;
}
.card {
	border: none;
	border-radius: 0;
	background-color: rgba(255,255,255,0);
	border-top: 1px solid rgba(113, 113, 113, 0.125);
}
.card:last-child {
	border-bottom: 1px solid rgba(113, 113, 113, 0.125);
}
.card-text{
	font-size: 1.13rem;
	color: rgba(0,0,0,0.8);
}
.card a{
	cursor: pointer;
}
[aria-expanded="true"] .fa:before {
  content: "\f106";
	position: absolute;
  right: 1%;
	top: 1.5rem;
}

[aria-expanded="false"] .fa:before {
  content: "\f107";
	position: absolute;
  right: 1%;
	top: 1.5rem;
}
@media (max-width: 1024px) {
	.pricing-title{
		margin-left: 7.5rem;
	}
}
@media (max-width:1024px){
  .right-lightblue-fold {
  	border-width: 0 40vw 50px 0;
  }
}
@media (max-width: 768px) {
	.pricing-title{
		margin-left: 0.4rem;
	}
  .right-lightblue-fold {
  	border-width: 0 45vw 50px 0;
  }
}
@media (max-width: 576px) {
  .right-lightblue-fold {
    border-width: 0 70vw 50px 0;
  }
  .need-help{
    font-size: 0.8rem;
    padding: 0.8rem 1rem;
  }
}