/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i);

p {
  font-family: 'Rubik', sans-serif;
  font-size: 1.1rem;
}

.p-light {
	font-weight: 300;
}
.mobile-show {
	display: none;
}
.navbar .container{
	max-width: 1300px;
}
h2 {
  color: #ff33ff;
}
h3 {
  font-family: 'Rubik', sans-serif;
  font-size: 1.5rem;
}
h4 {
  font-family: 'Rubik', sans-serif;
  font-size: 1.5rem;
  color: #ff33ff;
}
.btn-display-4 {
	font-weight: 350;
}
.display-4 {
	font-weight: 350;
	font-size:3.5rem
}
.bg-dark {
  background-color: #000 !important;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
}
.pink-bar {
	background-color: #ff33ff;
}
.light-pink-bar {
	background-color: #fdf1fd;
}
.fixed-top {
	position: sticky;
}
.grey-gradient {
  padding-top: 70px;
  padding-bottom: 70px;
  background: linear-gradient(45deg, #ffffff, #c1c1c1);
}
.nav-link {
	color:#fff;
	font-weight: 600;
}
.nav-item a:hover {
	color:#ff33ff;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.mobile-center{
        text-align: center;
    }

.pad-25 {
    padding:25px;
}

.pad-b-10 {
    padding-bottom: 10px;
}

@media (max-width: 767px){
	.display-4 {
		font-weight: 350;
		font-size:3rem
	}
    .mobile-center{
        text-align: center;
    }
    .mobile-center table{
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .mobile-hide{
        display:none;
	}
	.mobile-show{
        display:block;
    }
    .mobile-pb-0{
        padding-bottom: 0;
    }
    .mobile-pb-10{
        padding-bottom: 10px;
    }
    .mobile-pb-1{
        padding-bottom: 1em;
    }
    .mobile-pb-2{
        padding-bottom: 2em;
    }
    .mobile-pt-1{
        padding-top: 1em;
    }
}
/* Previous design CSS */
.social-list .mbr-iconfont-social {
  font-size: 1.3rem;
  color: #fff;
}
.social-list .mbr-iconfont-social {
  font-size: 1.3rem;
  color: #fff;
}
a, a:hover {
  color: #b60576;
}

.social-list .soc-item {
  margin: 0 .5rem;
}
.social-list .soc-item {
  margin: 0 .5rem;
}

.social-list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/* Buttons */
.btn {
  font-weight: 600;
  border-width: 2px;
  font-style: normal;
  letter-spacing: 1px;
  margin: .4rem .8rem;
  white-space: normal;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  display: -webkit-inline-flex;
  padding: .5rem 3rem;
  border-radius: 3px;
}
.btn-sm {
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0.6rem 1.5rem;
  border-radius: 3px;
}
.btn-md {
  font-weight: 500;
  letter-spacing: 1px;
  margin: .4rem .8rem !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1rem 3rem;
  border-radius: 3px;
}
.btn-lg {
  font-weight: 500;
  letter-spacing: 1px;
  margin: .4rem .8rem !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1.2rem 3.2rem;
  border-radius: 3px;
}
.bg-primary {
  background-color: #b60576 !important;
}
.bg-success {
  background-color: #232323 !important;
}
.bg-info {
  background-color: #767676 !important;
}
.bg-warning {
  background-color: #879a9f !important;
}
.bg-danger {
  background-color: #fac2fa !important;
}
/* Button styling */
.btn-primary,
.btn-primary:active {
  background-color: #b60576 !important;
  border-color: #b60576 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  color: #ffffff !important;
  background-color: #6c0346 !important;
  border-color: #6c0346 !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #6c0346 !important;
  border-color: #6c0346 !important;
}
.btn-secondary,
.btn-secondary:active {
  background-color: #ff33ff !important;
  border-color: #ff33ff !important;
  color: #ffffff !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
  color: #ffffff !important;
  background-color: #e500e5 !important;
  border-color: #e500e5 !important;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #e500e5 !important;
  border-color: #e500e5 !important;
}
.btn-info,
.btn-info:active {
  background-color: #767676 !important;
  border-color: #767676 !important;
  color: #ffffff !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info.active {
  color: #ffffff !important;
  background-color: #505050 !important;
  border-color: #505050 !important;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #505050 !important;
  border-color: #505050 !important;
}
.btn-success,
.btn-success:active {
  background-color: #232323 !important;
  border-color: #232323 !important;
  color: #ffffff !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success.active {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-warning,
.btn-warning:active {
  background-color: #879a9f !important;
  border-color: #879a9f !important;
  color: #ffffff !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning.active {
  color: #ffffff !important;
  background-color: #617479 !important;
  border-color: #617479 !important;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #ffffff !important;
  background-color: #617479 !important;
  border-color: #617479 !important;
}
.btn-danger,
.btn-danger:active {
  background-color: #fac2fa !important;
  border-color: #fac2fa !important;
  color: #af0eaf !important;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger.active {
  color: #af0eaf !important;
  background-color: #f47bf4 !important;
  border-color: #f47bf4 !important;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #af0eaf !important;
  background-color: #f47bf4 !important;
  border-color: #f47bf4 !important;
}
.btn-white {
  color: #333333 !important;
}
.btn-white,
.btn-white:active {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #808080 !important;
}
.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white.active {
  color: #808080 !important;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}
.btn-white.disabled,
.btn-white:disabled {
  color: #808080 !important;
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
}
.btn-black,
.btn-black:active {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus,
.btn-black.active {
  color: #ffffff !important;
  background-color: #0d0d0d !important;
  border-color: #0d0d0d !important;
}
.btn-black.disabled,
.btn-black:disabled {
  color: #ffffff !important;
  background-color: #0d0d0d !important;
  border-color: #0d0d0d !important;
}
.btn-primary-outline,
.btn-primary-outline:active {
  background: none;
  border-color: #530236;
  color: #530236;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
  color: #ffffff;
  background-color: #b60576;
  border-color: #b60576;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #b60576 !important;
  border-color: #b60576 !important;
}
.btn-secondary-outline,
.btn-secondary-outline:active {
  background: none;
  border-color: #cc00cc;
  color: #cc00cc;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
  color: #ffffff;
  background-color: #ff33ff;
  border-color: #ff33ff;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #ffffff !important;
  background-color: #ff33ff !important;
  border-color: #ff33ff !important;
}
.btn-info-outline,
.btn-info-outline:active {
  background: none;
  border-color: #434343;
  color: #434343;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline.active {
  color: #ffffff;
  background-color: #767676;
  border-color: #767676;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #767676 !important;
  border-color: #767676 !important;
}
.btn-success-outline,
.btn-success-outline:active {
  background: none;
  border-color: #000000;
  color: #000000;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline.active {
  color: #ffffff;
  background-color: #232323;
  border-color: #232323;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #232323 !important;
  border-color: #232323 !important;
}
.btn-warning-outline,
.btn-warning-outline:active {
  background: none;
  border-color: #55666b;
  color: #55666b;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline.active {
  color: #ffffff;
  background-color: #879a9f;
  border-color: #879a9f;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #ffffff !important;
  background-color: #879a9f !important;
  border-color: #879a9f !important;
}
.btn-danger-outline,
.btn-danger-outline:active {
  background: none;
  border-color: #f264f2;
  color: #f264f2;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline.active {
  color: #af0eaf;
  background-color: #fac2fa;
  border-color: #fac2fa;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #af0eaf !important;
  background-color: #fac2fa !important;
  border-color: #fac2fa !important;
}
.btn-black-outline,
.btn-black-outline:active {
  background: none;
  border-color: #000000;
  color: #000000;
}
.btn-black-outline:hover,
.btn-black-outline:focus,
.btn-black-outline.focus,
.btn-black-outline.active {
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
}
.btn-black-outline.disabled,
.btn-black-outline:disabled {
  color: #ffffff !important;
  background-color: #333333 !important;
  border-color: #333333 !important;
}
.btn-white-outline,
.btn-white-outline:active,
.btn-white-outline.active {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}
.btn-white-outline:hover,
.btn-white-outline:focus,
.btn-white-outline.focus {
  color: #333333;
  background-color: #ffffff;
  border-color: #ffffff;
}
.mbr-section-btn a.btn:not(.btn-form) {
  border-radius: 100px;
}
.mbr-section-btn a.btn:not(.btn-form):hover,
.mbr-section-btn a.btn:not(.btn-form):focus {
  box-shadow: none !important;
}
.mbr-section-btn a.btn:not(.btn-form):hover,
.mbr-section-btn a.btn:not(.btn-form):focus {
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2) !important;
}



@media (max-width: 767px) {
  .align-left, .align-center, .align-right, .mbr-section-btn, .mbr-section-title {
    text-align: center; }
}

.mbr-section-btn {
  margin-left: -.25rem;
  margin-right: -.25rem;
  font-size: 0; 
}

.step {
  width: 100px;
  height: 100px;
  font-size: 50px;
	font-weight: 300;
  border-radius: 50%;
  border: 2px solid #ff33ff;
}
@media (max-width: 767px) {
	.step {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }
}
.separline {
  position: relative;
}
.separline:after {
  top: 104px;
  left: 48px;
  position: absolute;
  content: "";
  width: 2px;
  height: calc(100% - (50px + 4px) * 2);
  background-color: #ff33ff;
}
@media (max-width: 767px) {
 .separline:after {
    top: 52px;
    left: 22px;
    height: calc(100% - 56px);
  }
}
.mbr-step-title {
  color: #ff33ff;
}

.card {
	border: none;
}
.step-birthday {
  width: 64px;
  height: 64px;
  font-size: 32px;
  font-weight: 300;
  border-radius: 50%;
  border: 1px solid #f3f;
}