#scrollToTop a i:before {
	content: '';
	position: absolute;
	height: 40%;
	top: 25%;
	background: #fff;
	width: 2px;
	left: calc(50% - 1px); }
  #scrollToTop a i:after {
	content: '';
	position: absolute;
	display: block;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 40%;
	height: 40%;
	left: 30%;
	bottom: 30%;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg); }

/*! Scroll to top arrow */
.mbr-arrow-up {
	bottom: 25px;
	right: 90px;
	position: fixed;
	text-align: right;
	z-index: 5000;
	color: #ffffff;
	font-size: 32px;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	}
  
  .mbr-arrow-up a {
	background: rgba(99, 40, 98, 0.4);
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	height: 60px;
	width: 60px;
	outline-style: none !important;
	position: relative;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	cursor: pointer;
	text-align: center;
	}
	.mbr-arrow-up a:hover {
	  background-color: rgba(38, 0, 38, 0.8); }
	.mbr-arrow-up a i {
	  line-height: 60px; }
  
  .mbr-arrow-up-icon {
	display: block;
	color: #fff; }
  
  .mbr-arrow-up-icon::before {
	content: "\203a";
	display: inline-block;
	font-family: serif;
	font-size: 32px;
	line-height: 1;
	font-style: normal;
	position: relative;
	top: 6px;
	left: -4px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg); }
  
  /*! Arrow Down */
  .mbr-arrow {
	position: absolute;
	bottom: 45px;
	left: 50%;
	width: 60px;
	height: 60px;
	cursor: pointer;
	background-color: rgba(80, 80, 80, 0.5);
	border-radius: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); }
	.mbr-arrow > a {
	  display: inline-block;
	  text-decoration: none;
	  outline-style: none;
	  -webkit-animation: arrowdown 1.7s ease-in-out infinite;
	  animation: arrowdown 1.7s ease-in-out infinite; }
	  .mbr-arrow > a > i {
		position: absolute;
		top: -2px;
		left: 15px;
		font-size: 2rem; }
  
  @keyframes arrowdown {
	0% {
	  transform: translateY(0px);
	  -webkit-transform: translateY(0px); }
	50% {
	  transform: translateY(-5px);
	  -webkit-transform: translateY(-5px); }
	100% {
	  transform: translateY(0px);
	  -webkit-transform: translateY(0px); } }
  @-webkit-keyframes arrowdown {
	0% {
	  transform: translateY(0px);
	  -webkit-transform: translateY(0px); }
	50% {
	  transform: translateY(-5px);
	  -webkit-transform: translateY(-5px); }
	100% {
	  transform: translateY(0px);
	  -webkit-transform: translateY(0px); } }
  @media (max-width: 500px) {
	.mbr-arrow-up {
	  left: 50%;
	  right: auto;
	  -ms-transform: translateX(-50%) rotate(180deg);
	  transform: translateX(-50%) rotate(180deg);
	  -webkit-transform: translateX(-50%) rotate(180deg); } }

	  # Pricing
	  --------------------------------------------------------------*/
	  .pricing .row {
		padding-top: 40px;
	  }
	  
	  .pricing .box {
		padding: 60px 40px;
		box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);
		background: #fff;
		height: 100%;
		border-top: 4px solid #fff;
		border-radius: 5px;
	  }
	  
	  .pricing h3 {
		font-weight: 500;
		margin-bottom: 15px;
		font-size: 20px;
		color: #37517e;
	  }
	  
	  .pricing h4 {
		font-size: 48px;
		color: #37517e;
		font-weight: 400;
		font-family: "Jost", sans-serif;
		margin-bottom: 25px;
	  }
	  
	  .pricing h4 sup {
		font-size: 28px;
	  }
	  
	  .pricing h4 span {
		color: #47b2e4;
		font-size: 18px;
		display: block;
	  }
	  
	  .pricing ul {
		padding: 20px 0;
		list-style: none;
		color: #999;
		text-align: left;
		line-height: 20px;
	  }
	  
	  .pricing ul li {
		padding: 10px 0 10px 30px;
		position: relative;
	  }
	  
	  .pricing ul i {
		color: #28a745;
		font-size: 24px;
		position: absolute;
		left: 0;
		top: 6px;
	  }
	  
	  .pricing ul .na {
		color: #ccc;
	  }
	  
	  .pricing ul .na i {
		color: #ccc;
	  }
	  
	  .pricing ul .na span {
		text-decoration: line-through;
	  }
	  
	  .pricing .buy-btn {
		display: inline-block;
		padding: 12px 35px;
		border-radius: 50px;
		color: #47b2e4;
		transition: none;
		font-size: 16px;
		font-weight: 500;
		font-family: "Jost", sans-serif;
		transition: 0.3s;
		border: 1px solid #47b2e4;
	  }
	  
	  .pricing .buy-btn:hover {
		background: #47b2e4;
		color: #fff;
	  }
	  
	  .pricing .featured {
		border-top-color: #47b2e4;
	  }
	  
	  .pricing .featured .buy-btn {
		background: #47b2e4;
		color: #fff;
	  }
	  
	  .pricing .featured .buy-btn:hover {
		background: #23a3df;
	  }
	  
  /*Gradients animation