/******************************************************************

Site Name:

Author:



Stylesheet: Variables



Here is where we declare all our variables like colors, fonts,

base values, and defaults. We want to make sure this file ONLY

contains variables that way our files don't get all messy.

No one likes a mess.



******************************************************************/
/*********************

COLORS

Need help w/ choosing your colors? Try this site out:

http://0to255.com/

*********************/
/**************

General breakpoints

****************/
/***********

CALCULATION VARIABLES

*************/
/******************************************************************

Site Name:

Author:



Stylesheet: Sass Functions



You can do a lot of really cool things in Sass. Functions help you

make repeated actions a lot easier. They are really similar to mixins,

but can be used for so much more.



Anyway, keep them all in here so it's easier to find when you're

looking for one.



For more info on functions, go here:

http://sass-lang.com/documentation/Sass/Script/Functions.html



******************************************************************/
/*********************

COLOR FUNCTIONS

These are helpful when you're working

with shadows and such things. It's essentially

a quicker way to write RGBA.



Example:

box-shadow: 0 0 4px black(0.3);

compiles to:

box-shadow: 0 0 4px rgba(0,0,0,0.3);

*********************/
/*********************

RESPONSIVE HELPER FUNCTION

If you're creating a responsive site, then

you've probably already read

Responsive Web Design: http://www.abookapart.com/products/responsive-web-design



Here's a nice little helper function for calculating

target / context

as mentioned in that book.



Example:

width: cp(650px, 1000px);

or

width: calc-percent(650px, 1000px);

both compile to:

width: 65%;

*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/****************
ADD PREFIXES
****************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/**********************
ANIMATION
**********************/
/************************
HIDE FROM VISUAL USERS
************************/
/*********************
POSITIONING
*********************/
/**********************
CENTER A BLOCK
***********************/
/*****************
EQUAL VALUES FOR MULTIPLE PROPERTIES
******************/
/***********
GRIDS (to get around SCSS compilation) 
***********/
/******************************************************************

Site Name:

Author:



Stylesheet: Mixins Stylesheet



This is where you can take advantage of Sass' great features: Mixins.

I won't go in-depth on how they work exactly,

there are a few articles below that will help do that. What I will

tell you is that this will help speed up simple changes like

changing a color or adding CSS3 techniques gradients.



A WORD OF WARNING: It's very easy to overdo it here. Be careful and

remember less is more.



Helpful:

http://sachagreif.com/useful-sass-mixins/

http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code

http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/



******************************************************************/
/*****

PLUGIN INCLUDES

******/
.trusponsive-slider, .trusponsive-slide, .trusponsive-slider .background {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.trusponsive-slide-container {
  zoom: 1;
  white-space: nowrap;
  font-size: 0;
  width: 100%;
  height: 100%;
  /** left to right transition */
  /** bottom to top transition */
}
.no-js .trusponsive-slide-container {
  white-space: normal;
  -webkit-transform: none !important;
  transform: none !important;
}
.trusponsive-slide-container:after {
  display: block;
  content: "";
  box-sizing: border-box;
  content: "";
  display: table;
  clear: both;
}
[data-tru_transition="slide"] .trusponsive-slide-container.trusponsive-looping {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
[data-tru_transition_direction="horizontal"].peek-next.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container {
  -webkit-transform: translateX(-5%);
  transform: translateX(-5%);
}
[data-tru_transition_direction="horizontal"].peek-next.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container.trusponsive-looping {
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}
[data-tru_transition_direction="vertical"].peek-next.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container {
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
}
[data-tru_transition_direction="vertical"].peek-next.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container.trusponsive-looping {
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%);
}
[data-tru_transition_direction="horizontal"].peek-prev.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container {
  -webkit-transform: translateX(5%);
  transform: translateX(5%);
}
[data-tru_transition_direction="horizontal"].peek-prev.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container.trusponsive-looping {
  -webkit-transform: translateX(-95%);
  transform: translateX(-95%);
}
[data-tru_transition_direction="vertical"].peek-prev.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container {
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
}
[data-tru_transition_direction="vertical"].peek-prev.peek-enabled[data-tru_transition="slide"] .trusponsive-slide-container.trusponsive-looping {
  -webkit-transform: translateY(-95%);
  transform: translateY(-95%);
}
.trusponsive-slide-container__overlay {
  position: absolute;
  top: 0;
  left: 0;
}
.trusponsive-slide-container[data-tru_transition_direction="up"] {
  white-space: normal;
  -webkit-transform: translateX(0) translateY(-100%);
  transform: translateX(0) translateY(-100%);
}
[data-tru_loop="false"] .trusponsive-slide-container {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
[data-tru_loop="false"] .trusponsive-slide-container[data-tru_transition_direction="up"] {
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
/** individual slide styles **/
.trusponsive-slide-container .slide, .trusponsive-slide {
  white-space: normal;
}
.trusponsive-slide {
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  -webkit-transition: all 0.5s, font-size 0s, letter-spacing 0s;
  transition: all 0.5s, font-size 0s, letter-spacing 0s;
  display: inline-block;
  vertical-align: top;
  font-size: 1rem;
  width: 100%;
  height: 100%;
  max-height: 100%;
  /** Set the correct transformations based on the current slide **/
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
.trusponsive-slide > * {
  display: block;
}
.trusponsive-slider.force-to-start .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider.force-to-start .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
.trusponsive-slider[data-tru_slide_count="2"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider[data-tru_slide_count="2"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="2"] .trusponsive-slide {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.trusponsive-slider[data-tru_slide_count="3"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider[data-tru_slide_count="3"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="3"] .trusponsive-slide {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}
.trusponsive-slider[data-tru_slide_count="4"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider[data-tru_slide_count="4"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="4"] .trusponsive-slide {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}
.trusponsive-slider[data-tru_slide_count="5"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider[data-tru_slide_count="5"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="5"] .trusponsive-slide {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%);
}
.trusponsive-slider[data-tru_slide_count="6"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider[data-tru_slide_count="6"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="6"] .trusponsive-slide {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%);
}
.trusponsive-slider[data-tru_slide_count="7"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(-700%);
  transform: translateX(-700%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider[data-tru_slide_count="7"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="7"] .trusponsive-slide {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%);
}
.trusponsive-slider[data-tru_slide_count="8"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateX(-800%);
  transform: translateX(-800%);
}
@media (prefers-reduced-motion: reduce) {
  .trusponsive-slider[data-tru_slide_count="8"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="8"] .trusponsive-slide {
  -webkit-transform: translateX(-700%);
  transform: translateX(-700%);
}
/** Transition: Slide */
[data-tru_transition_direction="vertical"] {
  height: 100vh;
}
[data-tru_transition="slide"] {
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
}
.force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (prefers-reduced-motion: reduce) {
  .force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_slide_count="2"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_slide_count="2"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="2"] [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (prefers-reduced-motion: reduce) {
  .force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_slide_count="3"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-300%);
  transform: translateY(-300%);
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_slide_count="3"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="3"] [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
}
.force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (prefers-reduced-motion: reduce) {
  .force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_slide_count="4"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-400%);
  transform: translateY(-400%);
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_slide_count="4"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="4"] [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transform: translateY(-300%);
  transform: translateY(-300%);
}
.force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (prefers-reduced-motion: reduce) {
  .force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_slide_count="5"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-500%);
  transform: translateY(-500%);
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_slide_count="5"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="5"] [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transform: translateY(-400%);
  transform: translateY(-400%);
}
.force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (prefers-reduced-motion: reduce) {
  .force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_slide_count="6"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-600%);
  transform: translateY(-600%);
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_slide_count="6"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="6"] [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transform: translateY(-500%);
  transform: translateY(-500%);
}
.force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (prefers-reduced-motion: reduce) {
  .force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_slide_count="7"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-700%);
  transform: translateY(-700%);
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_slide_count="7"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="7"] [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transform: translateY(-600%);
  transform: translateY(-600%);
}
.force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
@media (prefers-reduced-motion: reduce) {
  .force-to-start [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_slide_count="8"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-800%);
  transform: translateY(-800%);
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_slide_count="8"].force-to-end [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="8"] [data-tru_transition="slide"][data-tru_transition_direction="vertical"] .trusponsive-slide {
  -webkit-transform: translateY(-700%);
  transform: translateY(-700%);
}
/** Transition: Fade */
[data-tru_transition="fade"] {
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
  /** Transition Direction: Up */
}
[data-tru_transition="fade"] .trusponsive-slide {
  opacity: 0;
  margin-right: -100%;
  z-index: 1;
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
.trusponsive-slider:not(.trusponsive-loading):not(.trusponsive-loaded)[data-tru_transition="fade"] .trusponsive-slide {
  opacity: 0 !important;
}
html:not(.js) .trusponsive-slider:not(.trusponsive-loading):not(.trusponsive-loaded)[data-tru_transition="fade"] .trusponsive-slide {
  opacity: 1 !important;
}
.trusponsive-loading [data-tru_transition="fade"] .trusponsive-slide {
  opacity: 0 !important;
}
.trusponsive-slide-container[data-tru_transition="fade"] {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
[data-tru_transition="fade"].force-to-start .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_transition="fade"].force-to-start .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_transition="fade"].force-to-end .trusponsive-slide {
  -webkit-transition: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  [data-tru_transition="fade"].force-to-end .trusponsive-slide {
    -webkit-transition: none;
    transition: none;
  }
}
[data-tru_current_slide="1"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(1) {
  opacity: 1;
  z-index: 5;
}
[data-tru_current_slide="2"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(2) {
  opacity: 1;
  z-index: 5;
}
[data-tru_current_slide="3"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(3) {
  opacity: 1;
  z-index: 5;
}
[data-tru_current_slide="4"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(4) {
  opacity: 1;
  z-index: 5;
}
[data-tru_current_slide="5"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(5) {
  opacity: 1;
  z-index: 5;
}
[data-tru_current_slide="6"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(6) {
  opacity: 1;
  z-index: 5;
}
[data-tru_current_slide="7"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(7) {
  opacity: 1;
  z-index: 5;
}
[data-tru_current_slide="8"] [data-tru_transition="fade"] .trusponsive-slide:nth-child(8) {
  opacity: 1;
  z-index: 5;
}
/**********************

NAVIGATION BUTTONS/ARROWS

***********************/
.trusponsive-slider-nav {
  font-size: 1rem;
  width: 18em;
  height: 1.2rem;
  margin: auto;
  z-index: 102;
  margin-top: 4em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.no-nav .trusponsive-slider-nav, .no-js .trusponsive-slider-nav {
  display: none !important;
}
.trusponsive-slider-nav a {
  color: #fff;
  border: none;
  background: transparent;
  outline: 0;
  cursor: pointer;
}
@media (hover: hover) {
  .trusponsive-slider-nav a:hover, .trusponsive-slider-nav a:focus {
    color: #fff;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .trusponsive-slider-nav a:hover, .trusponsive-slider-nav a:focus {
    color: #fff;
  }
}
.trusponsive-slider-nav a.tap-focus {
  color: #fff;
}
.trusponsive-slider-nav .previous {
  position: absolute;
  left: 0;
  top: 0;
}
.trusponsive-slider-nav .next {
  position: absolute;
  top: 0;
  right: 0;
}
/**********************

NAVIGATION BULLETS/SLIDE INDICATORS

***********************/
.trusponsive-slider-pips {
  display: inline-block;
  bottom: 3em;
}
.no-js .trusponsive-slider-pips {
  display: none !important;
}
@media only screen and (min-width: 47.5em) {
  .trusponsive-slider-pips {
    position: absolute;
    right: 3.5%;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.trusponsive-slider-pips--disabled:after {
  display: block;
  content: "";
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.no-pips .trusponsive-slider-pips {
  display: none;
}
.trusponsive-slider-pips ul {
  margin-top: 0;
  display: inline-block;
  width: 100%;
}
.trusponsive-slider-pip {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  margin: 0 0.5em;
  text-indent: -1000px;
  line-height: 6em;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  /* @for $i from 1 through $tru_max_slides {
      [data-tru_current_slide="#{$i}"] &:nth-child(#{$i}) {
          
          background: transparent;

          
        
      }

    } */
}
.trusponsive-slider-pip:first-child {
  margin-left: 0;
}
.trusponsive-slider-pips--display-numbers .trusponsive-slider-pip {
  overflow: visible;
  width: auto;
  height: auto;
  text-indent: 0;
  line-height: 1.25;
}