.carousel-control     		 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -16.7%; }
	.carousel-inner .next        { left:  16.7%; }
	.carousel-inner .prev		 { left: -16.7%; }	
}
@media (max-width: 992px ) {
	.carousel-inner .active.left { left: -16.7%; }
	.carousel-inner .next        { left:  16.7%; }
	.carousel-inner .prev		 { left: -16.7%; }	
}

.carousel-control{
	color:black;
}

/* slider card */
.card {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	max-width: 400px;
	margin: auto;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	background-color: #f3f3f3;
	color:black;
  }


  /* testimonials */
  #quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/* testimonials */

/* upcoming events */

.btn-vertical-slider{ margin-left:35px; cursor:pointer;}
a {  cursor:pointer;}
.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

 .carousel.vertical .active {
  top: 0;
}

 .carousel.vertical .next {
  top: 100%;
}

 .carousel.vertical .prev {
  top: -100%;
}

 .carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

 .carousel.vertical .active.left {
  top: -100%;
}

 .carousel.vertical .active.right {
  top: 100%;
}

 .carousel.vertical .item {
    left: 0;
}​

/* upcoming events */

/* gallery ninja slider */
/* Visit http://www.menucool.com/responsive-slider for instructions */

#ninja-slider {
  width:100%;
  background:#191919;
  padding: 0;

  margin:0 auto;
  overflow:hidden;
  box-sizing:border-box;
}


#ninja-slider .fs-icon {
  top:6px;
  right:6px;
  width:60px;
  height:26px;
  background: rgba(0,0,0,0.2);
  z-index:2;
  color:white;
  text-align:center;
  text-shadow:0 0 3px black;
  font:bold 18px/36px arial;
  border-radius:2px;
  opacity:0;
  -webkit-transition:opacity 0.8s;
  transition:opacity 0.8s;
}

#ninja-slider .slider-inner:hover .fs-icon,
#ninja-slider.fullscreen .fs-icon {
  opacity: 1;
}

#ninja-slider .fs-icon::before {      
  content:"EXPAND";
  display:block;
}

#ninja-slider.fullscreen .fs-icon::before {
  content:"+";
  display:block;
  font-weight:bold;
  font-size:3em;
  transform: rotate(-45deg);
}

#ninja-slider .slider-inner {
  /*max-width:700px;*/
  margin:0 auto;/*center-aligned */
  font-size:0px;
  position:relative;
  box-sizing:border-box;
  padding-bottom:100px!important;
}

#ninja-slider.fullscreen .slider-inner {
  width:98%; /* 100% will cause a big top gap issue in iPhone*/
  max-width:900px;
}

#ninja-slider ul {
  position:relative;
  list-style:none;
  padding:0;
  box-sizing:border-box;

  overflow:visible!important; /*For showing captions outside the slider when transitionType is "fade". */
}

#ninja-slider li {
  
  width:100%;
  height:100%;
  top:0;
  left:0;
  position: absolute;
  font-size:12px;
  list-style:none;
  margin:0;
  padding:0;
  opacity:0;
  /*overflow:hidden;*/ /*Comment it out to show the caption*/
  box-sizing:border-box;

  margin-bottom:100px!important;
}

#ninja-slider li.ns-show {
  opacity:1;
}



/* --------- slider image ------- */  
#ninja-slider .ns-img {
  background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/
  margin-top:40px;
  cursor:default;
  display:block;
  position: absolute;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
}


/*---------- Captions -------------------*/
#ninja-slider .caption {
  position:absolute;
  top:98%;
  padding:0 40px;
  margin:auto;
  width:100%;
  text-align:center;
  font-family:sans-serif;
  font-size:14px;
  color:#ccc;
  box-sizing:border-box;    
}


/* ---------Arrow buttons ------- */   
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ 
#ninja-slider-pause-play { display:none;}  

#ninja-slider-prev, #ninja-slider-next
{
  position: absolute;
  display:inline-block;
  width:42px;
  height:56px;
  line-height:56px;
  top: 40%; /* not 50% as caption at bottom should be counted.*/
  margin-top:-28px;
  background-color:rgba(0,0,0,0.4);
  background-color:#ccc\9;/*IE8 hack*/
  backface-visibility:hidden;
  color:white;
  overflow:hidden;
  white-space:nowrap;
  -webkit-user-select: none;
  user-select:none;
  border-radius:2px;
  z-index:10;
  opacity:0.3; 
  font-family:sans-serif;   
  font-size:13px;
  cursor:pointer;
  -webkit-transition:all 0.7s;
  transition:all 0.4s;
}

.slider-inner:hover #ninja-slider-prev, .slider-inner:hover #ninja-slider-next {
  opacity:1;
}


#ninja-slider-prev {
  left: -42px; /*set it with a positive value if .slider-inner does not have max-width setting.*/
}
#ninja-slider-next {
  right: -42px;
}

/* arrows */
#ninja-slider-prev::before, #ninja-slider-next::before {
  position: absolute;
  top: 17px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-left: 2px solid white;
  border-top: 2px solid white;
  backface-visibility:hidden;
}

#ninja-slider-prev::before {
  -ms-transform:rotate(-45deg);/*IE 9*/
  -webkit-transform:rotate(-45deg);
  transform: rotate(-45deg);
  left:16px;
}

#ninja-slider-next::before {
  -ms-transform:rotate(135deg);/*IE 9*/
  -webkit-transform:rotate(135deg);
  transform: rotate(135deg);
  right:16px;
}


/*pagination num within the arrow buttons*/
#ninja-slider-prev:hover, #ninja-slider-next:hover {width:80px;background-color:rgba(0,0,0,0.5);}
#ninja-slider-prev div {margin-right:8px;white-space:nowrap;opacity:0;float:right;}
#ninja-slider-next div {margin-left:8px;white-space:nowrap;opacity:0;float:left;}
#ninja-slider-prev:hover div, #ninja-slider-next:hover div {opacity:1;}


/*------ pager(nav bullets) ------*/      
/* The pager id should be: slider id + "-pager" */
#ninja-slider-pager { display:none;}   

#ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}


/*Responsive settings*/

@media only screen and (max-width:1050px){
  
  #ninja-slider-prev {
      left:0;
  }

  #ninja-slider-next {
      right:0;
  }
}

@media only screen and (max-width:600px){

  #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {
      display:none;
  }

  
  #ninja-slider li .cap1 {
      font-size:20px;
  }
}


/* gallery ninja slider */

/* upcoming events */

.btn-vertical-slider{ margin-left:35px; cursor:pointer;}
a {  cursor:pointer;}
.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

 .carousel.vertical .active {
  top: 0;
}

 .carousel.vertical .next {
  top: 100%;
}

 .carousel.vertical .prev {
  top: -100%;
}

 .carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

 .carousel.vertical .active.left {
  top: -100%;
}

 .carousel.vertical .active.right {
  top: 100%;
}

 .carousel.vertical .item {
    left: 0;
}​

/* upcoming events */