/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

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

#slider {
  position: relative; }
  #slider .slides li {
    display: none; }
    #slider .slides li.active {
      display: block; }
  #slider .slides img {
    max-width: 100%; }
  #slider .slider-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center; }
    #slider .slider-dots li {
      display: inline-block;
      vertical-align: middle;
      margin-left: 10px; }
      #slider .slider-dots li a {
        display: block;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 50%; }
      #slider .slider-dots li:first-child {
        margin-left: 0; }
      #slider .slider-dots li.active a {
        background-color: #c00; }
  #slider .slider-arrows {
    position: absolute;
    bottom: 5em;
    width: 100%; }
    #slider .slider-arrows .prev-arrow, #slider .slider-arrows .next-arrow {
      position: absolute; }
      #slider .slider-arrows .prev-arrow a, #slider .slider-arrows .next-arrow a {
        height: 40px;
        width: 40px;
        display: block;
        border-top: crimson solid 5px;
        border-left: crimson solid 5px;
        border-radius: 20%;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0.6;
        -webkit-transition: opacity 0.3 linear;
        /* Safari */
        transition: opacity 0.3 linear; }
        #slider .slider-arrows .prev-arrow a:hover, #slider .slider-arrows .next-arrow a:hover {
          opacity: 1; }
    #slider .slider-arrows .prev-arrow {
      left: 2em; }
      #slider .slider-arrows .prev-arrow a {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    #slider .slider-arrows .next-arrow {
      right: 2em; }
      #slider .slider-arrows .next-arrow a {
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
  #slider .slider-progressbar {
    height: 10px;
    width: 0;
    background-color: maroon; }

/*# sourceMappingURL=styles.css.map */