@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Tenor+Sans&display=swap');

.heading-font{font-family: 'Kaushan Script', cursive;}
.small-heading-font{font-family: 'Tenor Sans', sans-serif;}
.text-font{font-family: 'Open Sans', sans-serif;}

.text1-color{color: #313552;}
.text2-color{color: #6A5495;}
.text3-color{color: #B8405E;}
.text4-color{color: #2EB086;}

.bg1-color{background: #313552;}
.bg2-color{background: #6A5495;}
.bg3-color{background: #B8405E;}
.bg4-color{background: #2EB086;}
.bg5-color{background: #EEE6CE;}

/* Nav Bar Start */
@media(min-width:993px){
    .tagline{
        font-size: 2.5em;
    }
}

@media(max-width:992px){
    .tagline{
        font-size: 2.25em;
    }
}

@media(max-width:768px){
    .tagline{
        font-size: 1.75em;
    }
}

/* Navbar Start */
.navbar-light{
    background: #313552 !important;
}

.nav-link{
    color:#fff !important;
}

.nav-item .dropdown-menu{
    background: #6A5495 !important;
}

.nav-item .dropdown-menu .dropdown-item{
    color: #fff;
}
.nav-item .dropdown-menu .dropdown-item:hover{
    background: #313552 !important;
}

@media all and (min-width: 992px) {
    .nav-item{
        border-bottom: 1pt solid #313552; 
        transition: border 0.3s;
        transition-timing-function: linear;
    }
    
    .nav-item:hover{
        border-bottom: 1pt solid #fff; 
    }
        
}	


@media (min-width: 992px) {
    .animate {
      animation-duration: 0.3s;
      -webkit-animation-duration: 0.3s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
    }
}
  
@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform:translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}
  
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}
  
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}

/* animatate Toggler */
.navbar-toggler{
    border: 0;
}

.navbar-toggler:focus,
.navbar-toggler:active, 
.navbar-toggler-icon:focus{
    outline: none;
    box-shadow: none;
    border:0;
}

.toggler-icon{
    width:30px;
    height:3px;
    background-color: yellow;
    display: block;
    transition: all 0.2s;
}

.middle-bar{
    margin: 5px;
}

.navbar-toggler .top-bar{
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar{
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar{
    transform: rotate(-45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler.collapsed .top-bar{
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar{
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar{
    transform: rotate(0);
}

.navbar-toggler.collapsed .toggler-icon{
    background-color: #fff;
}
/* nav bar End */

.ftr{
    color:#fff;
    text-decoration:none;

}
.ftr:link{
    color:#fff;
    text-decoration:none;
    letter-spacing: normal;
    transition: all 0.2s;
}

.ftr:visited{
    color:#fff;
    text-decoration:none;

}

.ftr:hover{
    color: #aaa;
    letter-spacing: 1px;
}

.ftr:active{
    color:#fff;
    text-decoration:none;

}


ftr:link{
    color:#fff;
    text-decoration:none;
    letter-spacing: normal;
    transition: all 0.2s;
}

.product1{
    border-radius: 4pt;
    box-shadow: -1px -1px 5px 1px #fff, 1px 1px 5px 1px #fff;
    transition: box-shadow 0.3s;
    transition-timing-function: linear;
}

.product1:hover{
    box-shadow: -1px -1px 5px 1px #e61c5c, 1px 1px 5px 1px #1eade6;
}

.cat_lnk{
    border-bottom: 2pt solid #fff;
    transition: border-color 0.3s;
    transition-timing-function: linear;
}

.cat_lnk:hover{
    border-color: #2EB086;
}

/*  Product Image */
.bzoom { direction: ltr; }

.bzoom,
.bzoom_thumb,
.bzoom_thumb_image,
.bzoom_big_image,
.bzoom_zoom_preview,
.bzoom_icon,
.bzoom_hint { display: none }

.bzoom .bzoom_thumb { background: #fff url(./img/loading.gif) center no-repeat; }

.bzoom,
.bzoom ul,
.bzoom li,
.bzoom img,
.bzoom_hint,
.bzoom_icon,
.bzoom_description {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none
}

.bzoom,
.bzoom_magnifier div,
.bzoom_magnifier div img,
.bzoom_small_thumbs ul,
ul .bzoom_small_thumbs li,
.bzoom_zoom_area div,
.bzoom_zoom_img { position: relative }

.bzoom img,
.bzoom li {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none
}

.bzoom,
.bzoom_small_thumbs li { float: left }

.bzoom_right { float: right }

.bzoom li { position: absolute }

.bzoom img {
  vertical-align: bottom;
  width: 50px;
  height: 70px
}

.bzoom .bzoom_zoom_area,
.bzoom_zoom_area {
  background: #fff url(./img/loading.gif) center no-repeat;
  border: 1px solid #ddd;
  padding: 6px;
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  display: none;
  z-index: 20;
}

.bzoom_zoom_area div { overflow: hidden; }

.bzoom_zoom_area .bzoom_zoom_img { position: absolute; }

.bzoom_wrap .bzoom_magnifier {
  background: #fff;
  outline: #bbb solid 1px;
  display: none;
  cursor: move;
}

.bzoom_magnifier div { overflow: hidden; }

.bzoom_wrap .bzoom_small_thumbs { overflow: hidden; }

.bzoom_wrap .bzoom_small_thumbs li {
  border: 1px solid #FFF;
  margin: 0px 10px 0px 0px;
  position: relative;
}

.bzoom_wrap ul li.bzoom_smallthumb_active {
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  border: 1px solid #535353;
}