/* Popover styles
    -------------------------------------------------- */

    .popover-content { 
      color:#333; 
      font-size: 14px; 
      font-weight:200; 
      line-height: 1.5em;
    }
    .popover-title { 
      color:#FFF; 
      background-color:#54A0F6; 
      font-weight:bold;
    }


    /* Sticky footer styles
    -------------------------------------------------- */

    html,
    body {
      height: 100%;
      /* The html and body elements cannot have any padding or margin. */
    }

    /* Wrapper for page content to push down footer */
    .content {
      min-height: 100%;
      height: auto !important;
      height: 100%;
      /* Negative indent footer by it's height */
      margin: 0px auto -47px;
    }

    /* Set the fixed height of the footer here */
    #push,
    footer {
      height: 47px;
    }
    footer {
      background-color: #f5f5f5;
      padding-top: 0;
    }

    /* Lastly, apply responsive CSS fixes as necessary */
    @media (max-width: 767px) {
      footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
      }
    }





.sidebar-fixed {
	position:fixed;
	right:0;
}

.logo-wani {
	font-family:cursive; 
	font-size: 1.4em ; 
	color: #fff; 
	margin-left: 6px;
	font-size:1.6em;
}

/* To show Sell icon */
/*.goTop {
    background: #d6941e ;
    border-radius: 100%;
    bottom: 5%;
    color: #fff;
    display: inline-block;
    height: 60px;
    left: 0;
    line-height: 60px;
    margin: auto;
    position: fixed;
    right: 0;
    text-align: center;
    width: 60px;
    z-index: 9;
}*/




.goTop {
    background: #fff url('../img/register-button.jpg') no-repeat center -15px /155%;
    border-radius: 100%;
    bottom: 5%;
    color: #fff;
    display: inline-block;
    height: 80px;
    left: 0;
    line-height: 70px;
    margin: auto;
    position: fixed;
    right: 0;
    text-align: center;
    width: 80px;
    z-index: 9;
    padding-top: 15px;
}

.goTop:hover {
    color: #fff;
}

.error-message {
    color: red;
}

/*hiding loading text on index page*/
.next {
    display: none;
}


.fb_iframe_widget span {
    width: inherit !important;
}
.fb_iframe_widget iframe {
    position: inherit !important;
    width: 100% !important;
}


/* Slider on first page css*/
    * {box-sizing: border-box;}
    body {font-family: Verdana, sans-serif;}
    .mySlides {display: none;}
    img {vertical-align: middle;}

    /* Slideshow container */
    .slideshow-container {
        max-width: 1000px;
        position: relative;
        margin: auto;
    }

    /* Caption text */
 /*   .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 3px 12px;
        position: absolute;
        bottom: 8px;
        width: 100%;
        text-align: center;
    }*/

    /* Number text (1/3 etc) */
    .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }

    /* The dots/bullets/indicators */
    .dot {
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    .active {
        background-color: #717171;
    }

    /* Fading animation */
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }

    @-webkit-keyframes fade {
        from {opacity: .4} 
        to {opacity: 1}
    }

    @keyframes fade {
        from {opacity: .4} 
        to {opacity: 1}
    }

    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 300px) {
        .text {font-size: 11px}
    }
/* end Slider on first page css*/



/* Slider CSS changes on view */
 .flex-direction-nav a { margin-top: -60px; }




.mobile-container {
  margin: auto;
  background-color: #333;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: black;
  color: white;
}



/*Overlay Ad*/
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}