/* Put your custom styles here */
body{
	
	font-family:century gothic;
}

.nav > li > a {
	padding: 20px;
}

@media (max-width: 767px) {
	.nav > li > a {
	padding:10px;
	}
}



  /* CAROUSEL CSS--------------------------------------------------------------------------------------------- */
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 2;
    }
}



.carousel-fade .carousel-inner { background: #000; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/* Removing BS background */
.carousel .control-box { opacity: 0; }
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  



  /* CAROUSEL CSS--------------------------------------------------------------------------------------------- */


.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
  border-radius:0px;
}
.carousel-indicators li {
  display: inline-block;
  width: 30px;
  height: 4px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(255,255,255,.5);
  border-radius:0px;
  border:0px;
}
.carousel-indicators .active {
  display: inline-block;
  width: 30px;
  height: 4px;
  margin: 1px;
  background-color: #fff;
}


/* scroll bar config*/

::-webkit-scrollbar
{
    width: 4px;
}

/* Track */

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 1000px white;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */

::-webkit-scrollbar-thumb
{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: white;
    -webkit-box-shadow: inset 0 0 1000px #818384;
}

::-webkit-scrollbar-thumb:window-inactive
{
    background: #818384 ;
}


@media (max-width: 767px) {
	.carousel-caption{
		height:50%;
		margin-bottom:40px;

	}
	.carousel-caption > h1{
		font-size:15px;
		border-radius:4px;
		padding-top:5px;
		padding-bottom:5px;
	}
}

	.carousel-caption{
		height:65%;
	}

.carousel-caption > h1{
	font-size:auto;
	font-weight:bold;
	background-color:rgba(0,0,0,0.5);
	border-radius:4px;
	padding-top:10px;
	padding-bottom:10px;
}