@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/** Remove default margin. */

body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */

audio, canvas, progress, video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */

audio:not([controls]) {
  display: none;
  height: 0;
}

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template {
display: none;
}

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */

a { background-color: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */

a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */

abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */

b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */

dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/** Address styling not present in IE 8/9. */

mark {
  background: #ff0;
  color: #000;
}

/** Address inconsistent and variable font size in all browsers. */

small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */

img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */

svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */

figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */

hr {
  box-sizing: content-box;
  height: 0;
}

/** Contain overflow in all browsers. */

pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */

button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */

button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */

button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/** Re-set default cursor for disabled elements. */

button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */

input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/** Define consistent border, margin, and padding. */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/** Remove default vertical scrollbar in IE 8/9/10/11. */

textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */

optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th { padding: 0; }

/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden; /* IE 6/7 fallback */
*text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */

.clearfix:before, .clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */

.clearfix { *zoom: 1;
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout. So basically 1.5rem = 15px */

html {
  font-size: 62.5%;
  height: 100%;
  width: 100%;
}

body {
  height: 100%;
  width: 100%;
  color: #333;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.8;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
letter-spacing: -.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
letter-spacing: -.1rem;
}

h3 {
  font-size: 3.0rem;
  line-height: 1.3;
letter-spacing: -.1rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
letter-spacing: -.08rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 1.5;
letter-spacing: -.05rem;
}

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
}

p { margin: 0 0 20px; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a { color: #1EAEDB; }

a:hover { color: #0FA0CE; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul { list-style: disc inside; }

ol { list-style: decimal inside; }

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; }

li { margin-bottom: 1rem; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */

code {
padding: .2rem .5rem;
margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #D1D1D1;
  border: 1px solid #bbb;
  border-radius: 4px;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */

th, td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #D1D1D1;
}

th:first-child, td:first-child { padding-left: 0; }

th:last-child, td:last-child { padding-right: 0; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

button, .btn { margin-bottom: 1rem; }

input, textarea, select, fieldset { margin-bottom: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

.u-pull-right { float: right; }

.u-pull-left { float: left; }

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #D1D1D1;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.btn, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #333;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

.btn:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}

.btn.btn-primary, button.btn-primary, input[type="submit"].btn-primary, input[type="reset"].btn-primary, input[type="button"].btn-primary {
  color: white;
  background-color: #33C3F0;
  border-color: #33C3F0;
}

.btn.btn-primary:hover, button.btn-primary:hover, input[type="submit"].btn-primary:hover, input[type="reset"].btn-primary:hover, input[type="button"].btn-primary:hover, .btn.btn-primary:focus, button.btn-primary:focus, input[type="submit"].btn-primary:focus, input[type="reset"].btn-primary:focus, input[type="button"].btn-primary:focus {
  color: white;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: white;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border: 1px solid #1EAEDB;
  outline: 0;
}

label, legend {
  display: block;
margin-bottom: .5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body {
  display: inline-block;
margin-left: .5rem;
  font-weight: normal;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Container */

.container {
  position: relative;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.container.full { padding: 0; }

.container.full > .wrap {
  max-width: none;
  padding: 0;
}

.container > .wrap {
  margin: 0 auto;
  width: auto;
  padding: 0;
  max-width: 1200px;
  box-sizing: border-box;
}

.container > .wrap:after {
  content: '';
  display: table;
  clear: both;
}

/* Grid */

.row { margin-bottom: 20px; }

.row:after {
  content: '';
  display: table;
  clear: both;
}

.row .col {
  float: left;
  box-sizing: border-box;
}

.row .col { margin-left: 4%; }

.row.alt .col { margin-left: 2%; }

.row.flush .col {
  margin-left: 0;
  padding: 20px 20px;
}

.row .col:first-child { margin-left: 0; }

.one.col { width: 4.66666666667%; }

.two.col { width: 13.3333333333%; }

.three.col { width: 22%; }

.four.col { width: 30.6666666667%; }

.five.col { width: 39.3333333333%; }

.six.col { width: 48%; }

.seven.col { width: 56.6666666667%; }

.eight.col { width: 65.3333333333%; }

.nine.col { width: 74.0%; }

.ten.col { width: 82.6666666667%; }

.eleven.col { width: 91.3333333333%; }

.twelve.col {
  width: 100%;
  margin-left: 0;
}

.one-third.col { width: 30.6666666667%; }

.two-thirds.col { width: 65.3333333333%; }

.one-quarter.col { width: 22%; }

.one-half.col { width: 48%; }

/* Secondary */

.row.alt .one.col { width: 6.5%; }

.row.alt .two.col { width: 15%; }

.row.alt .three.col { width: 23.5%; }

.row.alt .four.col { width: 32%; }

.row.alt .five.col { width: 40.5%; }

.row.alt .six.col { width: 49%; }

.row.alt .seven.col { width: 57.5%; }

.row.alt .eight.col { width: 66%; }

.row.alt .nine.col { width: 74.5%; }

.row.alt .ten.col { width: 83%; }

.row.alt .eleven.col { width: 91.5%; }

.row.alt .twelve.col {
  width: 100%;
  margin-left: 0;
}

.row.alt .one-third.col { width: 32%; }

.row.alt .two-thirds.col { width: 66%; }

.row.alt .one-quarter.col { width: 23.5%; }

.row.alt .one-half.col { width: 49%; }

/* Flush */

.row.flush .one.col { width: 8.33333333%; }

.row.flush .two.col { width: 16.666666%; }

.row.flush .three.col { width: 25%; }

.row.flush .four.col { width: 33.33333333%; }

.row.flush .five.col { width: 41.6666667%; }

.row.flush .six.col { width: 50%; }

.row.flush .seven.col { width: 58.33333333%; }

.row.flush .eight.col { width: 66.6666666%; }

.row.flush .nine.col { width: 75%; }

.row.flush .ten.col { width: 83.33333%; }

.row.flush .eleven.col { width: 91.6666666%; }

.row.flush .twelve.col {
  width: 100%;
  margin-left: 0;
}

.row.flush .one-third.col { width: 33.33333333%; }

.row.flush .two-thirds.col { width: 66.6666667%; }

.row.flush .one-quarter.col { width: 25%; }

.row.flush .one-half.col { width: 50%; }

/* Grid Offset */

.one.offset.col { margin-left: 8.66666666667%; }

.two.offset.col { margin-left: 17.3333333333%; }

.three.offset.col { margin-left: 26%; }

.four.offset.col { margin-left: 34.6666666667%; }

.five.offset.col { margin-left: 43.3333333333%; }

.six.offset.col { margin-left: 52%; }

.seven.offset.col { margin-left: 60.6666666667%; }

.eight.offset.col { margin-left: 69.3333333333%; }

.nine.offset.col { margin-left: 78.0%; }

.ten.offset.col { margin-left: 86.6666666667%; }

.eleven.offset.col { margin-left: 95.3333333333%; }

.one-third.offset.col { margin-left: 34.6666666667%; }

.two-thirds.offset.col { margin-left: 69.3333333333%; }

.one-half.offset.col { margin-left: 52%; }

.one-half.offset.col { margin-left: 52%; }
 @media screen and (max-width: 600px) {

.row { margin-bottom: 0; }

.row .col {
  float: none !important;
  margin: 0 0 20px 0 !important;
  border: none;
  width: 100% !important;
}
}

.slidr-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slidr-container.init .slidr {
  opacity: 1;
  visibility: visible;
}

.slidr {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.slidr.animating > * {
  -webkit-transition-property: all;
  transition-property: all;
}

.slidr.animating > *.fade { opacity: 1; }

.slidr.animating > *.scale {
  border-radius: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.slidr.animating > *.wipe.left, .slidr.animating > *.wipe.right {
  -webkit-transform: translateZ(0) translateX(0);
  transform: translateZ(0) translateX(0);
}

.slidr.animating > *.wipe-out.left {
  -webkit-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
}

.slidr.animating > *.wipe-out.right {
  -webkit-transform: translateZ(0) translateX(-100%);
  transform: translateZ(0) translateX(-100%);
}

.slidr.animating > *.horizontal.left {
  -webkit-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
}

.slidr.animating > *.horizontal.right {
  -webkit-transform: translateZ(0) translateX(-100%);
  transform: translateZ(0) translateX(-100%);
}

.slidr.animating > *.vertical-next.left, .slidr.animating > *.vertical-next.right {
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
}

.slidr.animating > *.vertical.left {
  -webkit-transform: translateZ(0) translateY(100%);
  transform: translateZ(0) translateY(100%);
}

.slidr.animating > *.vertical.right {
  -webkit-transform: translateZ(0) translateY(-100%);
  transform: translateZ(0) translateY(-100%);
}

.slidr > * {
  display: inline-block;
  padding: 0;
  margin: 0;
  z-index: 1;
  opacity: 0;
}

.slidr > * img {
  display: block;
  width: 100%;
}

.init .slidr > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.slidr > *.active {
  z-index: 100;
  opacity: 1;
}

.slidr > *.fade {
  opacity: 0;
  z-index: 101;
}

.slidr > *.scale {
  opacity: 1;
  z-index: 101;
  border-radius: 100%;
  overflow: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.slidr > *.wipe {
  opacity: 1;
  z-index: 101;
}

.slidr > *.wipe.right {
  -webkit-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
}

.slidr > *.wipe.left {
  -webkit-transform: translateZ(0) translateX(-100%);
  transform: translateZ(0) translateX(-100%);
}

.slidr > *.behind {
  opacity: 1;
  z-index: 99;
}

.slidr > *.wipe-out { opacity: 1; }

.slidr > *.wipe-out.right {
  -webkit-transform: translateZ(0) translateX(0);
  transform: translateZ(0) translateX(0);
}

.slidr > *.wipe-out.left {
  -webkit-transform: translateZ(0) translateX(0);
  transform: translateZ(0) translateX(0);
}

.slidr > *.horizontal {
  opacity: 1;
  z-index: 101;
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
}

.slidr > *.vertical-next {
  opacity: 1;
  z-index: 101;
}

.slidr > *.vertical-next.right {
  -webkit-transform: translateZ(0) translateY(100%);
  transform: translateZ(0) translateY(100%);
}

.slidr > *.vertical-next.left {
  -webkit-transform: translateZ(0) translateY(-100%);
  transform: translateZ(0) translateY(-100%);
}

.slidr > *.vertical {
  opacity: 1;
  z-index: 101;
  -webkit-transform: translateZ(0) translateY(0);
  transform: translateZ(0) translateY(0);
}

.slidr-pagination {
  position: relative;
  padding: 0;
  margin: 0 0 20px 0;
  list-style: none;
  font-size: 0;
  text-align: center;
  z-index: 102;
}

.slidr-pagination.over {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 20px 0;
  left: 0;
  right: 0;
}

.slidr-pagination.over li { background: white; }

.slidr-pagination.over li.active { background: black; }

.slidr-pagination.hide:hover li {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.slidr-pagination.hide li {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease;
  transition: visibility 0s 0.3s, opacity 0.3s ease;
}

.slidr-pagination li {
  font-size: 14px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 4px;
  background: #ccc;
  border-radius: 100%;
  cursor: pointer;
  text-indent: -9999px;
}

.slidr-pagination li.active { background: black; }

.slidr-navigation {
  padding: 0;
  margin: 0;
  list-style: none;
}

.slidr-navigation li {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  cursor: pointer;
  z-index: 102;
  text-indent: -9999px;
}

.slidr-navigation li:after {
  content: '';
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  border: 2px solid white;
  border-width: 3px 3px 0 0;
  color: white;
}

.slidr-navigation li.slidr-prev { left: 0; }

.slidr-navigation li.slidr-prev:after {
  left: 30px;
  -webkit-transform: translateY(-50%) rotate(225deg);
  -ms-transform: translateY(-50%) rotate(225deg);
  transform: translateY(-50%) rotate(225deg);
}

.slidr-navigation li.slidr-next { right: 0; }

.slidr-navigation li.slidr-next:after {
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.slidr-navigation li.hide:hover:after {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.slidr-navigation li.hide:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 0.3s, opacity 0.3s ease;
  transition: visibility 0s 0.3s, opacity 0.3s ease;
}

.slidr + .slidr-pagination { margin: 20px 0 0 0; }