//
// SLIDER
// The Advanced Dinamic Banner
// --------------------------------------------------
@activeSlideZindex: 5;
@sliderImageWidth: 1920px;
@sliderImageHeight: 480px;

@slideBarsWidth: ceil(@sliderImageWidth / 24);

@slideBlocksWidth: ceil(@sliderImageWidth / 15);//128px
@slideBlocksHeight: ceil(@sliderImageHeight / 4);//120px

@slideCircleDistance: ceil(@sliderImageWidth / 24);
@slideCircleBasePosTop: (@sliderImageHeight - @sliderImageWidth) / 2;

@screen-md-multiplier: 	0.92;
@screen-sm-multiplier: 	0.85;
@screen-xs-multiplier: 	0.7;
@screen-xxs-multiplier: 0.5;

.slider,
.slide-container,
.slider .slide {
	height: @head-banner-large-height;// 480px
}

.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: @sliderImageWidth;
  margin: 0 auto;
}
.slide-container {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.slider .slide {
	position: absolute;
	width: 100%;
	z-index: @activeSlideZindex - 2;
	
	.box-shadow(~"inset 0 -10px 10px -10px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.05)");
	background-position: left top;
	background-repeat: repeat-x;
    background-size: @sliderImageWidth @sliderImageHeight;
}


// Special Transitions Markup
// ---------------------------

// Bars
// ----------
.slide-bars .bar {
	position: absolute;
	top: 0;
	width: @slideBarsWidth;
	height: @head-banner-large-height;
	background-repeat: repeat-x;
    background-size: @sliderImageWidth @sliderImageHeight;
}
.slide-bars .bar-1 	{ left: 0;   background-position: 0 0; }
.slide-bars .bar-2 	{ left: (@slideBarsWidth * 1); background-position: -(@slideBarsWidth * 1) 0; }
.slide-bars .bar-3 	{ left: (@slideBarsWidth * 2); background-position: -(@slideBarsWidth * 2) 0; }
.slide-bars .bar-4 	{ left: (@slideBarsWidth * 3); background-position: -(@slideBarsWidth * 3) 0; }
.slide-bars .bar-5 	{ left: (@slideBarsWidth * 4); background-position: -(@slideBarsWidth * 4) 0; }
.slide-bars .bar-6 	{ left: (@slideBarsWidth * 5); background-position: -(@slideBarsWidth * 5) 0; }
.slide-bars .bar-7 	{ left: (@slideBarsWidth * 6); background-position: -(@slideBarsWidth * 6) 0; }
.slide-bars .bar-8 	{ left: (@slideBarsWidth * 7); background-position: -(@slideBarsWidth * 7) 0; }
.slide-bars .bar-9 	{ left: (@slideBarsWidth * 8); background-position: -(@slideBarsWidth * 8) 0; }
.slide-bars .bar-10 { left: (@slideBarsWidth * 9); background-position: -(@slideBarsWidth * 9) 0; }
.slide-bars .bar-11 { left: (@slideBarsWidth * 10); background-position: -(@slideBarsWidth * 10) 0; }
.slide-bars .bar-12 { left: (@slideBarsWidth * 11); background-position: -(@slideBarsWidth * 11) 0; }
.slide-bars .bar-13 { left: (@slideBarsWidth * 12); background-position: -(@slideBarsWidth * 12) 0; }
.slide-bars .bar-14 { left: (@slideBarsWidth * 13); background-position: -(@slideBarsWidth * 13) 0; }
.slide-bars .bar-15 { left: (@slideBarsWidth * 14); background-position: -(@slideBarsWidth * 14) 0; }
.slide-bars .bar-16 { left: (@slideBarsWidth * 15); background-position: -(@slideBarsWidth * 15) 0; }
.slide-bars .bar-17 { left: (@slideBarsWidth * 16); background-position: -(@slideBarsWidth * 16) 0; }
.slide-bars .bar-18 { left: (@slideBarsWidth * 17); background-position: -(@slideBarsWidth * 17) 0; }
.slide-bars .bar-19 { left: (@slideBarsWidth * 18); background-position: -(@slideBarsWidth * 18) 0; }
.slide-bars .bar-20 { left: (@slideBarsWidth * 19); background-position: -(@slideBarsWidth * 19) 0; }
.slide-bars .bar-21 { left: (@slideBarsWidth * 20); background-position: -(@slideBarsWidth * 20) 0; }
.slide-bars .bar-22 { left: (@slideBarsWidth * 21); background-position: -(@slideBarsWidth * 21) 0; }
.slide-bars .bar-23 { left: (@slideBarsWidth * 22); background-position: -(@slideBarsWidth * 22) 0; }
.slide-bars .bar-24 { left: (@slideBarsWidth * 23); background-position: -(@slideBarsWidth * 23) 0; }
.slide-bars .bar-25 { left: (@slideBarsWidth * 24); background-position: -(@slideBarsWidth * 24) 0; }

// Blocks
// ----------
.slide-blocks .block {
	position: absolute;
	width: @slideBlocksWidth;
	height: @slideBlocksHeight;
	background-repeat: repeat-x;
    background-size: @sliderImageWidth @sliderImageHeight;
}
.slide-blocks .block-1 	{ left: (@slideBlocksWidth * 0);  top: 0; background-position: 0 0; }
.slide-blocks .block-2 	{ left: (@slideBlocksWidth * 1);  top: 0; background-position: -(@slideBlocksWidth * 1) 0; }
.slide-blocks .block-3 	{ left: (@slideBlocksWidth * 2);  top: 0; background-position: -(@slideBlocksWidth * 2) 0; }
.slide-blocks .block-4 	{ left: (@slideBlocksWidth * 3);  top: 0; background-position: -(@slideBlocksWidth * 3) 0; }
.slide-blocks .block-5 	{ left: (@slideBlocksWidth * 4);  top: 0; background-position: -(@slideBlocksWidth * 4) 0; }
.slide-blocks .block-6 	{ left: (@slideBlocksWidth * 5);  top: 0; background-position: -(@slideBlocksWidth * 5) 0; }
.slide-blocks .block-7 	{ left: (@slideBlocksWidth * 6);  top: 0; background-position: -(@slideBlocksWidth * 6) 0; }
.slide-blocks .block-8 	{ left: (@slideBlocksWidth * 7);  top: 0; background-position: -(@slideBlocksWidth * 7) 0; }
.slide-blocks .block-9 	{ left: (@slideBlocksWidth * 8);  top: 0; background-position: -(@slideBlocksWidth * 8) 0; }
.slide-blocks .block-10 { left: (@slideBlocksWidth * 9);  top: 0; background-position: -(@slideBlocksWidth * 9) 0; }
.slide-blocks .block-11 { left: (@slideBlocksWidth * 10); top: 0; background-position: -(@slideBlocksWidth * 10) 0; }
.slide-blocks .block-12 { left: (@slideBlocksWidth * 11); top: 0; background-position: -(@slideBlocksWidth * 11) 0; }
.slide-blocks .block-13 { left: (@slideBlocksWidth * 12); top: 0; background-position: -(@slideBlocksWidth * 12) 0; }
.slide-blocks .block-14 { left: (@slideBlocksWidth * 13); top: 0; background-position: -(@slideBlocksWidth * 13) 0; }
.slide-blocks .block-15 { left: (@slideBlocksWidth * 14); top: 0; background-position: -(@slideBlocksWidth * 14) 0; }

.slide-blocks .block-16 { left: (@slideBlocksWidth * 0);  top: (@slideBlocksHeight * 1); background-position: 0 -(@slideBlocksHeight * 1); }
.slide-blocks .block-17 { left: (@slideBlocksWidth * 1);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 1) -(@slideBlocksHeight * 1); }
.slide-blocks .block-18	{ left: (@slideBlocksWidth * 2);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 2) -(@slideBlocksHeight * 1); }
.slide-blocks .block-19	{ left: (@slideBlocksWidth * 3);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 3) -(@slideBlocksHeight * 1); }
.slide-blocks .block-20	{ left: (@slideBlocksWidth * 4);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 4) -(@slideBlocksHeight * 1); }
.slide-blocks .block-21	{ left: (@slideBlocksWidth * 5);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 5) -(@slideBlocksHeight * 1); }
.slide-blocks .block-22	{ left: (@slideBlocksWidth * 6);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 6) -(@slideBlocksHeight * 1); }
.slide-blocks .block-23	{ left: (@slideBlocksWidth * 7);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 7) -(@slideBlocksHeight * 1); }
.slide-blocks .block-24	{ left: (@slideBlocksWidth * 8);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 8) -(@slideBlocksHeight * 1); }
.slide-blocks .block-25 { left: (@slideBlocksWidth * 9);  top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 9) -(@slideBlocksHeight * 1); }
.slide-blocks .block-26 { left: (@slideBlocksWidth * 10); top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 10) -(@slideBlocksHeight * 1); }
.slide-blocks .block-27 { left: (@slideBlocksWidth * 11); top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 11) -(@slideBlocksHeight * 1); }
.slide-blocks .block-28 { left: (@slideBlocksWidth * 12); top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 12) -(@slideBlocksHeight * 1); }
.slide-blocks .block-29 { left: (@slideBlocksWidth * 13); top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 13) -(@slideBlocksHeight * 1); }
.slide-blocks .block-30 { left: (@slideBlocksWidth * 14); top: (@slideBlocksHeight * 1); background-position: -(@slideBlocksWidth * 14) -(@slideBlocksHeight * 1); }

.slide-blocks .block-31 { left: (@slideBlocksWidth * 0);  top: (@slideBlocksHeight * 2); background-position: 0 -(@slideBlocksHeight * 2); }
.slide-blocks .block-32 { left: (@slideBlocksWidth * 1);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 1) -(@slideBlocksHeight * 2); }
.slide-blocks .block-33	{ left: (@slideBlocksWidth * 2);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 2) -(@slideBlocksHeight * 2); }
.slide-blocks .block-34	{ left: (@slideBlocksWidth * 3);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 3) -(@slideBlocksHeight * 2); }
.slide-blocks .block-35	{ left: (@slideBlocksWidth * 4);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 4) -(@slideBlocksHeight * 2); }
.slide-blocks .block-36	{ left: (@slideBlocksWidth * 5);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 5) -(@slideBlocksHeight * 2); }
.slide-blocks .block-37	{ left: (@slideBlocksWidth * 6);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 6) -(@slideBlocksHeight * 2); }
.slide-blocks .block-38	{ left: (@slideBlocksWidth * 7);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 7) -(@slideBlocksHeight * 2); }
.slide-blocks .block-39	{ left: (@slideBlocksWidth * 8);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 8) -(@slideBlocksHeight * 2); }
.slide-blocks .block-40 { left: (@slideBlocksWidth * 9);  top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 9) -(@slideBlocksHeight * 2); }
.slide-blocks .block-41 { left: (@slideBlocksWidth * 10); top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 10) -(@slideBlocksHeight * 2); }
.slide-blocks .block-42 { left: (@slideBlocksWidth * 11); top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 11) -(@slideBlocksHeight * 2); }
.slide-blocks .block-43 { left: (@slideBlocksWidth * 12); top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 12) -(@slideBlocksHeight * 2); }
.slide-blocks .block-44 { left: (@slideBlocksWidth * 13); top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 13) -(@slideBlocksHeight * 2); }
.slide-blocks .block-45 { left: (@slideBlocksWidth * 14); top: (@slideBlocksHeight * 2); background-position: -(@slideBlocksWidth * 14) -(@slideBlocksHeight * 2); }

.slide-blocks .block-46 { left: (@slideBlocksWidth * 0);  top: (@slideBlocksHeight * 3); background-position: 0 -(@slideBlocksHeight * 3); }
.slide-blocks .block-47 { left: (@slideBlocksWidth * 1);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 1) -(@slideBlocksHeight * 3); }
.slide-blocks .block-48	{ left: (@slideBlocksWidth * 2);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 2) -(@slideBlocksHeight * 3); }
.slide-blocks .block-49	{ left: (@slideBlocksWidth * 3);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 3) -(@slideBlocksHeight * 3); }
.slide-blocks .block-50	{ left: (@slideBlocksWidth * 4);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 4) -(@slideBlocksHeight * 3); }
.slide-blocks .block-51	{ left: (@slideBlocksWidth * 5);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 5) -(@slideBlocksHeight * 3); }
.slide-blocks .block-52	{ left: (@slideBlocksWidth * 6);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 6) -(@slideBlocksHeight * 3); }
.slide-blocks .block-53	{ left: (@slideBlocksWidth * 7);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 7) -(@slideBlocksHeight * 3); }
.slide-blocks .block-54	{ left: (@slideBlocksWidth * 8);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 8) -(@slideBlocksHeight * 3); }
.slide-blocks .block-55 { left: (@slideBlocksWidth * 9);  top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 9) -(@slideBlocksHeight * 3); }
.slide-blocks .block-56 { left: (@slideBlocksWidth * 10); top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 10) -(@slideBlocksHeight * 3); }
.slide-blocks .block-57 { left: (@slideBlocksWidth * 11); top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 11) -(@slideBlocksHeight * 3); }
.slide-blocks .block-58 { left: (@slideBlocksWidth * 12); top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 12) -(@slideBlocksHeight * 3); }
.slide-blocks .block-59 { left: (@slideBlocksWidth * 13); top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 13) -(@slideBlocksHeight * 3); }
.slide-blocks .block-60 { left: (@slideBlocksWidth * 14); top: (@slideBlocksHeight * 3); background-position: -(@slideBlocksWidth * 14) -(@slideBlocksHeight * 3); }

// Circles
// ----------
.slide-circles .circle {
	position: absolute;;
	background-repeat: repeat;
    background-size: @sliderImageWidth @sliderImageHeight;
	border-radius: 50%;
}
.slide-circles .circle-1 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 0); height: (@sliderImageWidth - @slideCircleDistance * 2 * 0); left: (@slideCircleDistance * 0); top: (@slideCircleBasePosTop + @slideCircleDistance * 0); background-position: 0 (@slideCircleBasePosTop * -1 - @slideCircleDistance * 0); }
.slide-circles .circle-2 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 1); height: (@sliderImageWidth - @slideCircleDistance * 2 * 1); left: (@slideCircleDistance * 1); top: (@slideCircleBasePosTop + @slideCircleDistance * 1); background-position: -(@slideCircleDistance * 1) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 1); }
.slide-circles .circle-3 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 2); height: (@sliderImageWidth - @slideCircleDistance * 2 * 2); left: (@slideCircleDistance * 2); top: (@slideCircleBasePosTop + @slideCircleDistance * 2); background-position: -(@slideCircleDistance * 2) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 2); }
.slide-circles .circle-4 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 3); height: (@sliderImageWidth - @slideCircleDistance * 2 * 3); left: (@slideCircleDistance * 3); top: (@slideCircleBasePosTop + @slideCircleDistance * 3); background-position: -(@slideCircleDistance * 3) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 3); }
.slide-circles .circle-5 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 4); height: (@sliderImageWidth - @slideCircleDistance * 2 * 4); left: (@slideCircleDistance * 4); top: (@slideCircleBasePosTop + @slideCircleDistance * 4); background-position: -(@slideCircleDistance * 4) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 4); }
.slide-circles .circle-6 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 5); height: (@sliderImageWidth - @slideCircleDistance * 2 * 5); left: (@slideCircleDistance * 5); top: (@slideCircleBasePosTop + @slideCircleDistance * 5); background-position: -(@slideCircleDistance * 5) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 5); }
.slide-circles .circle-7 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 6); height: (@sliderImageWidth - @slideCircleDistance * 2 * 6); left: (@slideCircleDistance * 6); top: (@slideCircleBasePosTop + @slideCircleDistance * 6); background-position: -(@slideCircleDistance * 6) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 6); }
.slide-circles .circle-8 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 7); height: (@sliderImageWidth - @slideCircleDistance * 2 * 7); left: (@slideCircleDistance * 7); top: (@slideCircleBasePosTop + @slideCircleDistance * 7); background-position: -(@slideCircleDistance * 7) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 7); }
.slide-circles .circle-9 	{ width: (@sliderImageWidth - @slideCircleDistance * 2 * 8); height: (@sliderImageWidth - @slideCircleDistance * 2 * 8); left: (@slideCircleDistance * 8); top: (@slideCircleBasePosTop + @slideCircleDistance * 8); background-position: -(@slideCircleDistance * 8) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 8); }
.slide-circles .circle-10 { width: (@sliderImageWidth - @slideCircleDistance * 2 * 9); height: (@sliderImageWidth - @slideCircleDistance * 2 * 9); left: (@slideCircleDistance * 9); top: (@slideCircleBasePosTop + @slideCircleDistance * 9); background-position: -(@slideCircleDistance * 9) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 9); }
.slide-circles .circle-11 { width: (@sliderImageWidth - @slideCircleDistance * 2 * 10); height: (@sliderImageWidth - @slideCircleDistance * 2 * 10); left: (@slideCircleDistance * 10); top: (@slideCircleBasePosTop + @slideCircleDistance * 10); background-position: -(@slideCircleDistance * 10) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 10); }
.slide-circles .circle-12 { width: (@sliderImageWidth - @slideCircleDistance * 2 * 11); height: (@sliderImageWidth - @slideCircleDistance * 2 * 11); left: (@slideCircleDistance * 11); top: (@slideCircleBasePosTop + @slideCircleDistance * 11); background-position: -(@slideCircleDistance * 11) (@slideCircleBasePosTop * -1 - @slideCircleDistance * 11); }


// Make Responsive
// ---------------------------
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
	.slider,
	.slide-container,
	.slider .slide {
		height: @head-banner-large-height * @screen-md-multiplier;
	}
	.slider .slide {
		background-size: (@sliderImageWidth * @screen-md-multiplier) (@sliderImageHeight * @screen-md-multiplier);
	}
	
}
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
	.slider,
	.slide-container,
	.slider .slide {
		height: @head-banner-large-height * @screen-sm-multiplier;
	}
	.slider .slide {
		background-size: (@sliderImageWidth * @screen-sm-multiplier) (@sliderImageHeight * @screen-sm-multiplier);
	}
	
}
@media (min-width: @screen-xs-min) and (max-width: @screen-xs-max) {
	.slider,
	.slide-container,
	.slider .slide {
		height: @head-banner-large-height * @screen-xs-multiplier;
	}
	.slider .slide {
		background-size: (@sliderImageWidth * @screen-xs-multiplier) (@sliderImageHeight * @screen-xs-multiplier);
	}
	
}
@media (max-width: @screen-xxs-max) {
	.slider,
	.slide-container,
	.slider .slide {
		height: @head-banner-large-height * @screen-xxs-multiplier;
	}
	.slider .slide {
		background-size: (@sliderImageWidth * @screen-xxs-multiplier) (@sliderImageHeight * @screen-xxs-multiplier);
	}
	
}



// Container
// ---------------------------
.slider .container {
	position: relative;
}

// Timer
// ---------------------------
.timer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: @navbar-inverse-bg;
	z-index: @activeSlideZindex + 1;
}
.timer-inner {
	width: 0;
	height: 2px;
	margin-top: -1px;
	background-color: saturate(@brand-info, 8%);
	border-radius: 4px;
}


// Left/right Controls
// ---------------------------
.slider-control {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10%;
	cursor: default;
}
.slider-control.left { left: 0; }
.slider-control.right { right: 0; }
  
// Control Icons
.slider-control .icon-prev,
.slider-control .icon-next {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 1;
	background-color: rgba(0,0,0,.8);
	padding: 6px 1px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	z-index: @activeSlideZindex + 1;
	.opacity(0);
	.transition(opacity .3s);
}
.slider-control .icon-prev { left: @grid-gutter-width / 2 - 2; }
.slider-control .icon-next { right: @grid-gutter-width / 2 - 2; }

.slider-control .icon-prev,
.slider-control .icon-next {
	&:before,
	&:after {
		margin: 0;// Remove the default icons margin
	}
}

// Hover state
.slider:hover .slider-control [class^="icon-"] { .opacity(.5); }
.slider .slider-control [class^="icon-"]:hover { .opacity(.85); }


// Scale up controls for tablets and up
@media screen and (min-width: @screen-sm-min) {

  // Scale up the controls a smidge
  .slider-control {
    .icon-prev,
    .icon-next {
      font-size: 38px;
	  width: 55px;
	  height: 55px;
    }
  }
}