.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.7);
}
body {
  padding-bottom: 3rem;

}
.bg-dark { 

background-color: #f06292!important; }
.navbar-brand { 
 font-family: Courier, Arial,serif;
 word-spacing: -10px ;
  font-size: 35px ; 
  text-transform: uppercase;
 }
/* CUSTOMIZE THE CAROUSEL
-
------------------------------------------------- */

.btn{
color: #fff;
background-color: #f06292 ; 
border-color: #fff;

}
.btn:hover{
  background-color:#ff77a9;
}
/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 410;
  color: #000 ; 
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}
h1 {
  color: #000 ; 
  text-shadow: 2px 2px #757575;
}
p { 
color: #000 ; 
 }
/* RESPONSIVE CSS
-------------------------------------------------- */
.carousel-indicators li{
background-color: #000;
}
.carousel-control-next-icon{
 background-image:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-control-prev-icon{
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }

}
@media ( max-width: 700px) { 
h1{
  font-size: 20px;
 }
 p { 
  font-size: 15px;

  }

  .navbar-brand{
font-size: 23px;
  }
 .container2{
   margin-top: 9% ;
  }
}
@media (max-width: 600px){
   .container2{
   margin-top: 10% ;
  }
  .carousel { 
       margin-top: 10% ;
     }
}
.lead { 
color: #000;
 }
 .featurette-heading { 
color: #000;
font-family: 'Special Elite', cursive;

  }
.text-muted{
color: #f06292;
font-family: 'Special Elite', cursive;



}
#backtotop { 
color: #f06292;
 } 
 .carousel-item > img{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
 }
 
  .carousel-item{
  width: 100%;
  padding-top: 56.25%; /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
 height: auto ;
 }
.nav-link { 

line-height: 20px; 
 }
 h2 { 
 font-weight: bold;

  }
  a:hover { 
color:#f06292; 


   }
.dropdown-menu { 
background-color: #f06292!important ; 
border-radius: 0px; 

 }
 .dropdown-item { 

color: #fff ; 
  }
 .dropdown-item:active { 
background-color:  transparent; ; 
color: #fff ; 
  }
   .dropdown-item:hover { 
background-color:  transparent; ; 
color: #fff ; 
  }
  .blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}
.blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
 font-family: 'Special Elite', cursive;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}
.container { 
padding-top: 75px; 

 }
 /* Container holding the image and the text */
.container2 {
  position: relative;

}

/* Bottom right text */
.text-block {
 font-family: 'Special Elite', cursive;
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: #f06292!important;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  
}
.text-block h4 { 
margin:5px  5px  5px 5px ; 

 }
@media ( min-width: 2000px) { 
   #cap { 
font-size: 50px ;
   }
     .text-block h4 { 
font-size: 70px ;
   } 
  .blog-post-title { 

font-size: 60px ; 
    }
     .blog-post-subtitle { 

font-size: 50px ; 
    }
    .points{
      font-size: 30px;
      line-height: 40px;
    }
 }
 @media ( min-width: 1000px )and (  max-width: 2000px) { 
   #cap { 
font-size: 25px ;
   }
     .text-block h4 { 
font-size: 50px ;
   }
     .blog-post-title { 

font-size: 45px ; 
    } 
        .blog-post-subtitle { 

font-size: 35px ; 
    }
      .points{
      font-size: 20px;
      line-height: 2em; 
    }
    .container {
      padding-top: 55px ; 
    }

 }
  @media ( min-width: 1000px )and (  max-width: 1150px) { 
   .container2{
      margin-top: 7% ; 
    }
    .carousel { 
       margin-top: 7% ;
     }
  }
    @media ( min-width: 1150px )and (  max-width: 1350px) { 
   .container2{
      margin-top: 6% ; 
    }
    .carousel { 
       margin-top: 6% ;
     }
  }

      @media ( min-width: 1350px )and (  max-width: 1600px) { 
   .container2{
      margin-top: 5% ; 
    }
    .carousel { 
       margin-top: 5% ;
     }
  }
        @media ( min-width: 1600px )and (  max-width: 1850px) { 
   .container2{
      margin-top: 4% ; 
    }
    .carousel { 
       margin-top: 4% ;
     }
  }
          @media ( min-width: 1850px )and (  max-width: 2200px) { 
   .container2{
      margin-top: 3% ; 
    }
    .carousel { 
       margin-top: 3% ;
     }
  }
 @media ( min-width: 700px )and (  max-width: 1000px) { 
   #cap { 
font-size: 20px ;
   }
     .text-block h4 { 
font-size: 35px ;
   } 
   .blog-post-title { 

font-size: 40px ; 
    }
          .blog-post-subtitle { 

font-size: 30px ; 
    }
      .points{
      font-size: 18px;
      line-height: 40px; 
    }
     .container {
      padding-top: 40px ; 
    }
    .container2{
      margin-top: 8% ; 
    }
    .carousel { 
       margin-top: 8% ;
     }
 }
  @media ( min-width: 500px )and (  max-width: 700px) { 
   #cap { 
font-size: 12px ;
   }
     .text-block h4 { 
font-size: 35px ;
   }
      .blog-post-title { 

font-size: 35px ; 
    } 
          .blog-post-subtitle { 

font-size: 25px ; 
    }
      .points{
      font-size: 18px;
      line-height: 37px;
    }
    .container {
      padding-top: 30px ; 
    }
 }
   @media ( min-width: 400px )and (  max-width: 500px) { 
   #cap { 
font-size: 10px ;
   }
     .text-block h4 { 
font-size: 30px ;
   } 
      .blog-post-title { 

font-size: 30px ; 
    }
          .blog-post-subtitle { 

font-size: 20px ; 
    }
      .points{
      font-size: 18px;
      line-height: 34px;
    }
    .container {
      padding-top:20px ; 
    }
 }
   @media ( max-width: 400px ){ 
   #cap { 
font-size: 10px ;
   }
     .text-block h4 { 
font-size: 25px ;
   } 
   .text-block { 
padding: 5px 5px 5px 5px ; 
   }
      .blog-post-title { 
font-size: 25px ; 
    }
    .navbar {
      padding-bottom: 4px;
      padding-top: 4px ; 
    
      font-size: 20px ; 
    }
          .blog-post-subtitle { 

font-size: 18px ; 
    }
      .points{
      font-size: 18px;
      line-height: 34px; 
    }
      .container {
      padding-top:15px ; 
    }
 }

.points {
  color: #000 ; 

}
.blog-post { 
 font-family: 'Lora', serif;
 }
 #learnmore:hover {
background-color: #e8e8e8 ; 
 }
 .learnmore { 
  margin-top: 40px ; 
color: #000;
font-family: 'Quicksand', sans-serif;
text-shadow: none; 
text-transform: uppercase;
  }
   .learnmore-rec { 
  margin-top: 30px ; 
color: #000;
font-family: 'Quicksand', sans-serif;
text-shadow: none; 
text-transform: uppercase;
font-size: 18px ;
  }
@media (min-width: 1000px ) and (max-width: 1200px) { 
  .learnmore { 
font-size: 32px ; 
   }
     .learnmore-rec { 
font-size: 13px ; 
   }
 }
 @media (min-width: 767px ) and (max-width: 992px) { 
  .learnmore { 
font-size: 21px ; 
   }
     .learnmore-rec { 
font-size: 11px ; 
   }
   .Sub-learnmore { 

font-size: 13px;
    }
    .rec { 

font-size: 13px ; 
     }
 }
  @media (min-width: 992px ) and (max-width: 1000px) { 
  .learnmore { 
font-size: 30px ; 
   }
     .learnmore-rec { 
font-size: 11px ; 
   }
 }
 @media ( max-width: 767px) { 
     .learnmore-rec { 
font-size: 18px ; 
   }

  }
/* notiW css */ 
.blink_me {
    animation: blinker 1s linear 10;
  }
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }
  .cart { 
    padding: 1em ;
    border-radius: 7px;
    z-index: 1031 ;
   background-color: whitesmoke; 
   outline-color: transparent;
   outline-style:solid;
    position: fixed; 
    width: 10% ;
  }
  .cart:before {
    bottom: 100%;
    left:  12px;
    border: solid transparent;
    
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: whitesmoke;
    border-width: 6px;
    margin-right: -12px;
}
@media (min-width: 992px ) { 
.cart { 
width: 15%;
}

}
@media (max-width: 992px ) and (min-width : 540px){ 
.cart { 
width: 30%;
}
} 
@media (max-width: 540px ){ 

  } 
  .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    left:40px;
    background-color:#f06292;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index: 1031;
  }
  .badge {
   text-align: center;
    position: absolute;
    border : solid black; 
    border-radius: 13px;
    border-width: 13px;
    border-color: black;
    height: 25px ;
    width: 25px;
    left: 40px;
    bottom: 65%;
    z-index: 1032;
padding: 0;
padding-top: -10px;
  }
  .infloat { 
    color:#fff ; 
    margin-top: 18px;
  } 
 .blur-me > *:not(#pan) { 
   filter: blur(10px);
 }

 .notiftable {
   overflow-y: auto;
  position: fixed;
  z-index: 1031;
  background-color:whitesmoke;
  box-shadow: 2px 2px 3px #999;
  border-radius: 8px;
  width: 500px;
  right: 15px;
  height: 85%; 
  top:5px ; 
}
@media (max-width : 530px) { 
    .notiftable { 
        width: 90%;
    }
    .carthead { 
        font-size: x-large;
    }
}
.notiftab {
  position: relative;
  width: 95%; 
  height: 25%;
  left: 2.5% ; 
  margin-top: 5px;
  border-radius: 5px;
  background-color: white; 
  z-index: 1;
}
.pan-head {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  width: 100%; 
  height: 6%;
  top: 0; 
  background-color: #f06292;
  color : #FFF ; 
  text-align : center ; 
z-index: 2;
}
.pan-head-title {
  
  position: relative;
 z-index: 3;
  line-height: 30%;
  top: 35%;
  color: #FFF;
}
.cart-content{ 
  position: relative; 
  width: 95%; 
  top:3% ; 
  height: 95%;
  left : 3% ; 
}
.carthead { 
  font-family: Courier, Arial,serif;

}
.cartDate { 

}
.cartText { 
  font-family: Courier, Arial,serif;
  padding-bottom: 10px;

}
.blog-sidebar {
display:none;    
}
}