:root {
  --primary: #f42e00;
  --gray: #777777;
  --black: #000000;
  --purple: #a0005c;
  --white: #ffffff;
  --deep-pink:#e41d3e;
  --fontdarkblue: #010b55;
  --darkblue:#153b4a;
  --seagreen: #7bc2ba;
  --deep-gray: #444444;

}
body{
   margin:0;
   padding:0;
   font-family: 'Poppins', sans-serif;
   color:var(--black);
   line-height:1.5;

}
input::-webkit-input-placeholder{
    font-size: 13px;
    color: #bbb;
}
input:-moz-placeholder{
    font-size: 13px;
    color: #bbb;
}
input::-moz-placeholder{
    font-size: 13px;
    color: #bbb;
}
input:-ms-input-placeholder{
    font-size: 13px;
    color: #bbb;
}
.banner-search input::-webkit-input-placeholder{
    font-size: 16px;
    color: #bbb;
}
.banner-search input:-moz-placeholder{
    font-size: 16px;
    color: #bbb;
}
.banner-search input::-moz-placeholder{
    font-size: 16px;
    color: #bbb;
}
.banner-search input:-ms-input-placeholder{
    font-size: 16px;
    color: #bbb;
}
.btn-primary.focus, .btn-primary:focus{ background:#000; box-shadow:none;}
h1{ font-family: 'Bebas Neue', cursive;}
h2, h3, h4{ font-family: 'Roboto', sans-serif; color:#000;}
h3{ font-size:22px;}
h4{ font-size:18px; color: var(--black);}
.bubble.sky{background:#00aff5;}
.bubble.red{background:var(--primary);}
.login-main .wrapper input:focus{ border-color:var(--primary); border-width:2px;}
input:focus {
    border-color: var(--primary) !important;
    box-shadow: none !important;
}
.price::before {
    content: "\f156";
    font-family: fontawesome;
	margin-right:2px;
}
select {
    font-size: 14px;
}
img {
    max-width: 100%;
    width: 100%;
}
a:hover{
    text-decoration:none;
}
.relative{
    position:relative;
}
.absolute{
    position:absolute;
}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    background:var(--primary);
    border-color:var(--primary);
    color:var(--white);
}
.btn-secondary {
    background:var(--black);
	border-color:var(--black);
	color:var(--white);
}
.btn-primary {
   background: var(--primary);
    border-radius: 5px;
    color: var(--white);
    padding: 0.7rem 1.5rem;
}
.btn-primary:hover {
    background: var(--black);
    color: var(--white);
}
.title {
    color: var(--black);
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    text-transform: capitalize;
	font-size: 1.5em;
}
/*.title::after {
    background:var(--primary);
    border-radius: 20px;
    content: "";
    display: block;
    height: 4px;
    margin: 5px auto 0;
    width: 80px;
}*/





.bubbles{
  position:absolute;
  width:100%;
  height: 100%;
  z-index:0;
  overflow:hidden;
  top:0;
  left:0;
}
.bubble{
  position: absolute;
  bottom:-100px;
  width:40px;
  height: 40px;
  background:#f1f1f1;
  border-radius:50%;
  opacity:0.5;
  animation: rise 10s infinite ease-in;
}
.bubble:nth-child(1){
  width:40px;
  height:40px;
  left:10%;
  animation-duration:8s;
}
.bubble:nth-child(2){
  width:20px;
  height:20px;
  left:20%;
  animation-duration:5s;
  animation-delay:1s;
}
.bubble:nth-child(3){
  width:50px;
  height:50px;
  left:35%;
  animation-duration:7s;
  animation-delay:2s;
}
.bubble:nth-child(4){
  width:80px;
  height:80px;
  left:50%;
  animation-duration:11s;
  animation-delay:0s;
}
.bubble:nth-child(5){
  width:35px;
  height:35px;
  left:55%;
  animation-duration:6s;
  animation-delay:1s;
}
.bubble:nth-child(6){
  width:45px;
  height:45px;
  left:65%;
  animation-duration:8s;
  animation-delay:3s;
}
.bubble:nth-child(7){
  width:90px;
  height:90px;
  left:70%;
  animation-duration:12s;
  animation-delay:2s;
}
.bubble:nth-child(8){
  width:25px;
  height:25px;
  left:80%;
  animation-duration:6s;
  animation-delay:2s;
}
.bubble:nth-child(9){
  width:15px;
  height:15px;
  left:70%;
  animation-duration:5s;
  animation-delay:1s;
}
.bubble:nth-child(10){
  width:90px;
  height:90px;
  left:25%;
  animation-duration:10s;
  animation-delay:4s;
}
@keyframes rise{
  0%{
    bottom:-100px;
    transform:translateX(0);
  }
  50%{
    transform:translate(100px);
  }
  100%{
    bottom:1080px;
    transform:translateX(-200px);
  }
}

label.error, #unique-reg-error, #primaryEmailError{
    color: var(--primary);
    font-size: 12px;
}
  .droup{
      height: 50px;
      width: 100%;
      border-radius: 5px;
      border: 1px solid #ddd;
      padding: 0 15px;
  }