/*
Theme Name: Waitlist
Description: Waitlist related theme
Author: webmobi
Version: 1.0
*/
.text-xs {
	font-size: .75rem;
}
.text-sm {
	font-size: .875rem;
}
.text-base {
	font-size: 1rem;
}
.text-lg {
	font-size: 1.125rem;
}
.text-xl {
	font-size: 1.25rem;
}
p {
	font-size: 1.25rem;
}
.text-underline {
	text-decoration: underline;
}
.mh-100vh {
	max-height: 100vh !important;
}
/*
-----------------------------------------------------
	HEADER
-----------------------------------------------------
*/
.hero-banner {
	background: url("../waitlist/images/background/hero-banner.jpeg") no-repeat center top/ cover;
	position: relative;
	z-index: 10;
	overflow: hidden
}
.hero-banner:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  background-color: #fff;
  height: 100%;
  opacity: .75;
  top: 0;
}
.hero-banner:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 150px;
	background-color: var(--white);
	z-index: -1
}
.navbar-brand img {
	/*width: 150px;*/
	transition: all .25s ease-in-out 0s;
}
.wave-bg {
	fill: #fff;
	position: absolute;
	bottom: 148px;
	z-index: -1;
	/*animation: waves 1000ms  infinite linear;*/
}
/*@keyframes waves {
  0% {
        transform: translate3d(-90px, 0, 0);
    }
 100% {
    transform: translate3d(85px, 0, 0);
 }
}
*/
.position-hero-banner {
	background: #fff;
}
.position-hero-banner .svg-section {
	 position: absolute;
	 top: 0;
	 left: 32%;
	 background: url("images/background/wave-curve-vr.png") repeat-y 0 0;
	 width: 150px;
	 min-height: 100%;
	 height: 100%;
 }
/*.position-hero-banner .wave-bg {
	fill: #000;
	top: 0;
	left: 32%;
	bottom: auto;
	!*max-height: 100vh;*!
	width: 150px;
}*/
.position-hero-banner:after {
	display: none
}
.question-block .media {
	background-color: #e6e9eb
}
.custom-select{
	height: calc(3.25em + 0.75rem);
	background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat right 0.75rem center/12px 12px;
}
/*
-----------------------------------------------------
	BANNER
-----------------------------------------------------
*/
.title {
	position: relative;
	padding-top: 3rem;
}
.title:before, .title:after {
	content: "";
	width: 170px;
	height: 6px;
	background-color: var(--primary);
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5rem;
}
.title:after {
	width: 110px;
	height: 6px;
	left: 60px;
	top: 25px;
}
.title.text-right:before {
	right: 0;
	left: auto;
}
.title.text-right:after {
	right: 60px;
	left: auto;
}
.title.text-center:before, .title.text-center:after {
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}
.hero-banner .banner .banner-heading,.footer-tagline {
    font-size: min(max(26px, 2.5rem), 2rem);
}
.paypal-wrap {
	background: url("../waitlist/images/background/waves-left.png") no-repeat left -100px top 0, url("../waitlist/images/background/waves-right.png") no-repeat right -100px top 0;
}
/*.boater-warp {
    background: url("../waitlist/images/background/boater-bg.jpg") no-repeat 0 bottom/cover;
}*/
.business-warp {
	background: url("../waitlist/images/background/curve.svg") no-repeat 0 0/cover;
	padding-top: 14rem !important;
}
.fearures-warp {
	background-color: #f3f7ff;
	padding-top: 10rem;
	padding-bottom: 7rem;
	position: relative;
	z-index: 2;
}
.fearures-warp::before {
	content: "";
	background-color: var(--white);
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 10%;
	clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 2px 88.01%);
}
.fearure-card {
	transition: all .25s ease-in-out 0s;
	position: relative;
	font-size:16px;
}
.fearure-card:hover {
	transform: scale(1.18);
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	z-index: 2
}
/*
-----------------------------------------------------
 	FOOTER
-----------------------------------------------------
*/
.footer {
	background: #000;
	position: relative;
	z-index: 2
}
.footer:after {
	content: "";
	background: var(--primary);
	position: absolute;
	right: 0;
	top: -4rem;
	width: 50%;
	height: 100%;
	z-index: -1;
	border-radius: 1.5rem 0 0 1.5rem;
}
.mail-wrap {
	position: relative;
	z-index: 2
}
.mail-wrap:before {
	content: "\f0e0";
	position: absolute;
	right: 2.5rem;
	top: 0;
	font-size: 10rem;
	color: #181818;
	font-family: 'Line Awesome Free';
	font-weight: 900;
	z-index: -1;
	line-height: 10rem;
	opacity: .4;
}
.position-rank-module, .position-rank {
	position: relative;
}
.position-rank-module:before, .position-rank-module:after, .position-rank-num:before, .position-rank-num:after {
	content: "";
	position: absolute;
	height: 80px;
	width: 1px;
	background-color: var(--primary);
	left: 0;
	top: -15px;
}
.position-rank-module:after {
	height: 1px;
	width: 80px;
	left: -15px;
	top: 0;
}
.position-rank-num:before {
	left: auto;
	right: 0;
	top: auto;
	bottom: -15px;
}
.position-rank-num:after {
	height: 1px;
	width: 80px;
	left: auto;
	right: -15px;
	top: auto;
	bottom: 0;
}
.fearures-warp + .wp-block-columns {
	margin-bottom: 0 !important;
}
.wp-block-image img {
	height: auto
}
figure .img-fluid {
	max-width: 100%;
	height: auto
}
.row .wp-block-column:not(:first-child) {
	margin-left: 0 !important;
}
 header.sticky-header {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 10;
		background-color: rgba(255, 255, 255, .85);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25)
	}
 header.sticky-header .navbar-brand img {
		width: 180px;
	}
	.header-right {
		opacity: 0;
		visibility: hidden;
		height: 0;
		transition: all .25s ease-in-out 0s;
	}
	header.sticky-header .header-right, .header-inner  .header-right {
		opacity: 1;
		visibility: visible;
		height: auto;
	}
	.hero-banner-inner {
		/* max-height: 100vh;*/
		min-height: 100vh;
	}


	.navbar-brand img {
        max-height: 180px;
    }
    .home .navbar-brand img {
        max-height: 100%;
    }
    .footer-link a:hover{
        color: #fff !important;
    }

 .download-app-wrap .wp-container-13 {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.youtube-video-conatiner iframe{
	width:100%;
}
/*
--------------------------------------
 MEDIA QUERIRES
--------------------------------------
*/
@media (min-width: 768px) {

} 
@media (min-width: 992px) {
	.header {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
	}
	.header {
		transition: all .25s ease-in-out 0s;
	}
	.header-inner{
		position: static;

	}
	header.header-inner .navbar-brand img {
		width: 100px;
	}
	.join_title{
		margin-top: 6rem;
	}
	.hero-banner {
  min-height: 768px;
  padding: 15rem 0 20rem;
}
.youtube-video-conatiner iframe{
	min-height: 340px;
}

}
@media (min-width:1200px) {}
@media only screen and (min-width: 768px) and (max-width:1024px) {
.youtube-video-conatiner iframe{
	min-height: 480px;
}
}
@media (min-width: 768px)and (max-width: 991.5px) {
	h1, .h1 {
		font-size: 28px;
	}
	h2, .h2 {
		font-size: 24px;
	}
	h3, .h3 {
		font-size: 20px;
	}
	h4, .h4 {
		font-size: 18px;
	}
	h5, .h5 {
		font-size: 16px;
	}
	h6, .h6 {
		font-size: 14px;
	}
	.btn-lg, .btn-group-lg > .btn {
		font-size: 1.12rem;
	}
}
@media only screen and (min-width: 1024px) and (max-width:1199px) {}
@media only screen and (min-width: 1025px) and (max-width:1360px) {}
@media only screen and (min-width:1200px) and (max-width:1280px) {}
@media only screen and (min-width:1300px) and (max-width:1366px) {}
@media (min-width: 992px)and (max-width: 1024px) {}
@media (max-width: 992px) {}
@media (max-width: 767px) {
	html {
		font-size: 12px;
	}
	h1, .h1 {
		font-size: 24px;
	}
	h2, .h2 {
		font-size: 20px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	h4, .h4 {
		font-size: 16px;
	}
	h5, .h5 {
		font-size: 14px;
	}
	h6, .h6 {
		font-size: 12px;
	}
	header.sticky-header {
    background-color: rgb(255, 255, 255);
}
	.sticky-header .navbar-brand{
		display:none;
	}
	header.sticky-header .header-right p {
   font-size:14px !important;
}
	.title {
		text-align: center !important;
		font-size: 10vw;
		padding-bottom: 1.5rem !important;
	}
	.title::before, .title::after {
		left: 50% !important;
		transform: translateX(-50%);
	}
	.business-warp {
		padding-top: 5rem !important;
	}
	.fearures-warp {
		padding-bottom: 2rem;
	}
	.footer::after {
		width: 100%;
		height: 52.5%;
		top: 0;
		border-radius: 0;
	}
	.hero-banner::after {
		height: 16%;
	}
	.wave-bg {
		bottom: 15%;
	}
	.hero-banner-inner .hero-banner:after {
		height: 5%;
	}
	.hero-banner-inner .wave-bg {
		bottom: 5%;
	}
	.postion-rank {
		border-left: 0 !important;
		border-top: 1px solid #fff !important;
		margin-top: 1rem;
		padding-top: 1rem;
	}
	.referral-block .postion-rank {
		border-top: 1px solid #c8d2da !important;
	}
	.referral_code{
		font-size: 20px;
	}
	.referral_code_icon:before{
		font-size: 32px;
	}
	.header ~ br{
		display: none;
	}
}
@media (max-width:375px) {}
@media (min-width:590px) {}
.btn-dark {
    color: #fff;
    background-color: #f00;
    border-color: #f00;
}

.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.disabled, .btn-dark:disabled,.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #db0707;
    border-color: #db0707;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
	background-color: transparent !important;
}
.footer .wp-social-link {
	width: 56px;
	height: 56px;
}
.footer .wp-social-link svg {
	width: 50px;
	height: 50px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25em + 0.75rem);
    padding: .375rem 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c8c6c6;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}
/*.validate_form .form-control {
	text-align: center;
}*/
.support-platform-logo .img-thumbnail {
  max-height: 60px;
  object-fit: cover;
  margin: 0 1rem 2rem;
}
.youtube-box