Jquyer相册

点击图片然后弹出相册列表，效果如下：

Jquyer相册

html代码：

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title></title>

    <link href="css/common/lightgallery.css" rel="stylesheet" />

    <link href="css/common/bootstrap.css" rel="stylesheet" />

</head>

<body>

    <form id="form1" runat="server">

        <div class="container-fluid">

            <div class="row">

                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">

                    <div class="card">

                        <div class="container">

                            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">

                                <div class="aniimated-thumbnials list-unstyled row clearfix">

                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 no-padding">

                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">

                                            <a href="Web/image/product/1-1.jpg" data-sub-html="">

                                                <img class="img-responsive thumbnail" src="Web/image/product/1-1.jpg" style="height: 235px;">

                                            </a>

                                        </div>

                                        <div class="hidden">

                                            <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">

                                                <a href="Web/image/product/1-2.jpg" data-sub-html="">

                                                    <img src="Web/image/product/1-2.jpg" alt="">

                                                </a>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                                <div class="text-left col-xs-12 col-sm-12 col-md-12 col-lg-12" style="background: url(image/noline_repeat.png) left top repeat; position: relative; margin-top: -90px; max-width: 360px; color: white;">

                                    <a target="_blank" href="javascript:;" style="color: white; text-decoration: none;">

                                        <h6>标题</h6>

                                    </a>

                                    <h6>12323</h6>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </form>

    <script src="js/jquery.js"></script>

    <script src="js/lightgallery-all.js"></script>

    <script src="js/image-gallery.js"></script>

</body>

</html>

lightgallery.css代码

/*! lightgallery - v1.2.21 - 2016-06-28

* http://sachinchoolur.github.io/lightGallery/

* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */

@font-face {

  font-family: 'lg';

  src: url("../../fonts/lg.eot?n1z373");

  src: url("../../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../../fonts/lg.woff?n1z373") format("woff"), url("../../fonts/lg.ttf?n1z373") format("truetype"), url("../../fonts/lg.svg?n1z373#lg") format("svg");

  font-weight: normal;

  font-style: normal;

}

.lg-icon {

  font-family: 'lg';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.lg-actions .lg-next, .lg-actions .lg-prev {

  background-color: rgba(0, 0, 0, 0.45);

  border-radius: 2px;

  color: #999;

  cursor: pointer;

  display: block;

  font-size: 22px;

  margin-top: -10px;

  padding: 8px 10px 9px;

  position: absolute;

  top: 50%;

  z-index: 1080;

}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {

  pointer-events: none;

  opacity: 0.5;

}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {

  color: #FFF;

}

.lg-actions .lg-next {

  right: 20px;

}

.lg-actions .lg-next:before {

  content: "\e095";

}

.lg-actions .lg-prev {

  left: 20px;

}

.lg-actions .lg-prev:after {

  content: "\e094";

}

@-webkit-keyframes lg-right-end {

  0% {

    left: 0;

  }

  50% {

    left: -30px;

  }

  100% {

    left: 0;

  }

}

@-moz-keyframes lg-right-end {

  0% {

    left: 0;

  }

  50% {

    left: -30px;

  }

  100% {

    left: 0;

  }

}

@-ms-keyframes lg-right-end {

  0% {

    left: 0;

  }

  50% {

    left: -30px;

  }

  100% {

    left: 0;

  }

}

@keyframes lg-right-end {

  0% {

    left: 0;

  }

  50% {

    left: -30px;

  }

  100% {

    left: 0;

  }

}

@-webkit-keyframes lg-left-end {

  0% {

    left: 0;

  }

  50% {

    left: 30px;

  }

  100% {

    left: 0;

  }

}

@-moz-keyframes lg-left-end {

  0% {

    left: 0;

  }

  50% {

    left: 30px;

  }

  100% {

    left: 0;

  }

}

@-ms-keyframes lg-left-end {

  0% {

    left: 0;

  }

  50% {

    left: 30px;

  }

  100% {

    left: 0;

  }

}

@keyframes lg-left-end {

  0% {

    left: 0;

  }

  50% {

    left: 30px;

  }

  100% {

    left: 0;

  }

}

.lg-outer.lg-right-end .lg-object {

  -webkit-animation: lg-right-end 0.3s;

  -o-animation: lg-right-end 0.3s;

  animation: lg-right-end 0.3s;

  position: relative;

}

.lg-outer.lg-left-end .lg-object {

  -webkit-animation: lg-left-end 0.3s;

  -o-animation: lg-left-end 0.3s;

  animation: lg-left-end 0.3s;

  position: relative;

}

.lg-toolbar {

  z-index: 1082;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.45);

}

.lg-toolbar .lg-icon {

  color: #999;

  cursor: pointer;

  float: right;

  font-size: 24px;

  height: 47px;

  line-height: 27px;

  padding: 10px 0;

  text-align: center;

  width: 50px;

  text-decoration: none !important;

  outline: medium none;

  -webkit-transition: color 0.2s linear;

  -o-transition: color 0.2s linear;

  transition: color 0.2s linear;

}

.lg-toolbar .lg-icon:hover {

  color: #FFF;

}

.lg-toolbar .lg-close:after {

  content: "\e070";

}

.lg-toolbar .lg-download:after {

  content: "\e0f2";

}

.lg-sub-html {

  background-color: rgba(0, 0, 0, 0.45);

  bottom: 0;

  color: #EEE;

  font-size: 16px;

  left: 0;

  padding: 10px 40px;

  position: fixed;

  right: 0;

  text-align: center;

  z-index: 1080;

}

.lg-sub-html h4 {

  margin: 0;

  font-size: 13px;

  font-weight: bold;

}

.lg-sub-html p {

  font-size: 12px;

  margin: 5px 0 0;

}

#lg-counter {

  color: #999;

  display: inline-block;

  font-size: 16px;

  padding-left: 20px;

  padding-top: 12px;

  vertical-align: middle;

}

.lg-toolbar, .lg-prev, .lg-next {

  opacity: 1;

  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;

  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;

  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;

  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;

}

.lg-hide-items .lg-prev {

  opacity: 0;

  -webkit-transform: translate3d(-10px, 0, 0);

  transform: translate3d(-10px, 0, 0);

}

.lg-hide-items .lg-next {

  opacity: 0;

  -webkit-transform: translate3d(10px, 0, 0);

  transform: translate3d(10px, 0, 0);

}

.lg-hide-items .lg-toolbar {

  opacity: 0;

  -webkit-transform: translate3d(0, -10px, 0);

  transform: translate3d(0, -10px, 0);

}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {

  -webkit-transform: scale3d(0.5, 0.5, 0.5);

  transform: scale3d(0.5, 0.5, 0.5);

  opacity: 0;

  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;

  -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;

  -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;

  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;

  -webkit-transform-origin: 50% 50%;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  opacity: 1;

}

.lg-outer .lg-thumb-outer {

  background-color: #0D0A0A;

  bottom: 0;

  position: absolute;

  width: 100%;

  z-index: 1080;

  max-height: 350px;

  -webkit-transform: translate3d(0, 100%, 0);

  transform: translate3d(0, 100%, 0);

  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;

  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;

  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;

  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;

}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {

  cursor: -webkit-grab;

  cursor: -moz-grab;

  cursor: -o-grab;

  cursor: -ms-grab;

  cursor: grab;

}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {

  cursor: move;

  cursor: -webkit-grabbing;

  cursor: -moz-grabbing;

  cursor: -o-grabbing;

  cursor: -ms-grabbing;

  cursor: grabbing;

}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {

  -webkit-transition-duration: 0s !important;

  transition-duration: 0s !important;

}

.lg-outer.lg-thumb-open .lg-thumb-outer {

  -webkit-transform: translate3d(0, 0%, 0);

  transform: translate3d(0, 0%, 0);

}

.lg-outer .lg-thumb {

  padding: 10px 0;

  height: 100%;

  margin-bottom: -5px;

}

.lg-outer .lg-thumb-item {

  border-radius: 5px;

  cursor: pointer;

  float: left;

  overflow: hidden;

  height: 100%;

  border: 2px solid #FFF;

  border-radius: 4px;

  margin-bottom: 5px;

}

@media (min-width: 1025px) {

  .lg-outer .lg-thumb-item {

    -webkit-transition: border-color 0.25s ease;

    -o-transition: border-color 0.25s ease;

    transition: border-color 0.25s ease;

  }

}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {

  border-color: #a90707;

}

.lg-outer .lg-thumb-item img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.lg-outer.lg-has-thumb .lg-item {

  padding-bottom: 120px;

}

.lg-outer.lg-can-toggle .lg-item {

  padding-bottom: 0;

}

.lg-outer.lg-pull-caption-up .lg-sub-html {

  -webkit-transition: bottom 0.25s ease;

  -o-transition: bottom 0.25s ease;

  transition: bottom 0.25s ease;

}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {

  bottom: 100px;

}

.lg-outer .lg-toogle-thumb {

  background-color: #0D0A0A;

  border-radius: 2px 2px 0 0;

  color: #999;

  cursor: pointer;

  font-size: 24px;

  height: 39px;

  line-height: 27px;

  padding: 5px 0;

  position: absolute;

  right: 20px;

  text-align: center;

  top: -39px;

  width: 50px;

}

.lg-outer .lg-toogle-thumb:after {

  content: "\e1ff";

}

.lg-outer .lg-toogle-thumb:hover {

  color: #FFF;

}

.lg-outer .lg-video-cont {

  display: inline-block;

  vertical-align: middle;

  max-width: 1140px;

  max-height: 100%;

  width: 100%;

  padding: 0 5px;

}

.lg-outer .lg-video {

  width: 100%;

  height: 0;

  padding-bottom: 56.25%;

  overflow: hidden;

  position: relative;

}

.lg-outer .lg-video .lg-object {

  display: inline-block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100% !important;

  height: 100% !important;

}

.lg-outer .lg-video .lg-video-play {

  width: 84px;

  height: 59px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -42px;

  margin-top: -30px;

  z-index: 1080;

  cursor: pointer;

}

.lg-outer .lg-has-vimeo .lg-video-play {

  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;

}

.lg-outer .lg-has-vimeo:hover .lg-video-play {

  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;

}

.lg-outer .lg-has-html5 .lg-video-play {

  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;

  height: 64px;

  margin-left: -32px;

  margin-top: -32px;

  width: 64px;

  opacity: 0.8;

}

.lg-outer .lg-has-html5:hover .lg-video-play {

  opacity: 1;

}

.lg-outer .lg-has-youtube .lg-video-play {

  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;

}

.lg-outer .lg-has-youtube:hover .lg-video-play {

  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;

}

.lg-outer .lg-video-object {

  width: 100% !important;

  height: 100% !important;

  position: absolute;

  top: 0;

  left: 0;

}

.lg-outer .lg-has-video .lg-video-object {

  visibility: hidden;

}

.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {

  display: none;

}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {

  visibility: visible;

}

.lg-progress-bar {

  background-color: #333;

  height: 5px;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: 1083;

  opacity: 0;

  -webkit-transition: opacity 0.08s ease 0s;

  -moz-transition: opacity 0.08s ease 0s;

  -o-transition: opacity 0.08s ease 0s;

  transition: opacity 0.08s ease 0s;

}

.lg-progress-bar .lg-progress {

  background-color: #a90707;

  height: 5px;

  width: 0;

}

.lg-progress-bar.lg-start .lg-progress {

  width: 100%;

}

.lg-show-autoplay .lg-progress-bar {

  opacity: 1;

}

.lg-autoplay-button:after {

  content: "\e01d";

}

.lg-show-autoplay .lg-autoplay-button:after {

  content: "\e01a";

}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {

  -webkit-transition-duration: 0s;

  transition-duration: 0s;

}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {

  -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;

  -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;

  -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;

  transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;

  -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;

  -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;

  transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  -ms-transform-origin: 0 0;

  transform-origin: 0 0;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}

#lg-zoom-in:after {

  content: "\e311";

}

#lg-actual-size {

  font-size: 20px;

}

#lg-actual-size:after {

  content: "\e033";

}

#lg-zoom-out {

  opacity: 0.5;

  pointer-events: none;

}

#lg-zoom-out:after {

  content: "\e312";

}

.lg-zoomed #lg-zoom-out {

  opacity: 1;

  pointer-events: auto;

}

.lg-outer .lg-pager-outer {

  bottom: 60px;

  left: 0;

  position: absolute;

  right: 0;

  text-align: center;

  z-index: 1080;

  height: 10px;

}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {

  overflow: visible;

}

.lg-outer .lg-pager-cont {

  cursor: pointer;

  display: inline-block;

  overflow: hidden;

  position: relative;

  vertical-align: top;

  margin: 0 5px;

}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {

  box-shadow: 0 0 0 2px white inset;

}

.lg-outer .lg-pager-thumb-cont {

  background-color: #fff;

  color: #FFF;

  bottom: 100%;

  height: 83px;

  left: 0;

  margin-bottom: 20px;

  margin-left: -60px;

  opacity: 0;

  padding: 5px;

  position: absolute;

  width: 120px;

  border-radius: 3px;

  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;

  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;

  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;

  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;

  -webkit-transform: translate3d(0, 5px, 0);

  transform: translate3d(0, 5px, 0);

}

.lg-outer .lg-pager-thumb-cont img {

  width: 100%;

  height: 100%;

}

.lg-outer .lg-pager {

  background-color: rgba(255, 255, 255, 0.5);

  border-radius: 50%;

  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;

  display: block;

  height: 12px;

  -webkit-transition: box-shadow 0.3s ease 0s;

  -o-transition: box-shadow 0.3s ease 0s;

  transition: box-shadow 0.3s ease 0s;

  width: 12px;

}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {

  box-shadow: 0 0 0 8px white inset;

}

.lg-outer .lg-caret {

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-top: 10px dashed;

  bottom: -10px;

  display: inline-block;

  height: 0;

  left: 50%;

  margin-left: -5px;

  position: absolute;

  vertical-align: middle;

  width: 0;

}

.lg-fullscreen:after {

  content: "\e20c";

}

.lg-fullscreen-on .lg-fullscreen:after {

  content: "\e20d";

}

.group {

  *zoom: 1;

}

.group:before, .group:after {

  display: table;

  content: "";

  line-height: 0;

}

.group:after {

  clear: both;

}

.lg-outer {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1050;

  opacity: 0;

  -webkit-transition: opacity 0.15s ease 0s;

  -o-transition: opacity 0.15s ease 0s;

  transition: opacity 0.15s ease 0s;

}

.lg-outer * {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.lg-outer.lg-visible {

  opacity: 1;

}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {

  -webkit-transition-duration: inherit !important;

  transition-duration: inherit !important;

  -webkit-transition-timing-function: inherit !important;

  transition-timing-function: inherit !important;

}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {

  -webkit-transition-duration: 0s !important;

  transition-duration: 0s !important;

  opacity: 1;

}

.lg-outer.lg-grab img.lg-object {

  cursor: -webkit-grab;

  cursor: -moz-grab;

  cursor: -o-grab;

  cursor: -ms-grab;

  cursor: grab;

}

.lg-outer.lg-grabbing img.lg-object {

  cursor: move;

  cursor: -webkit-grabbing;

  cursor: -moz-grabbing;

  cursor: -o-grabbing;

  cursor: -ms-grabbing;

  cursor: grabbing;

}

.lg-outer .lg {

  height: 100%;

  width: 100%;

  position: relative;

  overflow: hidden;

  margin-left: auto;

  margin-right: auto;

  max-width: 100%;

  max-height: 100%;

}

.lg-outer .lg-inner {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  white-space: nowrap;

}

.lg-outer .lg-item {

  background: url("../img/loading.gif") no-repeat scroll center center transparent;

  display: none !important;

}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {

  display: inline-block !important;

}

.lg-outer.lg-css .lg-current {

  display: inline-block !important;

}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {

  display: inline-block;

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {

  content: "";

  display: inline-block;

  height: 50%;

  width: 1px;

  margin-right: -1px;

}

.lg-outer .lg-img-wrap {

  position: absolute;

  padding: 0 5px;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}

.lg-outer .lg-item.lg-complete {

  background-image: none;

}

.lg-outer .lg-item.lg-current {

  z-index: 1060;

}

.lg-outer .lg-image {

  display: inline-block;

  vertical-align: middle;

  max-width: 100%;

  max-height: 100%;

  width: auto !important;

  height: auto !important;

}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {

  opacity: 0;

  -webkit-transition: opacity 0.15s ease 0s;

  -o-transition: opacity 0.15s ease 0s;

  transition: opacity 0.15s ease 0s;

}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {

  opacity: 1;

}

.lg-outer .lg-empty-html {

  display: none;

}

.lg-outer.lg-hide-download #lg-download {

  display: none;

}

.lg-backdrop {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1040;

  background-color: #000;

  opacity: 0;

  -webkit-transition: opacity 0.15s ease 0s;

  -o-transition: opacity 0.15s ease 0s;

  transition: opacity 0.15s ease 0s;

}

.lg-backdrop.in {

  opacity: 1;

}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {

  -webkit-transition: none 0s ease 0s !important;

  -moz-transition: none 0s ease 0s !important;

  -o-transition: none 0s ease 0s !important;

  transition: none 0s ease 0s !important;

}

.lg-css3.lg-use-css3 .lg-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}

.lg-css3.lg-use-left .lg-item {

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

}

.lg-css3.lg-fade .lg-item {

  opacity: 0;

}

.lg-css3.lg-fade .lg-item.lg-current {

  opacity: 1;

}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {

  -webkit-transition: opacity 0.1s ease 0s;

  -moz-transition: opacity 0.1s ease 0s;

  -o-transition: opacity 0.1s ease 0s;

  transition: opacity 0.1s ease 0s;

}

.lg-css3.lg-slide.lg-use-css3 .lg-item {

  opacity: 0;

}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0);

}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0);

}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  opacity: 1;

}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {

  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

}

.lg-css3.lg-slide.lg-use-left .lg-item {

  opacity: 0;

  position: absolute;

  left: 0;

}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {

  left: -100%;

}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {

  left: 100%;

}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {

  left: 0;

  opacity: 1;

}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {

  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;

}

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

bootstrap.css代码

/*!

 * Bootstrap v3.3.7 (http://getbootstrap.com)

 * Copyright 2011-2016 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

}

body {

  margin: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

[hidden],

template {

  display: none;

}

a {

  background-color: transparent;

}

a:active,

a:hover {

  outline: 0;

}

abbr[title] {

  border-bottom: 1px dotted;

}

b,

strong {

  font-weight: bold;

}

dfn {

  font-style: italic;

}

h1 {

  margin: .67em 0;

  font-size: 2em;

}

mark {

  color: #000;

  background: #ff0;

}

small {

  font-size: 80%;

}

sub,

sup {

  position: relative;

  font-size: 75%;

  line-height: 0;

  vertical-align: baseline;

}

sup {

  top: -.5em;

}

sub {

  bottom: -.25em;

}

img {

  border: 0;

}

svg:not(:root) {

  overflow: hidden;

}

figure {

  margin: 1em 40px;

}

hr {

  height: 0;

  -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

          box-sizing: content-box;

}

pre {

  overflow: auto;

}

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}

button,

input,

optgroup,

select,

textarea {

  margin: 0;

  font: inherit;

  color: inherit;

}

button {

  overflow: visible;

}

button,

select {

  text-transform: none;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}

button[disabled],

html input[disabled] {

  cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  padding: 0;

  border: 0;

}

input {

  line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

input[type="search"] {

  -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

          box-sizing: content-box;

  -webkit-appearance: textfield;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

fieldset {

  padding: .35em .625em .75em;

  margin: 0 2px;

  border: 1px solid #c0c0c0;

}

legend {

  padding: 0;

  border: 0;

}

textarea {

  overflow: auto;

}

optgroup {

  font-weight: bold;

}

table {

  border-spacing: 0;

  border-collapse: collapse;

}

td,

th {

  padding: 0;

}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {

  *,

  *:before,

  *:after {

    color: #000 !important;

    text-shadow: none !important;

    background: transparent !important;

    -webkit-box-shadow: none !important;

            box-shadow: none !important;

  }

  a,

  a:visited {

    text-decoration: underline;

  }

  a[href]:after {

    content: " (" attr(href) ")";

  }

  abbr[title]:after {

    content: " (" attr(title) ")";

  }

  a[href^="#"]:after,

  a[href^="javascript:"]:after {

    content: "";

  }

  pre,

  blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }

  thead {

    display: table-header-group;

  }

  tr,

  img {

    page-break-inside: avoid;

  }

  img {

    max-width: 100% !important;

  }

  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }

  h2,

  h3 {

    page-break-after: avoid;

  }

  .navbar {

    display: none;

  }

  .btn > .caret,

  .dropup > .btn > .caret {

    border-top-color: #000 !important;

  }

  .label {

    border: 1px solid #000;

  }

  .table {

    border-collapse: collapse !important;

  }

  .table td,

  .table th {

    background-color: #fff !important;

  }

  .table-bordered th,

  .table-bordered td {

    border: 1px solid #ddd !important;

  }

}

@font-face {

  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');

  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

}

.glyphicon {

  position: relative;

  top: 1px;

  display: inline-block;

  font-family: 'Glyphicons Halflings';

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.glyphicon-asterisk:before {

  content: "\002a";

}

.glyphicon-plus:before {

  content: "\002b";

}

.glyphicon-euro:before,

.glyphicon-eur:before {

  content: "\20ac";

}

.glyphicon-minus:before {

  content: "\2212";

}

.glyphicon-cloud:before {

  content: "\2601";

}

.glyphicon-envelope:before {

  content: "\2709";

}

.glyphicon-pencil:before {

  content: "\270f";

}

.glyphicon-glass:before {

  content: "\e001";

}

.glyphicon-music:before {

  content: "\e002";

}

.glyphicon-search:before {

  content: "\e003";

}

.glyphicon-heart:before {

  content: "\e005";

}

.glyphicon-star:before {

  content: "\e006";

}

.glyphicon-star-empty:before {

  content: "\e007";

}

.glyphicon-user:before {

  content: "\e008";

}

.glyphicon-film:before {

  content: "\e009";

}

.glyphicon-th-large:before {

  content: "\e010";

}

.glyphicon-th:before {

  content: "\e011";

}

.glyphicon-th-list:before {

  content: "\e012";

}

.glyphicon-ok:before {

  content: "\e013";

}

.glyphicon-remove:before {

  content: "\e014";

}

.glyphicon-zoom-in:before {

  content: "\e015";

}

.glyphicon-zoom-out:before {

  content: "\e016";

}

.glyphicon-off:before {

  content: "\e017";

}

.glyphicon-signal:before {

  content: "\e018";

}

.glyphicon-cog:before {

  content: "\e019";

}

.glyphicon-trash:before {

  content: "\e020";

}

.glyphicon-home:before {

  content: "\e021";

}

.glyphicon-file:before {

  content: "\e022";

}

.glyphicon-time:before {

  content: "\e023";

}

.glyphicon-road:before {

  content: "\e024";

}

.glyphicon-download-alt:before {

  content: "\e025";

}

.glyphicon-download:before {

  content: "\e026";

}

.glyphicon-upload:before {

  content: "\e027";

}

.glyphicon-inbox:before {

  content: "\e028";

}

.glyphicon-play-circle:before {

  content: "\e029";

}

.glyphicon-repeat:before {

  content: "\e030";

}

.glyphicon-refresh:before {

  content: "\e031";

}

.glyphicon-list-alt:before {

  content: "\e032";

}

.glyphicon-lock:before {

  content: "\e033";

}

.glyphicon-flag:before {

  content: "\e034";

}

.glyphicon-headphones:before {

  content: "\e035";

}

.glyphicon-volume-off:before {

  content: "\e036";

}

.glyphicon-volume-down:before {

  content: "\e037";

}

.glyphicon-volume-up:before {

  content: "\e038";

}

.glyphicon-qrcode:before {

  content: "\e039";

}

.glyphicon-barcode:before {

  content: "\e040";

}

.glyphicon-tag:before {

  content: "\e041";

}

.glyphicon-tags:before {

  content: "\e042";

}

.glyphicon-book:before {

  content: "\e043";

}

.glyphicon-bookmark:before {

  content: "\e044";

}

.glyphicon-print:before {

  content: "\e045";

}

.glyphicon-camera:before {

  content: "\e046";

}

.glyphicon-font:before {

  content: "\e047";

}

.glyphicon-bold:before {

  content: "\e048";

}

.glyphicon-italic:before {

  content: "\e049";

}

.glyphicon-text-height:before {

  content: "\e050";

}

.glyphicon-text-width:before {

  content: "\e051";

}

.glyphicon-align-left:before {

  content: "\e052";

}

.glyphicon-align-center:before {

  content: "\e053";

}

.glyphicon-align-right:before {

  content: "\e054";

}

.glyphicon-align-justify:before {

  content: "\e055";

}

.glyphicon-list:before {

  content: "\e056";

}

.glyphicon-indent-left:before {

  content: "\e057";

}

.glyphicon-indent-right:before {

  content: "\e058";

}

.glyphicon-facetime-video:before {

  content: "\e059";

}

.glyphicon-picture:before {

  content: "\e060";

}

.glyphicon-map-marker:before {

  content: "\e062";

}

.glyphicon-adjust:before {

  content: "\e063";

}

.glyphicon-tint:before {

  content: "\e064";

}

.glyphicon-edit:before {

  content: "\e065";

}

.glyphicon-share:before {

  content: "\e066";

}

.glyphicon-check:before {

  content: "\e067";

}

.glyphicon-move:before {

  content: "\e068";

}

.glyphicon-step-backward:before {

  content: "\e069";

}

.glyphicon-fast-backward:before {

  content: "\e070";

}

.glyphicon-backward:before {

  content: "\e071";

}

.glyphicon-play:before {

  content: "\e072";

}

.glyphicon-pause:before {

  content: "\e073";

}

.glyphicon-stop:before {

  content: "\e074";

}

.glyphicon-forward:before {

  content: "\e075";

}

.glyphicon-fast-forward:before {

  content: "\e076";

}

.glyphicon-step-forward:before {

  content: "\e077";

}

.glyphicon-eject:before {

  content: "\e078";

}

.glyphicon-chevron-left:before {

  content: "\e079";

}

.glyphicon-chevron-right:before {

  content: "\e080";

}

.glyphicon-plus-sign:before {

  content: "\e081";

}

.glyphicon-minus-sign:before {

  content: "\e082";

}

.glyphicon-remove-sign:before {

  content: "\e083";

}

.glyphicon-ok-sign:before {

  content: "\e084";

}

.glyphicon-question-sign:before {

  content: "\e085";

}

.glyphicon-info-sign:before {

  content: "\e086";

}

.glyphicon-screenshot:before {

  content: "\e087";

}

.glyphicon-remove-circle:before {

  content: "\e088";

}

.glyphicon-ok-circle:before {

  content: "\e089";

}

.glyphicon-ban-circle:before {

  content: "\e090";

}

.glyphicon-arrow-left:before {

  content: "\e091";

}

.glyphicon-arrow-right:before {

  content: "\e092";

}

.glyphicon-arrow-up:before {

  content: "\e093";

}

.glyphicon-arrow-down:before {

  content: "\e094";

}

.glyphicon-share-alt:before {

  content: "\e095";

}

.glyphicon-resize-full:before {

  content: "\e096";

}

.glyphicon-resize-small:before {

  content: "\e097";

}

.glyphicon-exclamation-sign:before {

  content: "\e101";

}

.glyphicon-gift:before {

  content: "\e102";

}

.glyphicon-leaf:before {

  content: "\e103";

}

.glyphicon-fire:before {

  content: "\e104";

}

.glyphicon-eye-open:before {

  content: "\e105";

}

.glyphicon-eye-close:before {

  content: "\e106";

}

.glyphicon-warning-sign:before {

  content: "\e107";

}

.glyphicon-plane:before {

  content: "\e108";

}

.glyphicon-calendar:before {

  content: "\e109";

}

.glyphicon-random:before {

  content: "\e110";

}

.glyphicon-comment:before {

  content: "\e111";

}

.glyphicon-magnet:before {

  content: "\e112";

}

.glyphicon-chevron-up:before {

  content: "\e113";

}

.glyphicon-chevron-down:before {

  content: "\e114";

}

.glyphicon-retweet:before {

  content: "\e115";

}

.glyphicon-shopping-cart:before {

  content: "\e116";

}

.glyphicon-folder-close:before {

  content: "\e117";

}

.glyphicon-folder-open:before {

  content: "\e118";

}

.glyphicon-resize-vertical:before {

  content: "\e119";

}

.glyphicon-resize-horizontal:before {

  content: "\e120";

}

.glyphicon-hdd:before {

  content: "\e121";

}

.glyphicon-bullhorn:before {

  content: "\e122";

}

.glyphicon-bell:before {

  content: "\e123";

}

.glyphicon-certificate:before {

  content: "\e124";

}

.glyphicon-thumbs-up:before {

  content: "\e125";

}

.glyphicon-thumbs-down:before {

  content: "\e126";

}

.glyphicon-hand-right:before {

  content: "\e127";

}

.glyphicon-hand-left:before {

  content: "\e128";

}

.glyphicon-hand-up:before {

  content: "\e129";

}

.glyphicon-hand-down:before {

  content: "\e130";

}

.glyphicon-circle-arrow-right:before {

  content: "\e131";

}

.glyphicon-circle-arrow-left:before {

  content: "\e132";

}

.glyphicon-circle-arrow-up:before {

  content: "\e133";

}

.glyphicon-circle-arrow-down:before {

  content: "\e134";

}

.glyphicon-globe:before {

  content: "\e135";

}

.glyphicon-wrench:before {

  content: "\e136";

}

.glyphicon-tasks:before {

  content: "\e137";

}

.glyphicon-filter:before {

  content: "\e138";

}

.glyphicon-briefcase:before {

  content: "\e139";

}

.glyphicon-fullscreen:before {

  content: "\e140";

}

.glyphicon-dashboard:before {

  content: "\e141";

}

.glyphicon-paperclip:before {

  content: "\e142";

}

.glyphicon-heart-empty:before {

  content: "\e143";

}

.glyphicon-link:before {

  content: "\e144";

}

.glyphicon-phone:before {

  content: "\e145";

}

.glyphicon-pushpin:before {

  content: "\e146";

}

.glyphicon-usd:before {

  content: "\e148";

}

.glyphicon-gbp:before {

  content: "\e149";

}

.glyphicon-sort:before {

  content: "\e150";

}

.glyphicon-sort-by-alphabet:before {

  content: "\e151";

}

.glyphicon-sort-by-alphabet-alt:before {

  content: "\e152";

}

.glyphicon-sort-by-order:before {

  content: "\e153";

}

.glyphicon-sort-by-order-alt:before {

  content: "\e154";

}

.glyphicon-sort-by-attributes:before {

  content: "\e155";

}

.glyphicon-sort-by-attributes-alt:before {

  content: "\e156";

}

.glyphicon-unchecked:before {

  content: "\e157";

}

.glyphicon-expand:before {

  content: "\e158";

}

.glyphicon-collapse-down:before {

  content: "\e159";

}

.glyphicon-collapse-up:before {

  content: "\e160";

}

.glyphicon-log-in:before {

  content: "\e161";

}

.glyphicon-flash:before {

  content: "\e162";

}

.glyphicon-log-out:before {

  content: "\e163";

}

.glyphicon-new-window:before {

  content: "\e164";

}

.glyphicon-record:before {

  content: "\e165";

}

.glyphicon-save:before {

  content: "\e166";

}

.glyphicon-open:before {

  content: "\e167";

}

.glyphicon-saved:before {

  content: "\e168";

}

.glyphicon-import:before {

  content: "\e169";

}

.glyphicon-export:before {

  content: "\e170";

}

.glyphicon-send:before {

  content: "\e171";

}

.glyphicon-floppy-disk:before {

  content: "\e172";

}

.glyphicon-floppy-saved:before {

  content: "\e173";

}

.glyphicon-floppy-remove:before {

  content: "\e174";

}

.glyphicon-floppy-save:before {

  content: "\e175";

}

.glyphicon-floppy-open:before {

  content: "\e176";

}

.glyphicon-credit-card:before {

  content: "\e177";

}

.glyphicon-transfer:before {

  content: "\e178";

}

.glyphicon-cutlery:before {

  content: "\e179";

}

.glyphicon-header:before {

  content: "\e180";

}

.glyphicon-compressed:before {

  content: "\e181";

}

.glyphicon-earphone:before {

  content: "\e182";

}

.glyphicon-phone-alt:before {

  content: "\e183";

}

.glyphicon-tower:before {

  content: "\e184";

}

.glyphicon-stats:before {

  content: "\e185";

}

.glyphicon-sd-video:before {

  content: "\e186";

}

.glyphicon-hd-video:before {

  content: "\e187";

}

.glyphicon-subtitles:before {

  content: "\e188";

}

.glyphicon-sound-stereo:before {

  content: "\e189";

}

.glyphicon-sound-dolby:before {

  content: "\e190";

}

.glyphicon-sound-5-1:before {

  content: "\e191";

}

.glyphicon-sound-6-1:before {

  content: "\e192";

}

.glyphicon-sound-7-1:before {

  content: "\e193";

}

.glyphicon-copyright-mark:before {

  content: "\e194";

}

.glyphicon-registration-mark:before {

  content: "\e195";

}

.glyphicon-cloud-download:before {

  content: "\e197";

}

.glyphicon-cloud-upload:before {

  content: "\e198";

}

.glyphicon-tree-conifer:before {

  content: "\e199";

}

.glyphicon-tree-deciduous:before {

  content: "\e200";

}

.glyphicon-cd:before {

  content: "\e201";

}

.glyphicon-save-file:before {

  content: "\e202";

}

.glyphicon-open-file:before {

  content: "\e203";

}

.glyphicon-level-up:before {

  content: "\e204";

}

.glyphicon-copy:before {

  content: "\e205";

}

.glyphicon-paste:before {

  content: "\e206";

}

.glyphicon-alert:before {

  content: "\e209";

}

.glyphicon-equalizer:before {

  content: "\e210";

}

.glyphicon-king:before {

  content: "\e211";

}

.glyphicon-queen:before {

  content: "\e212";

}

.glyphicon-pawn:before {

  content: "\e213";

}

.glyphicon-bishop:before {

  content: "\e214";

}

.glyphicon-knight:before {

  content: "\e215";

}

.glyphicon-baby-formula:before {

  content: "\e216";

}

.glyphicon-tent:before {

  content: "\26fa";

}

.glyphicon-blackboard:before {

  content: "\e218";

}

.glyphicon-bed:before {

  content: "\e219";

}

.glyphicon-apple:before {

  content: "\f8ff";

}

.glyphicon-erase:before {

  content: "\e221";

}

.glyphicon-hourglass:before {

  content: "\231b";

}

.glyphicon-lamp:before {

  content: "\e223";

}

.glyphicon-duplicate:before {

  content: "\e224";

}

.glyphicon-piggy-bank:before {

  content: "\e225";

}

.glyphicon-scissors:before {

  content: "\e226";

}

.glyphicon-bitcoin:before {

  content: "\e227";

}

.glyphicon-btc:before {

  content: "\e227";

}

.glyphicon-xbt:before {

  content: "\e227";

}

.glyphicon-yen:before {

  content: "\00a5";

}

.glyphicon-jpy:before {

  content: "\00a5";

}

.glyphicon-ruble:before {

  content: "\20bd";

}

.glyphicon-rub:before {

  content: "\20bd";

}

.glyphicon-scale:before {

  content: "\e230";

}

.glyphicon-ice-lolly:before {

  content: "\e231";

}

.glyphicon-ice-lolly-tasted:before {

  content: "\e232";

}

.glyphicon-education:before {

  content: "\e233";

}

.glyphicon-option-horizontal:before {

  content: "\e234";

}

.glyphicon-option-vertical:before {

  content: "\e235";

}

.glyphicon-menu-hamburger:before {

  content: "\e236";

}

.glyphicon-modal-window:before {

  content: "\e237";

}

.glyphicon-oil:before {

  content: "\e238";

}

.glyphicon-grain:before {

  content: "\e239";

}

.glyphicon-sunglasses:before {

  content: "\e240";

}

.glyphicon-text-size:before {

  content: "\e241";

}

.glyphicon-text-color:before {

  content: "\e242";

}

.glyphicon-text-background:before {

  content: "\e243";

}

.glyphicon-object-align-top:before {

  content: "\e244";

}

.glyphicon-object-align-bottom:before {

  content: "\e245";

}

.glyphicon-object-align-horizontal:before {

  content: "\e246";

}

.glyphicon-object-align-left:before {

  content: "\e247";

}

.glyphicon-object-align-vertical:before {

  content: "\e248";

}

.glyphicon-object-align-right:before {

  content: "\e249";

}

.glyphicon-triangle-right:before {

  content: "\e250";

}

.glyphicon-triangle-left:before {

  content: "\e251";

}

.glyphicon-triangle-bottom:before {

  content: "\e252";

}

.glyphicon-triangle-top:before {

  content: "\e253";

}

.glyphicon-console:before {

  content: "\e254";

}

.glyphicon-superscript:before {

  content: "\e255";

}

.glyphicon-subscript:before {

  content: "\e256";

}

.glyphicon-menu-left:before {

  content: "\e257";

}

.glyphicon-menu-right:before {

  content: "\e258";

}

.glyphicon-menu-down:before {

  content: "\e259";

}

.glyphicon-menu-up:before {

  content: "\e260";

}

* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

html {

  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

body {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.42857143;

  color: #333;

  background-color: #fff;

}

input,

button,

select,

textarea {

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

}

a {

  color: #337ab7;

  text-decoration: none;

}

a:hover,

a:focus {

  color: #23527c;

  text-decoration: underline;

}

a:focus {

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

figure {

  margin: 0;

}

img {

  vertical-align: middle;

}

.img-responsive,

.thumbnail > img,

.thumbnail a > img,

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  display: block;

  max-width: 100%;

  height: auto;

}

.img-rounded {

  border-radius: 6px;

}

.img-thumbnail {

  display: inline-block;

  max-width: 100%;

  height: auto;

  padding: 4px;

  line-height: 1.42857143;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 4px;

  -webkit-transition: all .2s ease-in-out;

       -o-transition: all .2s ease-in-out;

          transition: all .2s ease-in-out;

}

.img-circle {

  border-radius: 50%;

}

hr {

  margin-top: 20px;

  margin-bottom: 20px;

  border: 0;

  border-top: 1px solid #eee;

}

.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

.sr-only-focusable:active,

.sr-only-focusable:focus {

  position: static;

  width: auto;

  height: auto;

  margin: 0;

  overflow: visible;

  clip: auto;

}

[role="button"] {

  cursor: pointer;

}

h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  font-family: inherit;

  font-weight: 500;

  line-height: 1.1;

  color: inherit;

}

h1 small,

h2 small,

h3 small,

h4 small,

h5 small,

h6 small,

.h1 small,

.h2 small,

.h3 small,

.h4 small,

.h5 small,

.h6 small,

h1 .small,

h2 .small,

h3 .small,

h4 .small,

h5 .small,

h6 .small,

.h1 .small,

.h2 .small,

.h3 .small,

.h4 .small,

.h5 .small,

.h6 .small {

  font-weight: normal;

  line-height: 1;

  color: #777;

}

h1,

.h1,

h2,

.h2,

h3,

.h3 {

  margin-top: 20px;

  margin-bottom: 10px;

}

h1 small,

.h1 small,

h2 small,

.h2 small,

h3 small,

.h3 small,

h1 .small,

.h1 .small,

h2 .small,

.h2 .small,

h3 .small,

.h3 .small {

  font-size: 65%;

}

h4,

.h4,

h5,

.h5,

h6,

.h6 {

  margin-top: 10px;

  margin-bottom: 10px;

}

h4 small,

.h4 small,

h5 small,

.h5 small,

h6 small,

.h6 small,

h4 .small,

.h4 .small,

h5 .small,

.h5 .small,

h6 .small,

.h6 .small {

  font-size: 75%;

}

h1,

.h1 {

  font-size: 36px;

}

h2,

.h2 {

  font-size: 30px;

}

h3,

.h3 {

  font-size: 24px;

}

h4,

.h4 {

  font-size: 18px;

}

h5,

.h5 {

  font-size: 14px;

}

h6,

.h6 {

  font-size: 12px;

}

p {

  margin: 0 0 10px;

}

.lead {

  margin-bottom: 20px;

  font-size: 16px;

  font-weight: 300;

  line-height: 1.4;

}

@media (min-width: 768px) {

  .lead {

    font-size: 21px;

  }

}

small,

.small {

  font-size: 85%;

}

mark,

.mark {

  padding: .2em;

  background-color: #fcf8e3;

}

.text-left {

  text-align: left;

}

.text-right {

  text-align: right;

}

.text-center {

  text-align: center;

}

.text-justify {

  text-align: justify;

}

.text-nowrap {

  white-space: nowrap;

}

.text-lowercase {

  text-transform: lowercase;

}

.text-uppercase {

  text-transform: uppercase;

}

.text-capitalize {

  text-transform: capitalize;

}

.text-muted {

  color: #777;

}

.text-primary {

  color: #337ab7;

}

a.text-primary:hover,

a.text-primary:focus {

  color: #286090;

}

.text-success {

  color: #3c763d;

}

a.text-success:hover,

a.text-success:focus {

  color: #2b542c;

}

.text-info {

  color: #31708f;

}

a.text-info:hover,

a.text-info:focus {

  color: #245269;

}

.text-warning {

  color: #8a6d3b;

}

a.text-warning:hover,

a.text-warning:focus {

  color: #66512c;

}

.text-danger {

  color: #a94442;

}

a.text-danger:hover,

a.text-danger:focus {

  color: #843534;

}

.bg-primary {

  color: #fff;

  background-color: #337ab7;

}

a.bg-primary:hover,

a.bg-primary:focus {

  background-color: #286090;

}

.bg-success {

  background-color: #dff0d8;

}

a.bg-success:hover,

a.bg-success:focus {

  background-color: #c1e2b3;

}

.bg-info {

  background-color: #d9edf7;

}

a.bg-info:hover,

a.bg-info:focus {

  background-color: #afd9ee;

}

.bg-warning {

  background-color: #fcf8e3;

}

a.bg-warning:hover,

a.bg-warning:focus {

  background-color: #f7ecb5;

}

.bg-danger {

  background-color: #f2dede;

}

a.bg-danger:hover,

a.bg-danger:focus {

  background-color: #e4b9b9;

}

.page-header {

  padding-bottom: 9px;

  margin: 40px 0 20px;

  border-bottom: 1px solid #eee;

}

ul,

ol {

  margin-top: 0;

  margin-bottom: 10px;

}

ul ul,

ol ul,

ul ol,

ol ol {

  margin-bottom: 0;

}

.list-unstyled {

  padding-left: 0;

  list-style: none;

}

.list-inline {

  padding-left: 0;

  margin-left: -5px;

  list-style: none;

}

.list-inline > li {

  display: inline-block;

  padding-right: 5px;

  padding-left: 5px;

}

dl {

  margin-top: 0;

  margin-bottom: 20px;

}

dt,

dd {

  line-height: 1.42857143;

}

dt {

  font-weight: bold;

}

dd {

  margin-left: 0;

}

@media (min-width: 768px) {

  .dl-horizontal dt {

    float: left;

    width: 160px;

    overflow: hidden;

    clear: left;

    text-align: right;

    text-overflow: ellipsis;

    white-space: nowrap;

  }

  .dl-horizontal dd {

    margin-left: 180px;

  }

}

abbr[title],

abbr[data-original-title] {

  cursor: help;

  border-bottom: 1px dotted #777;

}

.initialism {

  font-size: 90%;

  text-transform: uppercase;

}

blockquote {

  padding: 10px 20px;

  margin: 0 0 20px;

  font-size: 17.5px;

  border-left: 5px solid #eee;

}

blockquote p:last-child,

blockquote ul:last-child,

blockquote ol:last-child {

  margin-bottom: 0;

}

blockquote footer,

blockquote small,

blockquote .small {

  display: block;

  font-size: 80%;

  line-height: 1.42857143;

  color: #777;

}

blockquote footer:before,

blockquote small:before,

blockquote .small:before {

  content: '\2014 \00A0';

}

.blockquote-reverse,

blockquote.pull-right {

  padding-right: 15px;

  padding-left: 0;

  text-align: right;

  border-right: 5px solid #eee;

  border-left: 0;

}

.blockquote-reverse footer:before,

blockquote.pull-right footer:before,

.blockquote-reverse small:before,

blockquote.pull-right small:before,

.blockquote-reverse .small:before,

blockquote.pull-right .small:before {

  content: '';

}

.blockquote-reverse footer:after,

blockquote.pull-right footer:after,

.blockquote-reverse small:after,

blockquote.pull-right small:after,

.blockquote-reverse .small:after,

blockquote.pull-right .small:after {

  content: '\00A0 \2014';

}

address {

  margin-bottom: 20px;

  font-style: normal;

  line-height: 1.42857143;

}

code,

kbd,

pre,

samp {

  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;

}

code {

  padding: 2px 4px;

  font-size: 90%;

  color: #c7254e;

  background-color: #f9f2f4;

  border-radius: 4px;

}

kbd {

  padding: 2px 4px;

  font-size: 90%;

  color: #fff;

  background-color: #333;

  border-radius: 3px;

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);

          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);

}

kbd kbd {

  padding: 0;

  font-size: 100%;

  font-weight: bold;

  -webkit-box-shadow: none;

          box-shadow: none;

}

pre {

  display: block;

  padding: 9.5px;

  margin: 0 0 10px;

  font-size: 13px;

  line-height: 1.42857143;

  color: #333;

  word-break: break-all;

  word-wrap: break-word;

  background-color: #f5f5f5;

  border: 1px solid #ccc;

  border-radius: 4px;

}

pre code {

  padding: 0;

  font-size: inherit;

  color: inherit;

  white-space: pre-wrap;

  background-color: transparent;

  border-radius: 0;

}

.pre-scrollable {

  max-height: 340px;

  overflow-y: scroll;

}

.container {

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}

@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1170px;

  }

}

.container-fluid {

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}

.row {

  margin-right: -15px;

  margin-left: -15px;

}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

  position: relative;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px;

}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

  float: left;

}

.col-xs-12 {

  width: 100%;

}

.col-xs-11 {

  width: 91.66666667%;

}

.col-xs-10 {

  width: 83.33333333%;

}

.col-xs-9 {

  width: 75%;

}

.col-xs-8 {

  width: 66.66666667%;

}

.col-xs-7 {

  width: 58.33333333%;

}

.col-xs-6 {

  width: 50%;

}

.col-xs-5 {

  width: 41.66666667%;

}

.col-xs-4 {

  width: 33.33333333%;

}

.col-xs-3 {

  width: 25%;

}

.col-xs-2 {

  width: 16.66666667%;

}

.col-xs-1 {

  width: 8.33333333%;

}

.col-xs-pull-12 {

  right: 100%;

}

.col-xs-pull-11 {

  right: 91.66666667%;

}

.col-xs-pull-10 {

  right: 83.33333333%;

}

.col-xs-pull-9 {

  right: 75%;

}

.col-xs-pull-8 {

  right: 66.66666667%;

}

.col-xs-pull-7 {

  right: 58.33333333%;

}

.col-xs-pull-6 {

  right: 50%;

}

.col-xs-pull-5 {

  right: 41.66666667%;

}

.col-xs-pull-4 {

  right: 33.33333333%;

}

.col-xs-pull-3 {

  right: 25%;

}

.col-xs-pull-2 {

  right: 16.66666667%;

}

.col-xs-pull-1 {

  right: 8.33333333%;

}

.col-xs-pull-0 {

  right: auto;

}

.col-xs-push-12 {

  left: 100%;

}

.col-xs-push-11 {

  left: 91.66666667%;

}

.col-xs-push-10 {

  left: 83.33333333%;

}

.col-xs-push-9 {

  left: 75%;

}

.col-xs-push-8 {

  left: 66.66666667%;

}

.col-xs-push-7 {

  left: 58.33333333%;

}

.col-xs-push-6 {

  left: 50%;

}

.col-xs-push-5 {

  left: 41.66666667%;

}

.col-xs-push-4 {

  left: 33.33333333%;

}

.col-xs-push-3 {

  left: 25%;

}

.col-xs-push-2 {

  left: 16.66666667%;

}

.col-xs-push-1 {

  left: 8.33333333%;

}

.col-xs-push-0 {

  left: auto;

}

.col-xs-offset-12 {

  margin-left: 100%;

}

.col-xs-offset-11 {

  margin-left: 91.66666667%;

}

.col-xs-offset-10 {

  margin-left: 83.33333333%;

}

.col-xs-offset-9 {

  margin-left: 75%;

}

.col-xs-offset-8 {

  margin-left: 66.66666667%;

}

.col-xs-offset-7 {

  margin-left: 58.33333333%;

}

.col-xs-offset-6 {

  margin-left: 50%;

}

.col-xs-offset-5 {

  margin-left: 41.66666667%;

}

.col-xs-offset-4 {

  margin-left: 33.33333333%;

}

.col-xs-offset-3 {

  margin-left: 25%;

}

.col-xs-offset-2 {

  margin-left: 16.66666667%;

}

.col-xs-offset-1 {

  margin-left: 8.33333333%;

}

.col-xs-offset-0 {

  margin-left: 0;

}

@media (min-width: 768px) {

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

    float: left;

  }

  .col-sm-12 {

    width: 100%;

  }

  .col-sm-11 {

    width: 91.66666667%;

  }

  .col-sm-10 {

    width: 83.33333333%;

  }

  .col-sm-9 {

    width: 75%;

  }

  .col-sm-8 {

    width: 66.66666667%;

  }

  .col-sm-7 {

    width: 58.33333333%;

  }

  .col-sm-6 {

    width: 50%;

  }

  .col-sm-5 {

    width: 41.66666667%;

  }

  .col-sm-4 {

    width: 33.33333333%;

  }

  .col-sm-3 {

    width: 25%;

  }

  .col-sm-2 {

    width: 16.66666667%;

  }

  .col-sm-1 {

    width: 8.33333333%;

  }

  .col-sm-pull-12 {

    right: 100%;

  }

  .col-sm-pull-11 {

    right: 91.66666667%;

  }

  .col-sm-pull-10 {

    right: 83.33333333%;

  }

  .col-sm-pull-9 {

    right: 75%;

  }

  .col-sm-pull-8 {

    right: 66.66666667%;

  }

  .col-sm-pull-7 {

    right: 58.33333333%;

  }

  .col-sm-pull-6 {

    right: 50%;

  }

  .col-sm-pull-5 {

    right: 41.66666667%;

  }

  .col-sm-pull-4 {

    right: 33.33333333%;

  }

  .col-sm-pull-3 {

    right: 25%;

  }

  .col-sm-pull-2 {

    right: 16.66666667%;

  }

  .col-sm-pull-1 {

    right: 8.33333333%;

  }

  .col-sm-pull-0 {

    right: auto;

  }

  .col-sm-push-12 {

    left: 100%;

  }

  .col-sm-push-11 {

    left: 91.66666667%;

  }

  .col-sm-push-10 {

    left: 83.33333333%;

  }

  .col-sm-push-9 {

    left: 75%;

  }

  .col-sm-push-8 {

    left: 66.66666667%;

  }

  .col-sm-push-7 {

    left: 58.33333333%;

  }

  .col-sm-push-6 {

    left: 50%;

  }

  .col-sm-push-5 {

    left: 41.66666667%;

  }

  .col-sm-push-4 {

    left: 33.33333333%;

  }

  .col-sm-push-3 {

    left: 25%;

  }

  .col-sm-push-2 {

    left: 16.66666667%;

  }

  .col-sm-push-1 {

    left: 8.33333333%;

  }

  .col-sm-push-0 {

    left: auto;

  }

  .col-sm-offset-12 {

    margin-left: 100%;

  }

  .col-sm-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-sm-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-sm-offset-9 {

    margin-left: 75%;

  }

  .col-sm-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-sm-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-sm-offset-6 {

    margin-left: 50%;

  }

  .col-sm-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-sm-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-sm-offset-3 {

    margin-left: 25%;

  }

  .col-sm-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-sm-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-sm-offset-0 {

    margin-left: 0;

  }

}

@media (min-width: 992px) {

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

    float: left;

  }

  .col-md-12 {

    width: 100%;

  }

  .col-md-11 {

    width: 91.66666667%;

  }

  .col-md-10 {

    width: 83.33333333%;

  }

  .col-md-9 {

    width: 75%;

  }

  .col-md-8 {

    width: 66.66666667%;

  }

  .col-md-7 {

    width: 58.33333333%;

  }

  .col-md-6 {

    width: 50%;

  }

  .col-md-5 {

    width: 41.66666667%;

  }

  .col-md-4 {

    width: 33.33333333%;

  }

  .col-md-3 {

    width: 25%;

  }

  .col-md-2 {

    width: 16.66666667%;

  }

  .col-md-1 {

    width: 8.33333333%;

  }

  .col-md-pull-12 {

    right: 100%;

  }

  .col-md-pull-11 {

    right: 91.66666667%;

  }

  .col-md-pull-10 {

    right: 83.33333333%;

  }

  .col-md-pull-9 {

    right: 75%;

  }

  .col-md-pull-8 {

    right: 66.66666667%;

  }

  .col-md-pull-7 {

    right: 58.33333333%;

  }

  .col-md-pull-6 {

    right: 50%;

  }

  .col-md-pull-5 {

    right: 41.66666667%;

  }

  .col-md-pull-4 {

    right: 33.33333333%;

  }

  .col-md-pull-3 {

    right: 25%;

  }

  .col-md-pull-2 {

    right: 16.66666667%;

  }

  .col-md-pull-1 {

    right: 8.33333333%;

  }

  .col-md-pull-0 {

    right: auto;

  }

  .col-md-push-12 {

    left: 100%;

  }

  .col-md-push-11 {

    left: 91.66666667%;

  }

  .col-md-push-10 {

    left: 83.33333333%;

  }

  .col-md-push-9 {

    left: 75%;

  }

  .col-md-push-8 {

    left: 66.66666667%;

  }

  .col-md-push-7 {

    left: 58.33333333%;

  }

  .col-md-push-6 {

    left: 50%;

  }

  .col-md-push-5 {

    left: 41.66666667%;

  }

  .col-md-push-4 {

    left: 33.33333333%;

  }

  .col-md-push-3 {

    left: 25%;

  }

  .col-md-push-2 {

    left: 16.66666667%;

  }

  .col-md-push-1 {

    left: 8.33333333%;

  }

  .col-md-push-0 {

    left: auto;

  }

  .col-md-offset-12 {

    margin-left: 100%;

  }

  .col-md-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-md-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-md-offset-9 {

    margin-left: 75%;

  }

  .col-md-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-md-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-md-offset-6 {

    margin-left: 50%;

  }

  .col-md-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-md-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-md-offset-3 {

    margin-left: 25%;

  }

  .col-md-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-md-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-md-offset-0 {

    margin-left: 0;

  }

}

@media (min-width: 1200px) {

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

    float: left;

  }

  .col-lg-12 {

    width: 100%;

  }

  .col-lg-11 {

    width: 91.66666667%;

  }

  .col-lg-10 {

    width: 83.33333333%;

  }

  .col-lg-9 {

    width: 75%;

  }

  .col-lg-8 {

    width: 66.66666667%;

  }

  .col-lg-7 {

    width: 58.33333333%;

  }

  .col-lg-6 {

    width: 50%;

  }

  .col-lg-5 {

    width: 41.66666667%;

  }

  .col-lg-4 {

    width: 33.33333333%;

  }

  .col-lg-3 {

    width: 25%;

  }

  .col-lg-2 {

    width: 16.66666667%;

  }

  .col-lg-1 {

    width: 8.33333333%;

  }

  .col-lg-pull-12 {

    right: 100%;

  }

  .col-lg-pull-11 {

    right: 91.66666667%;

  }

  .col-lg-pull-10 {

    right: 83.33333333%;

  }

  .col-lg-pull-9 {

    right: 75%;

  }

  .col-lg-pull-8 {

    right: 66.66666667%;

  }

  .col-lg-pull-7 {

    right: 58.33333333%;

  }

  .col-lg-pull-6 {

    right: 50%;

  }

  .col-lg-pull-5 {

    right: 41.66666667%;

  }

  .col-lg-pull-4 {

    right: 33.33333333%;

  }

  .col-lg-pull-3 {

    right: 25%;

  }

  .col-lg-pull-2 {

    right: 16.66666667%;

  }

  .col-lg-pull-1 {

    right: 8.33333333%;

  }

  .col-lg-pull-0 {

    right: auto;

  }

  .col-lg-push-12 {

    left: 100%;

  }

  .col-lg-push-11 {

    left: 91.66666667%;

  }

  .col-lg-push-10 {

    left: 83.33333333%;

  }

  .col-lg-push-9 {

    left: 75%;

  }

  .col-lg-push-8 {

    left: 66.66666667%;

  }

  .col-lg-push-7 {

    left: 58.33333333%;

  }

  .col-lg-push-6 {

    left: 50%;

  }

  .col-lg-push-5 {

    left: 41.66666667%;

  }

  .col-lg-push-4 {

    left: 33.33333333%;

  }

  .col-lg-push-3 {

    left: 25%;

  }

  .col-lg-push-2 {

    left: 16.66666667%;

  }

  .col-lg-push-1 {

    left: 8.33333333%;

  }

  .col-lg-push-0 {

    left: auto;

  }

  .col-lg-offset-12 {

    margin-left: 100%;

  }

  .col-lg-offset-11 {

    margin-left: 91.66666667%;

  }

  .col-lg-offset-10 {

    margin-left: 83.33333333%;

  }

  .col-lg-offset-9 {

    margin-left: 75%;

  }

  .col-lg-offset-8 {

    margin-left: 66.66666667%;

  }

  .col-lg-offset-7 {

    margin-left: 58.33333333%;

  }

  .col-lg-offset-6 {

    margin-left: 50%;

  }

  .col-lg-offset-5 {

    margin-left: 41.66666667%;

  }

  .col-lg-offset-4 {

    margin-left: 33.33333333%;

  }

  .col-lg-offset-3 {

    margin-left: 25%;

  }

  .col-lg-offset-2 {

    margin-left: 16.66666667%;

  }

  .col-lg-offset-1 {

    margin-left: 8.33333333%;

  }

  .col-lg-offset-0 {

    margin-left: 0;

  }

}

table {

  background-color: transparent;

}

caption {

  padding-top: 8px;

  padding-bottom: 8px;

  color: #777;

  text-align: left;

}

th {

  text-align: left;

}

.table {

  width: 100%;

  max-width: 100%;

  margin-bottom: 20px;

}

.table > thead > tr > th,

.table > tbody > tr > th,

.table > tfoot > tr > th,

.table > thead > tr > td,

.table > tbody > tr > td,

.table > tfoot > tr > td {

  padding: 8px;

  line-height: 1.42857143;

  vertical-align: top;

  border-top: 1px solid #ddd;

}

.table > thead > tr > th {

  vertical-align: bottom;

  border-bottom: 2px solid #ddd;

}

.table > caption + thead > tr:first-child > th,

.table > colgroup + thead > tr:first-child > th,

.table > thead:first-child > tr:first-child > th,

.table > caption + thead > tr:first-child > td,

.table > colgroup + thead > tr:first-child > td,

.table > thead:first-child > tr:first-child > td {

  border-top: 0;

}

.table > tbody + tbody {

  border-top: 2px solid #ddd;

}

.table .table {

  background-color: #fff;

}

.table-condensed > thead > tr > th,

.table-condensed > tbody > tr > th,

.table-condensed > tfoot > tr > th,

.table-condensed > thead > tr > td,

.table-condensed > tbody > tr > td,

.table-condensed > tfoot > tr > td {

  padding: 5px;

}

.table-bordered {

  border: 1px solid #ddd;

}

.table-bordered > thead > tr > th,

.table-bordered > tbody > tr > th,

.table-bordered > tfoot > tr > th,

.table-bordered > thead > tr > td,

.table-bordered > tbody > tr > td,

.table-bordered > tfoot > tr > td {

  border: 1px solid #ddd;

}

.table-bordered > thead > tr > th,

.table-bordered > thead > tr > td {

  border-bottom-width: 2px;

}

.table-striped > tbody > tr:nth-of-type(odd) {

  background-color: #f9f9f9;

}

.table-hover > tbody > tr:hover {

  background-color: #f5f5f5;

}

table col[class*="col-"] {

  position: static;

  display: table-column;

  float: none;

}

table td[class*="col-"],

table th[class*="col-"] {

  position: static;

  display: table-cell;

  float: none;

}

.table > thead > tr > td.active,

.table > tbody > tr > td.active,

.table > tfoot > tr > td.active,

.table > thead > tr > th.active,

.table > tbody > tr > th.active,

.table > tfoot > tr > th.active,

.table > thead > tr.active > td,

.table > tbody > tr.active > td,

.table > tfoot > tr.active > td,

.table > thead > tr.active > th,

.table > tbody > tr.active > th,

.table > tfoot > tr.active > th {

  background-color: #f5f5f5;

}

.table-hover > tbody > tr > td.active:hover,

.table-hover > tbody > tr > th.active:hover,

.table-hover > tbody > tr.active:hover > td,

.table-hover > tbody > tr:hover > .active,

.table-hover > tbody > tr.active:hover > th {

  background-color: #e8e8e8;

}

.table > thead > tr > td.success,

.table > tbody > tr > td.success,

.table > tfoot > tr > td.success,

.table > thead > tr > th.success,

.table > tbody > tr > th.success,

.table > tfoot > tr > th.success,

.table > thead > tr.success > td,

.table > tbody > tr.success > td,

.table > tfoot > tr.success > td,

.table > thead > tr.success > th,

.table > tbody > tr.success > th,

.table > tfoot > tr.success > th {

  background-color: #dff0d8;

}

.table-hover > tbody > tr > td.success:hover,

.table-hover > tbody > tr > th.success:hover,

.table-hover > tbody > tr.success:hover > td,

.table-hover > tbody > tr:hover > .success,

.table-hover > tbody > tr.success:hover > th {

  background-color: #d0e9c6;

}

.table > thead > tr > td.info,

.table > tbody > tr > td.info,

.table > tfoot > tr > td.info,

.table > thead > tr > th.info,

.table > tbody > tr > th.info,

.table > tfoot > tr > th.info,

.table > thead > tr.info > td,

.table > tbody > tr.info > td,

.table > tfoot > tr.info > td,

.table > thead > tr.info > th,

.table > tbody > tr.info > th,

.table > tfoot > tr.info > th {

  background-color: #d9edf7;

}

.table-hover > tbody > tr > td.info:hover,

.table-hover > tbody > tr > th.info:hover,

.table-hover > tbody > tr.info:hover > td,

.table-hover > tbody > tr:hover > .info,

.table-hover > tbody > tr.info:hover > th {

  background-color: #c4e3f3;

}

.table > thead > tr > td.warning,

.table > tbody > tr > td.warning,

.table > tfoot > tr > td.warning,

.table > thead > tr > th.warning,

.table > tbody > tr > th.warning,

.table > tfoot > tr > th.warning,

.table > thead > tr.warning > td,

.table > tbody > tr.warning > td,

.table > tfoot > tr.warning > td,

.table > thead > tr.warning > th,

.table > tbody > tr.warning > th,

.table > tfoot > tr.warning > th {

  background-color: #fcf8e3;

}

.table-hover > tbody > tr > td.warning:hover,

.table-hover > tbody > tr > th.warning:hover,

.table-hover > tbody > tr.warning:hover > td,

.table-hover > tbody > tr:hover > .warning,

.table-hover > tbody > tr.warning:hover > th {

  background-color: #faf2cc;

}

.table > thead > tr > td.danger,

.table > tbody > tr > td.danger,

.table > tfoot > tr > td.danger,

.table > thead > tr > th.danger,

.table > tbody > tr > th.danger,

.table > tfoot > tr > th.danger,

.table > thead > tr.danger > td,

.table > tbody > tr.danger > td,

.table > tfoot > tr.danger > td,

.table > thead > tr.danger > th,

.table > tbody > tr.danger > th,

.table > tfoot > tr.danger > th {

  background-color: #f2dede;

}

.table-hover > tbody > tr > td.danger:hover,

.table-hover > tbody > tr > th.danger:hover,

.table-hover > tbody > tr.danger:hover > td,

.table-hover > tbody > tr:hover > .danger,

.table-hover > tbody > tr.danger:hover > th {

  background-color: #ebcccc;

}

.table-responsive {

  min-height: .01%;

  overflow-x: auto;

}

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

  .table-responsive {

    width: 100%;

    margin-bottom: 15px;

    overflow-y: hidden;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    border: 1px solid #ddd;

  }

  .table-responsive > .table {

    margin-bottom: 0;

  }

  .table-responsive > .table > thead > tr > th,

  .table-responsive > .table > tbody > tr > th,

  .table-responsive > .table > tfoot > tr > th,

  .table-responsive > .table > thead > tr > td,

  .table-responsive > .table > tbody > tr > td,

  .table-responsive > .table > tfoot > tr > td {

    white-space: nowrap;

  }

  .table-responsive > .table-bordered {

    border: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,

  .table-responsive > .table-bordered > tbody > tr > th:first-child,

  .table-responsive > .table-bordered > tfoot > tr > th:first-child,

  .table-responsive > .table-bordered > thead > tr > td:first-child,

  .table-responsive > .table-bordered > tbody > tr > td:first-child,

  .table-responsive > .table-bordered > tfoot > tr > td:first-child {

    border-left: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,

  .table-responsive > .table-bordered > tbody > tr > th:last-child,

  .table-responsive > .table-bordered > tfoot > tr > th:last-child,

  .table-responsive > .table-bordered > thead > tr > td:last-child,

  .table-responsive > .table-bordered > tbody > tr > td:last-child,

  .table-responsive > .table-bordered > tfoot > tr > td:last-child {

    border-right: 0;

  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,

  .table-responsive > .table-bordered > tfoot > tr:last-child > th,

  .table-responsive > .table-bordered > tbody > tr:last-child > td,

  .table-responsive > .table-bordered > tfoot > tr:last-child > td {

    border-bottom: 0;

  }

}

fieldset {

  min-width: 0;

  padding: 0;

  margin: 0;

  border: 0;

}

legend {

  display: block;

  width: 100%;

  padding: 0;

  margin-bottom: 20px;

  font-size: 21px;

  line-height: inherit;

  color: #333;

  border: 0;

  border-bottom: 1px solid #e5e5e5;

}

label {

  display: inline-block;

  max-width: 100%;

  margin-bottom: 5px;

  font-weight: bold;

}

input[type="search"] {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

input[type="radio"],

input[type="checkbox"] {

  margin: 4px 0 0;

  margin-top: 1px \9;

  line-height: normal;

}

input[type="file"] {

  display: block;

}

input[type="range"] {

  display: block;

  width: 100%;

}

select[multiple],

select[size] {

  height: auto;

}

input[type="file"]:focus,

input[type="radio"]:focus,

input[type="checkbox"]:focus {

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

output {

  display: block;

  padding-top: 7px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

}

.form-control {

  display: block;

  width: 100%;

  height: 34px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.form-control:focus {

  border-color: #66afe9;

  outline: 0;

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

}

.form-control::-moz-placeholder {

  color: #999;

  opacity: 1;

}

.form-control:-ms-input-placeholder {

  color: #999;

}

.form-control::-webkit-input-placeholder {

  color: #999;

}

.form-control::-ms-expand {

  background-color: transparent;

  border: 0;

}

.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

  background-color: #eee;

  opacity: 1;

}

.form-control[disabled],

fieldset[disabled] .form-control {

  cursor: not-allowed;

}

textarea.form-control {

  height: auto;

}

input[type="search"] {

  -webkit-appearance: none;

}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  input[type="date"].form-control,

  input[type="time"].form-control,

  input[type="datetime-local"].form-control,

  input[type="month"].form-control {

    line-height: 34px;

  }

  input[type="date"].input-sm,

  input[type="time"].input-sm,

  input[type="datetime-local"].input-sm,

  input[type="month"].input-sm,

  .input-group-sm input[type="date"],

  .input-group-sm input[type="time"],

  .input-group-sm input[type="datetime-local"],

  .input-group-sm input[type="month"] {

    line-height: 30px;

  }

  input[type="date"].input-lg,

  input[type="time"].input-lg,

  input[type="datetime-local"].input-lg,

  input[type="month"].input-lg,

  .input-group-lg input[type="date"],

  .input-group-lg input[type="time"],

  .input-group-lg input[type="datetime-local"],

  .input-group-lg input[type="month"] {

    line-height: 46px;

  }

}

.form-group {

  margin-bottom: 15px;

}

.radio,

.checkbox {

  position: relative;

  display: block;

  margin-top: 10px;

  margin-bottom: 10px;

}

.radio label,

.checkbox label {

  min-height: 20px;

  padding-left: 20px;

  margin-bottom: 0;

  font-weight: normal;

  cursor: pointer;

}

.radio input[type="radio"],

.radio-inline input[type="radio"],

.checkbox input[type="checkbox"],

.checkbox-inline input[type="checkbox"] {

  position: absolute;

  margin-top: 4px \9;

  margin-left: -20px;

}

.radio + .radio,

.checkbox + .checkbox {

  margin-top: -5px;

}

.radio-inline,

.checkbox-inline {

  position: relative;

  display: inline-block;

  padding-left: 20px;

  margin-bottom: 0;

  font-weight: normal;

  vertical-align: middle;

  cursor: pointer;

}

.radio-inline + .radio-inline,

.checkbox-inline + .checkbox-inline {

  margin-top: 0;

  margin-left: 10px;

}

input[type="radio"][disabled],

input[type="checkbox"][disabled],

input[type="radio"].disabled,

input[type="checkbox"].disabled,

fieldset[disabled] input[type="radio"],

fieldset[disabled] input[type="checkbox"] {

  cursor: not-allowed;

}

.radio-inline.disabled,

.checkbox-inline.disabled,

fieldset[disabled] .radio-inline,

fieldset[disabled] .checkbox-inline {

  cursor: not-allowed;

}

.radio.disabled label,

.checkbox.disabled label,

fieldset[disabled] .radio label,

fieldset[disabled] .checkbox label {

  cursor: not-allowed;

}

.form-control-static {

  min-height: 34px;

  padding-top: 7px;

  padding-bottom: 7px;

  margin-bottom: 0;

}

.form-control-static.input-lg,

.form-control-static.input-sm {

  padding-right: 0;

  padding-left: 0;

}

.input-sm {

  height: 30px;

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

select.input-sm {

  height: 30px;

  line-height: 30px;

}

textarea.input-sm,

select[multiple].input-sm {

  height: auto;

}

.form-group-sm .form-control {

  height: 30px;

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

.form-group-sm select.form-control {

  height: 30px;

  line-height: 30px;

}

.form-group-sm textarea.form-control,

.form-group-sm select[multiple].form-control {

  height: auto;

}

.form-group-sm .form-control-static {

  height: 30px;

  min-height: 32px;

  padding: 6px 10px;

  font-size: 12px;

  line-height: 1.5;

}

.input-lg {

  height: 46px;

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

  border-radius: 6px;

}

select.input-lg {

  height: 46px;

  line-height: 46px;

}

textarea.input-lg,

select[multiple].input-lg {

  height: auto;

}

.form-group-lg .form-control {

  height: 46px;

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

  border-radius: 6px;

}

.form-group-lg select.form-control {

  height: 46px;

  line-height: 46px;

}

.form-group-lg textarea.form-control,

.form-group-lg select[multiple].form-control {

  height: auto;

}

.form-group-lg .form-control-static {

  height: 46px;

  min-height: 38px;

  padding: 11px 16px;

  font-size: 18px;

  line-height: 1.3333333;

}

.has-feedback {

  position: relative;

}

.has-feedback .form-control {

  padding-right: 42.5px;

}

.form-control-feedback {

  position: absolute;

  top: 0;

  right: 0;

  z-index: 2;

  display: block;

  width: 34px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  pointer-events: none;

}

.input-lg + .form-control-feedback,

.input-group-lg + .form-control-feedback,

.form-group-lg .form-control + .form-control-feedback {

  width: 46px;

  height: 46px;

  line-height: 46px;

}

.input-sm + .form-control-feedback,

.input-group-sm + .form-control-feedback,

.form-group-sm .form-control + .form-control-feedback {

  width: 30px;

  height: 30px;

  line-height: 30px;

}

.has-success .help-block,

.has-success .control-label,

.has-success .radio,

.has-success .checkbox,

.has-success .radio-inline,

.has-success .checkbox-inline,

.has-success.radio label,

.has-success.checkbox label,

.has-success.radio-inline label,

.has-success.checkbox-inline label {

  color: #3c763d;

}

.has-success .form-control {

  border-color: #3c763d;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}

.has-success .form-control:focus {

  border-color: #2b542c;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;

}

.has-success .input-group-addon {

  color: #3c763d;

  background-color: #dff0d8;

  border-color: #3c763d;

}

.has-success .form-control-feedback {

  color: #3c763d;

}

.has-warning .help-block,

.has-warning .control-label,

.has-warning .radio,

.has-warning .checkbox,

.has-warning .radio-inline,

.has-warning .checkbox-inline,

.has-warning.radio label,

.has-warning.checkbox label,

.has-warning.radio-inline label,

.has-warning.checkbox-inline label {

  color: #8a6d3b;

}

.has-warning .form-control {

  border-color: #8a6d3b;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}

.has-warning .form-control:focus {

  border-color: #66512c;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;

}

.has-warning .input-group-addon {

  color: #8a6d3b;

  background-color: #fcf8e3;

  border-color: #8a6d3b;

}

.has-warning .form-control-feedback {

  color: #8a6d3b;

}

.has-error .help-block,

.has-error .control-label,

.has-error .radio,

.has-error .checkbox,

.has-error .radio-inline,

.has-error .checkbox-inline,

.has-error.radio label,

.has-error.checkbox label,

.has-error.radio-inline label,

.has-error.checkbox-inline label {

  color: #a94442;

}

.has-error .form-control {

  border-color: #a94442;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}

.has-error .form-control:focus {

  border-color: #843534;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;

}

.has-error .input-group-addon {

  color: #a94442;

  background-color: #f2dede;

  border-color: #a94442;

}

.has-error .form-control-feedback {

  color: #a94442;

}

.has-feedback label ~ .form-control-feedback {

  top: 25px;

}

.has-feedback label.sr-only ~ .form-control-feedback {

  top: 0;

}

.help-block {

  display: block;

  margin-top: 5px;

  margin-bottom: 10px;

  color: #737373;

}

@media (min-width: 768px) {

  .form-inline .form-group {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .form-control {

    display: inline-block;

    width: auto;

    vertical-align: middle;

  }

  .form-inline .form-control-static {

    display: inline-block;

  }

  .form-inline .input-group {

    display: inline-table;

    vertical-align: middle;

  }

  .form-inline .input-group .input-group-addon,

  .form-inline .input-group .input-group-btn,

  .form-inline .input-group .form-control {

    width: auto;

  }

  .form-inline .input-group > .form-control {

    width: 100%;

  }

  .form-inline .control-label {

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .radio,

  .form-inline .checkbox {

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .form-inline .radio label,

  .form-inline .checkbox label {

    padding-left: 0;

  }

  .form-inline .radio input[type="radio"],

  .form-inline .checkbox input[type="checkbox"] {

    position: relative;

    margin-left: 0;

  }

  .form-inline .has-feedback .form-control-feedback {

    top: 0;

  }

}

.form-horizontal .radio,

.form-horizontal .checkbox,

.form-horizontal .radio-inline,

.form-horizontal .checkbox-inline {

  padding-top: 7px;

  margin-top: 0;

  margin-bottom: 0;

}

.form-horizontal .radio,

.form-horizontal .checkbox {

  min-height: 27px;

}

.form-horizontal .form-group {

  margin-right: -15px;

  margin-left: -15px;

}

@media (min-width: 768px) {

  .form-horizontal .control-label {

    padding-top: 7px;

    margin-bottom: 0;

    text-align: right;

  }

}

.form-horizontal .has-feedback .form-control-feedback {

  right: 15px;

}

@media (min-width: 768px) {

  .form-horizontal .form-group-lg .control-label {

    padding-top: 11px;

    font-size: 18px;

  }

}

@media (min-width: 768px) {

  .form-horizontal .form-group-sm .control-label {

    padding-top: 6px;

    font-size: 12px;

  }

}

.btn {

  display: inline-block;

  padding: 6px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 1.42857143;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

      touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;

}

.btn:hover,

.btn:focus,

.btn.focus {

  color: #333;

  text-decoration: none;

}

.btn:active,

.btn.active {

  background-image: none;

  outline: 0;

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}

.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

  cursor: not-allowed;

  filter: alpha(opacity=65);

  -webkit-box-shadow: none;

          box-shadow: none;

  opacity: .65;

}

a.btn.disabled,

fieldset[disabled] a.btn {

  pointer-events: none;

}

.btn-default {

  color: #333;

  background-color: #fff;

  border-color: #ccc;

}

.btn-default:focus,

.btn-default.focus {

  color: #333;

  background-color: #e6e6e6;

  border-color: #8c8c8c;

}

.btn-default:hover {

  color: #333;

  background-color: #e6e6e6;

  border-color: #adadad;

}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  color: #333;

  background-color: #e6e6e6;

  border-color: #adadad;

}

.btn-default:active:hover,

.btn-default.active:hover,

.open > .dropdown-toggle.btn-default:hover,

.btn-default:active:focus,

.btn-default.active:focus,

.open > .dropdown-toggle.btn-default:focus,

.btn-default:active.focus,

.btn-default.active.focus,

.open > .dropdown-toggle.btn-default.focus {

  color: #333;

  background-color: #d4d4d4;

  border-color: #8c8c8c;

}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  background-image: none;

}

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

fieldset[disabled] .btn-default.focus {

  background-color: #fff;

  border-color: #ccc;

}

.btn-default .badge {

  color: #fff;

  background-color: #333;

}

.btn-primary {

  color: #fff;

  background-color: #337ab7;

  border-color: #2e6da4;

}

.btn-primary:focus,

.btn-primary.focus {

  color: #fff;

  background-color: #286090;

  border-color: #122b40;

}

.btn-primary:hover {

  color: #fff;

  background-color: #286090;

  border-color: #204d74;

}

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  color: #fff;

  background-color: #286090;

  border-color: #204d74;

}

.btn-primary:active:hover,

.btn-primary.active:hover,

.open > .dropdown-toggle.btn-primary:hover,

.btn-primary:active:focus,

.btn-primary.active:focus,

.open > .dropdown-toggle.btn-primary:focus,

.btn-primary:active.focus,

.btn-primary.active.focus,

.open > .dropdown-toggle.btn-primary.focus {

  color: #fff;

  background-color: #204d74;

  border-color: #122b40;

}

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  background-image: none;

}

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus {

  background-color: #337ab7;

  border-color: #2e6da4;

}

.btn-primary .badge {

  color: #337ab7;

  background-color: #fff;

}

.btn-success {

  color: #fff;

  background-color: #5cb85c;

  border-color: #4cae4c;

}

.btn-success:focus,

.btn-success.focus {

  color: #fff;

  background-color: #449d44;

  border-color: #255625;

}

.btn-success:hover {

  color: #fff;

  background-color: #449d44;

  border-color: #398439;

}

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  color: #fff;

  background-color: #449d44;

  border-color: #398439;

}

.btn-success:active:hover,

.btn-success.active:hover,

.open > .dropdown-toggle.btn-success:hover,

.btn-success:active:focus,

.btn-success.active:focus,

.open > .dropdown-toggle.btn-success:focus,

.btn-success:active.focus,

.btn-success.active.focus,

.open > .dropdown-toggle.btn-success.focus {

  color: #fff;

  background-color: #398439;

  border-color: #255625;

}

.btn-success:active,

.btn-success.active,

.open > .dropdown-toggle.btn-success {

  background-image: none;

}

.btn-success.disabled:hover,

.btn-success[disabled]:hover,

fieldset[disabled] .btn-success:hover,

.btn-success.disabled:focus,

.btn-success[disabled]:focus,

fieldset[disabled] .btn-success:focus,

.btn-success.disabled.focus,

.btn-success[disabled].focus,

fieldset[disabled] .btn-success.focus {

  background-color: #5cb85c;

  border-color: #4cae4c;

}

.btn-success .badge {

  color: #5cb85c;

  background-color: #fff;

}

.btn-info {

  color: #fff;

  background-color: #5bc0de;

  border-color: #46b8da;

}

.btn-info:focus,

.btn-info.focus {

  color: #fff;

  background-color: #31b0d5;

  border-color: #1b6d85;

}

.btn-info:hover {

  color: #fff;

  background-color: #31b0d5;

  border-color: #269abc;

}

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  color: #fff;

  background-color: #31b0d5;

  border-color: #269abc;

}

.btn-info:active:hover,

.btn-info.active:hover,

.open > .dropdown-toggle.btn-info:hover,

.btn-info:active:focus,

.btn-info.active:focus,

.open > .dropdown-toggle.btn-info:focus,

.btn-info:active.focus,

.btn-info.active.focus,

.open > .dropdown-toggle.btn-info.focus {

  color: #fff;

  background-color: #269abc;

  border-color: #1b6d85;

}

.btn-info:active,

.btn-info.active,

.open > .dropdown-toggle.btn-info {

  background-image: none;

}

.btn-info.disabled:hover,

.btn-info[disabled]:hover,

fieldset[disabled] .btn-info:hover,

.btn-info.disabled:focus,

.btn-info[disabled]:focus,

fieldset[disabled] .btn-info:focus,

.btn-info.disabled.focus,

.btn-info[disabled].focus,

fieldset[disabled] .btn-info.focus {

  background-color: #5bc0de;

  border-color: #46b8da;

}

.btn-info .badge {

  color: #5bc0de;

  background-color: #fff;

}

.btn-warning {

  color: #fff;

  background-color: #f0ad4e;

  border-color: #eea236;

}

.btn-warning:focus,

.btn-warning.focus {

  color: #fff;

  background-color: #ec971f;

  border-color: #985f0d;

}

.btn-warning:hover {

  color: #fff;

  background-color: #ec971f;

  border-color: #d58512;

}

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  color: #fff;

  background-color: #ec971f;

  border-color: #d58512;

}

.btn-warning:active:hover,

.btn-warning.active:hover,

.open > .dropdown-toggle.btn-warning:hover,

.btn-warning:active:focus,

.btn-warning.active:focus,

.open > .dropdown-toggle.btn-warning:focus,

.btn-warning:active.focus,

.btn-warning.active.focus,

.open > .dropdown-toggle.btn-warning.focus {

  color: #fff;

  background-color: #d58512;

  border-color: #985f0d;

}

.btn-warning:active,

.btn-warning.active,

.open > .dropdown-toggle.btn-warning {

  background-image: none;

}

.btn-warning.disabled:hover,

.btn-warning[disabled]:hover,

fieldset[disabled] .btn-warning:hover,

.btn-warning.disabled:focus,

.btn-warning[disabled]:focus,

fieldset[disabled] .btn-warning:focus,

.btn-warning.disabled.focus,

.btn-warning[disabled].focus,

fieldset[disabled] .btn-warning.focus {

  background-color: #f0ad4e;

  border-color: #eea236;

}

.btn-warning .badge {

  color: #f0ad4e;

  background-color: #fff;

}

.btn-danger {

  color: #fff;

  background-color: #d9534f;

  border-color: #d43f3a;

}

.btn-danger:focus,

.btn-danger.focus {

  color: #fff;

  background-color: #c9302c;

  border-color: #761c19;

}

.btn-danger:hover {

  color: #fff;

  background-color: #c9302c;

  border-color: #ac2925;

}

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  color: #fff;

  background-color: #c9302c;

  border-color: #ac2925;

}

.btn-danger:active:hover,

.btn-danger.active:hover,

.open > .dropdown-toggle.btn-danger:hover,

.btn-danger:active:focus,

.btn-danger.active:focus,

.open > .dropdown-toggle.btn-danger:focus,

.btn-danger:active.focus,

.btn-danger.active.focus,

.open > .dropdown-toggle.btn-danger.focus {

  color: #fff;

  background-color: #ac2925;

  border-color: #761c19;

}

.btn-danger:active,

.btn-danger.active,

.open > .dropdown-toggle.btn-danger {

  background-image: none;

}

.btn-danger.disabled:hover,

.btn-danger[disabled]:hover,

fieldset[disabled] .btn-danger:hover,

.btn-danger.disabled:focus,

.btn-danger[disabled]:focus,

fieldset[disabled] .btn-danger:focus,

.btn-danger.disabled.focus,

.btn-danger[disabled].focus,

fieldset[disabled] .btn-danger.focus {

  background-color: #d9534f;

  border-color: #d43f3a;

}

.btn-danger .badge {

  color: #d9534f;

  background-color: #fff;

}

.btn-link {

  font-weight: normal;

  color: #337ab7;

  border-radius: 0;

}

.btn-link,

.btn-link:active,

.btn-link.active,

.btn-link[disabled],

fieldset[disabled] .btn-link {

  background-color: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.btn-link,

.btn-link:hover,

.btn-link:focus,

.btn-link:active {

  border-color: transparent;

}

.btn-link:hover,

.btn-link:focus {

  color: #23527c;

  text-decoration: underline;

  background-color: transparent;

}

.btn-link[disabled]:hover,

fieldset[disabled] .btn-link:hover,

.btn-link[disabled]:focus,

fieldset[disabled] .btn-link:focus {

  color: #777;

  text-decoration: none;

}

.btn-lg,

.btn-group-lg > .btn {

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

  border-radius: 6px;

}

.btn-sm,

.btn-group-sm > .btn {

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

.btn-xs,

.btn-group-xs > .btn {

  padding: 1px 5px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

.btn-block {

  display: block;

  width: 100%;

}

.btn-block + .btn-block {

  margin-top: 5px;

}

input[type="submit"].btn-block,

input[type="reset"].btn-block,

input[type="button"].btn-block {

  width: 100%;

}

.fade {

  opacity: 0;

  -webkit-transition: opacity .15s linear;

       -o-transition: opacity .15s linear;

          transition: opacity .15s linear;

}

.fade.in {

  opacity: 1;

}

.collapse {

  display: none;

}

.collapse.in {

  display: block;

}

tr.collapse.in {

  display: table-row;

}

tbody.collapse.in {

  display: table-row-group;

}

.collapsing {

  position: relative;

  height: 0;

  overflow: hidden;

  -webkit-transition-timing-function: ease;

       -o-transition-timing-function: ease;

          transition-timing-function: ease;

  -webkit-transition-duration: .35s;

       -o-transition-duration: .35s;

          transition-duration: .35s;

  -webkit-transition-property: height, visibility;

       -o-transition-property: height, visibility;

          transition-property: height, visibility;

}

.caret {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: 2px;

  vertical-align: middle;

  border-top: 4px dashed;

  border-top: 4px solid \9;

  border-right: 4px solid transparent;

  border-left: 4px solid transparent;

}

.dropup,

.dropdown {

  position: relative;

}

.dropdown-toggle:focus {

  outline: 0;

}

.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  min-width: 160px;

  padding: 5px 0;

  margin: 2px 0 0;

  font-size: 14px;

  text-align: left;

  list-style: none;

  background-color: #fff;

  -webkit-background-clip: padding-box;

          background-clip: padding-box;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, .15);

  border-radius: 4px;

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}

.dropdown-menu.pull-right {

  right: 0;

  left: auto;

}

.dropdown-menu .divider {

  height: 1px;

  margin: 9px 0;

  overflow: hidden;

  background-color: #e5e5e5;

}

.dropdown-menu > li > a {

  display: block;

  padding: 3px 20px;

  clear: both;

  font-weight: normal;

  line-height: 1.42857143;

  color: #333;

  white-space: nowrap;

}

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

  color: #262626;

  text-decoration: none;

  background-color: #f5f5f5;

}

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus {

  color: #fff;

  text-decoration: none;

  background-color: #337ab7;

  outline: 0;

}

.dropdown-menu > .disabled > a,

.dropdown-menu > .disabled > a:hover,

.dropdown-menu > .disabled > a:focus {

  color: #777;

}

.dropdown-menu > .disabled > a:hover,

.dropdown-menu > .disabled > a:focus {

  text-decoration: none;

  cursor: not-allowed;

  background-color: transparent;

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

}

.open > .dropdown-menu {

  display: block;

}

.open > a {

  outline: 0;

}

.dropdown-menu-right {

  right: 0;

  left: auto;

}

.dropdown-menu-left {

  right: auto;

  left: 0;

}

.dropdown-header {

  display: block;

  padding: 3px 20px;

  font-size: 12px;

  line-height: 1.42857143;

  color: #777;

  white-space: nowrap;

}

.dropdown-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 990;

}

.pull-right > .dropdown-menu {

  right: 0;

  left: auto;

}

.dropup .caret,

.navbar-fixed-bottom .dropdown .caret {

  content: "";

  border-top: 0;

  border-bottom: 4px dashed;

  border-bottom: 4px solid \9;

}

.dropup .dropdown-menu,

.navbar-fixed-bottom .dropdown .dropdown-menu {

  top: auto;

  bottom: 100%;

  margin-bottom: 2px;

}

@media (min-width: 768px) {

  .navbar-right .dropdown-menu {

    right: 0;

    left: auto;

  }

  .navbar-right .dropdown-menu-left {

    right: auto;

    left: 0;

  }

}

.btn-group,

.btn-group-vertical {

  position: relative;

  display: inline-block;

  vertical-align: middle;

}

.btn-group > .btn,

.btn-group-vertical > .btn {

  position: relative;

  float: left;

}

.btn-group > .btn:hover,

.btn-group-vertical > .btn:hover,

.btn-group > .btn:focus,

.btn-group-vertical > .btn:focus,

.btn-group > .btn:active,

.btn-group-vertical > .btn:active,

.btn-group > .btn.active,

.btn-group-vertical > .btn.active {

  z-index: 2;

}

.btn-group .btn + .btn,

.btn-group .btn + .btn-group,

.btn-group .btn-group + .btn,

.btn-group .btn-group + .btn-group {

  margin-left: -1px;

}

.btn-toolbar {

  margin-left: -5px;

}

.btn-toolbar .btn,

.btn-toolbar .btn-group,

.btn-toolbar .input-group {

  float: left;

}

.btn-toolbar > .btn,

.btn-toolbar > .btn-group,

.btn-toolbar > .input-group {

  margin-left: 5px;

}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

  border-radius: 0;

}

.btn-group > .btn:first-child {

  margin-left: 0;

}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.btn-group > .btn:last-child:not(:first-child),

.btn-group > .dropdown-toggle:not(:first-child) {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.btn-group > .btn-group {

  float: left;

}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {

  border-radius: 0;

}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,

.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.btn-group .dropdown-toggle:active,

.btn-group.open .dropdown-toggle {

  outline: 0;

}

.btn-group > .btn + .dropdown-toggle {

  padding-right: 8px;

  padding-left: 8px;

}

.btn-group > .btn-lg + .dropdown-toggle {

  padding-right: 12px;

  padding-left: 12px;

}

.btn-group.open .dropdown-toggle {

  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}

.btn-group.open .dropdown-toggle.btn-link {

  -webkit-box-shadow: none;

          box-shadow: none;

}

.btn .caret {

  margin-left: 0;

}

.btn-lg .caret {

  border-width: 5px 5px 0;

  border-bottom-width: 0;

}

.dropup .btn-lg .caret {

  border-width: 0 5px 5px;

}

.btn-group-vertical > .btn,

.btn-group-vertical > .btn-group,

.btn-group-vertical > .btn-group > .btn {

  display: block;

  float: none;

  width: 100%;

  max-width: 100%;

}

.btn-group-vertical > .btn-group > .btn {

  float: none;

}

.btn-group-vertical > .btn + .btn,

.btn-group-vertical > .btn + .btn-group,

.btn-group-vertical > .btn-group + .btn,

.btn-group-vertical > .btn-group + .btn-group {

  margin-top: -1px;

  margin-left: 0;

}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {

  border-radius: 0;

}

.btn-group-vertical > .btn:first-child:not(:last-child) {

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.btn-group-vertical > .btn:last-child:not(:first-child) {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px;

}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {

  border-radius: 0;

}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.btn-group-justified {

  display: table;

  width: 100%;

  table-layout: fixed;

  border-collapse: separate;

}

.btn-group-justified > .btn,

.btn-group-justified > .btn-group {

  display: table-cell;

  float: none;

  width: 1%;

}

.btn-group-justified > .btn-group .btn {

  width: 100%;

}

.btn-group-justified > .btn-group .dropdown-menu {

  left: auto;

}

[data-toggle="buttons"] > .btn input[type="radio"],

[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],

[data-toggle="buttons"] > .btn input[type="checkbox"],

[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {

  position: absolute;

  clip: rect(0, 0, 0, 0);

  pointer-events: none;

}

.input-group {

  position: relative;

  display: table;

  border-collapse: separate;

}

.input-group[class*="col-"] {

  float: none;

  padding-right: 0;

  padding-left: 0;

}

.input-group .form-control {

  position: relative;

  z-index: 2;

  float: left;

  width: 100%;

  margin-bottom: 0;

}

.input-group .form-control:focus {

  z-index: 3;

}

.input-group-lg > .form-control,

.input-group-lg > .input-group-addon,

.input-group-lg > .input-group-btn > .btn {

  height: 46px;

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

  border-radius: 6px;

}

select.input-group-lg > .form-control,

select.input-group-lg > .input-group-addon,

select.input-group-lg > .input-group-btn > .btn {

  height: 46px;

  line-height: 46px;

}

textarea.input-group-lg > .form-control,

textarea.input-group-lg > .input-group-addon,

textarea.input-group-lg > .input-group-btn > .btn,

select[multiple].input-group-lg > .form-control,

select[multiple].input-group-lg > .input-group-addon,

select[multiple].input-group-lg > .input-group-btn > .btn {

  height: auto;

}

.input-group-sm > .form-control,

.input-group-sm > .input-group-addon,

.input-group-sm > .input-group-btn > .btn {

  height: 30px;

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

  border-radius: 3px;

}

select.input-group-sm > .form-control,

select.input-group-sm > .input-group-addon,

select.input-group-sm > .input-group-btn > .btn {

  height: 30px;

  line-height: 30px;

}

textarea.input-group-sm > .form-control,

textarea.input-group-sm > .input-group-addon,

textarea.input-group-sm > .input-group-btn > .btn,

select[multiple].input-group-sm > .form-control,

select[multiple].input-group-sm > .input-group-addon,

select[multiple].input-group-sm > .input-group-btn > .btn {

  height: auto;

}

.input-group-addon,

.input-group-btn,

.input-group .form-control {

  display: table-cell;

}

.input-group-addon:not(:first-child):not(:last-child),

.input-group-btn:not(:first-child):not(:last-child),

.input-group .form-control:not(:first-child):not(:last-child) {

  border-radius: 0;

}

.input-group-addon,

.input-group-btn {

  width: 1%;

  white-space: nowrap;

  vertical-align: middle;

}

.input-group-addon {

  padding: 6px 12px;

  font-size: 14px;

  font-weight: normal;

  line-height: 1;

  color: #555;

  text-align: center;

  background-color: #eee;

  border: 1px solid #ccc;

  border-radius: 4px;

}

.input-group-addon.input-sm {

  padding: 5px 10px;

  font-size: 12px;

  border-radius: 3px;

}

.input-group-addon.input-lg {

  padding: 10px 16px;

  font-size: 18px;

  border-radius: 6px;

}

.input-group-addon input[type="radio"],

.input-group-addon input[type="checkbox"] {

  margin-top: 0;

}

.input-group .form-control:first-child,

.input-group-addon:first-child,

.input-group-btn:first-child > .btn,

.input-group-btn:first-child > .btn-group > .btn,

.input-group-btn:first-child > .dropdown-toggle,

.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),

.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.input-group-addon:first-child {

  border-right: 0;

}

.input-group .form-control:last-child,

.input-group-addon:last-child,

.input-group-btn:last-child > .btn,

.input-group-btn:last-child > .btn-group > .btn,

.input-group-btn:last-child > .dropdown-toggle,

.input-group-btn:first-child > .btn:not(:first-child),

.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.input-group-addon:last-child {

  border-left: 0;

}

.input-group-btn {

  position: relative;

  font-size: 0;

  white-space: nowrap;

}

.input-group-btn > .btn {

  position: relative;

}

.input-group-btn > .btn + .btn {

  margin-left: -1px;

}

.input-group-btn > .btn:hover,

.input-group-btn > .btn:focus,

.input-group-btn > .btn:active {

  z-index: 2;

}

.input-group-btn:first-child > .btn,

.input-group-btn:first-child > .btn-group {

  margin-right: -1px;

}

.input-group-btn:last-child > .btn,

.input-group-btn:last-child > .btn-group {

  z-index: 2;

  margin-left: -1px;

}

.nav {

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}

.nav > li {

  position: relative;

  display: block;

}

.nav > li > a {

  position: relative;

  display: block;

  padding: 10px 15px;

}

.nav > li > a:hover,

.nav > li > a:focus {

  text-decoration: none;

  background-color: #eee;

}

.nav > li.disabled > a {

  color: #777;

}

.nav > li.disabled > a:hover,

.nav > li.disabled > a:focus {

  color: #777;

  text-decoration: none;

  cursor: not-allowed;

  background-color: transparent;

}

.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {

  background-color: #eee;

  border-color: #337ab7;

}

.nav .nav-divider {

  height: 1px;

  margin: 9px 0;

  overflow: hidden;

  background-color: #e5e5e5;

}

.nav > li > a > img {

  max-width: none;

}

.nav-tabs {

  border-bottom: 1px solid #ddd;

}

.nav-tabs > li {

  float: left;

  margin-bottom: -1px;

}

.nav-tabs > li > a {

  margin-right: 2px;

  line-height: 1.42857143;

  border: 1px solid transparent;

  border-radius: 4px 4px 0 0;

}

.nav-tabs > li > a:hover {

  border-color: #eee #eee #ddd;

}

.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

  color: #555;

  cursor: default;

  background-color: #fff;

  border: 1px solid #ddd;

  border-bottom-color: transparent;

}

.nav-tabs.nav-justified {

  width: 100%;

  border-bottom: 0;

}

.nav-tabs.nav-justified > li {

  float: none;

}

.nav-tabs.nav-justified > li > a {

  margin-bottom: 5px;

  text-align: center;

}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {

  top: auto;

  left: auto;

}

@media (min-width: 768px) {

  .nav-tabs.nav-justified > li {

    display: table-cell;

    width: 1%;

  }

  .nav-tabs.nav-justified > li > a {

    margin-bottom: 0;

  }

}

.nav-tabs.nav-justified > li > a {

  margin-right: 0;

  border-radius: 4px;

}

.nav-tabs.nav-justified > .active > a,

.nav-tabs.nav-justified > .active > a:hover,

.nav-tabs.nav-justified > .active > a:focus {

  border: 1px solid #ddd;

}

@media (min-width: 768px) {

  .nav-tabs.nav-justified > li > a {

    border-bottom: 1px solid #ddd;

    border-radius: 4px 4px 0 0;

  }

  .nav-tabs.nav-justified > .active > a,

  .nav-tabs.nav-justified > .active > a:hover,

  .nav-tabs.nav-justified > .active > a:focus {

    border-bottom-color: #fff;

  }

}

.nav-pills > li {

  float: left;

}

.nav-pills > li > a {

  border-radius: 4px;

}

.nav-pills > li + li {

  margin-left: 2px;

}

.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus {

  color: #fff;

  background-color: #337ab7;

}

.nav-stacked > li {

  float: none;

}

.nav-stacked > li + li {

  margin-top: 2px;

  margin-left: 0;

}

.nav-justified {

  width: 100%;

}

.nav-justified > li {

  float: none;

}

.nav-justified > li > a {

  margin-bottom: 5px;

  text-align: center;

}

.nav-justified > .dropdown .dropdown-menu {

  top: auto;

  left: auto;

}

@media (min-width: 768px) {

  .nav-justified > li {

    display: table-cell;

    width: 1%;

  }

  .nav-justified > li > a {

    margin-bottom: 0;

  }

}

.nav-tabs-justified {

  border-bottom: 0;

}

.nav-tabs-justified > li > a {

  margin-right: 0;

  border-radius: 4px;

}

.nav-tabs-justified > .active > a,

.nav-tabs-justified > .active > a:hover,

.nav-tabs-justified > .active > a:focus {

  border: 1px solid #ddd;

}

@media (min-width: 768px) {

  .nav-tabs-justified > li > a {

    border-bottom: 1px solid #ddd;

    border-radius: 4px 4px 0 0;

  }

  .nav-tabs-justified > .active > a,

  .nav-tabs-justified > .active > a:hover,

  .nav-tabs-justified > .active > a:focus {

    border-bottom-color: #fff;

  }

}

.tab-content > .tab-pane {

  display: none;

}

.tab-content > .active {

  display: block;

}

.nav-tabs .dropdown-menu {

  margin-top: -1px;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.navbar {

  position: relative;

  min-height: 50px;

  margin-bottom: 20px;

  border: 1px solid transparent;

}

@media (min-width: 768px) {

  .navbar {

    border-radius: 4px;

  }

}

@media (min-width: 768px) {

  .navbar-header {

    float: left;

  }

}

.navbar-collapse {

  padding-right: 15px;

  padding-left: 15px;

  overflow-x: visible;

  -webkit-overflow-scrolling: touch;

  border-top: 1px solid transparent;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

}

.navbar-collapse.in {

  overflow-y: auto;

}

@media (min-width: 768px) {

  .navbar-collapse {

    width: auto;

    border-top: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  .navbar-collapse.collapse {

    display: block !important;

    height: auto !important;

    padding-bottom: 0;

    overflow: visible !important;

  }

  .navbar-collapse.in {

    overflow-y: visible;

  }

  .navbar-fixed-top .navbar-collapse,

  .navbar-static-top .navbar-collapse,

  .navbar-fixed-bottom .navbar-collapse {

    padding-right: 0;

    padding-left: 0;

  }

}

.navbar-fixed-top .navbar-collapse,

.navbar-fixed-bottom .navbar-collapse {

  max-height: 340px;

}

@media (max-device-width: 480px) and (orientation: landscape) {

  .navbar-fixed-top .navbar-collapse,

  .navbar-fixed-bottom .navbar-collapse {

    max-height: 200px;

  }

}

.container > .navbar-header,

.container-fluid > .navbar-header,

.container > .navbar-collapse,

.container-fluid > .navbar-collapse {

  margin-right: -15px;

  margin-left: -15px;

}

@media (min-width: 768px) {

  .container > .navbar-header,

  .container-fluid > .navbar-header,

  .container > .navbar-collapse,

  .container-fluid > .navbar-collapse {

    margin-right: 0;

    margin-left: 0;

  }

}

.navbar-static-top {

  z-index: 1000;

  border-width: 0 0 1px;

}

@media (min-width: 768px) {

  .navbar-static-top {

    border-radius: 0;

  }

}

.navbar-fixed-top,

.navbar-fixed-bottom {

  position: fixed;

  right: 0;

  left: 0;

  z-index: 1030;

}

@media (min-width: 768px) {

  .navbar-fixed-top,

  .navbar-fixed-bottom {

    border-radius: 0;

  }

}

.navbar-fixed-top {

  top: 0;

  border-width: 0 0 1px;

}

.navbar-fixed-bottom {

  bottom: 0;

  margin-bottom: 0;

  border-width: 1px 0 0;

}

.navbar-brand {

  float: left;

  height: 50px;

  padding: 15px 15px;

  font-size: 18px;

  line-height: 20px;

}

.navbar-brand:hover,

.navbar-brand:focus {

  text-decoration: none;

}

.navbar-brand > img {

  display: block;

}

@media (min-width: 768px) {

  .navbar > .container .navbar-brand,

  .navbar > .container-fluid .navbar-brand {

    margin-left: -15px;

  }

}

.navbar-toggle {

  position: relative;

  float: right;

  padding: 9px 10px;

  margin-top: 8px;

  margin-right: 15px;

  margin-bottom: 8px;

  background-color: transparent;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}

.navbar-toggle:focus {

  outline: 0;

}

.navbar-toggle .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px;

}

.navbar-toggle .icon-bar + .icon-bar {

  margin-top: 4px;

}

@media (min-width: 768px) {

  .navbar-toggle {

    display: none;

  }

}

.navbar-nav {

  margin: 7.5px -15px;

}

.navbar-nav > li > a {

  padding-top: 10px;

  padding-bottom: 10px;

  line-height: 20px;

}

@media (max-width: 767px) {

  .navbar-nav .open .dropdown-menu {

    position: static;

    float: none;

    width: auto;

    margin-top: 0;

    background-color: transparent;

    border: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

  }

  .navbar-nav .open .dropdown-menu > li > a,

  .navbar-nav .open .dropdown-menu .dropdown-header {

    padding: 5px 15px 5px 25px;

  }

  .navbar-nav .open .dropdown-menu > li > a {

    line-height: 20px;

  }

  .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-nav .open .dropdown-menu > li > a:focus {

    background-image: none;

  }

}

@media (min-width: 768px) {

  .navbar-nav {

    float: left;

    margin: 0;

  }

  .navbar-nav > li {

    float: left;

  }

  .navbar-nav > li > a {

    padding-top: 15px;

    padding-bottom: 15px;

  }

}

.navbar-form {

  padding: 10px 15px;

  margin-top: 8px;

  margin-right: -15px;

  margin-bottom: 8px;

  margin-left: -15px;

  border-top: 1px solid transparent;

  border-bottom: 1px solid transparent;

  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

}

@media (min-width: 768px) {

  .navbar-form .form-group {

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .navbar-form .form-control {

    display: inline-block;

    width: auto;

    vertical-align: middle;

  }

  .navbar-form .form-control-static {

    display: inline-block;

  }

  .navbar-form .input-group {

    display: inline-table;

    vertical-align: middle;

  }

  .navbar-form .input-group .input-group-addon,

  .navbar-form .input-group .input-group-btn,

  .navbar-form .input-group .form-control {

    width: auto;

  }

  .navbar-form .input-group > .form-control {

    width: 100%;

  }

  .navbar-form .control-label {

    margin-bottom: 0;

    vertical-align: middle;

  }

  .navbar-form .radio,

  .navbar-form .checkbox {

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    vertical-align: middle;

  }

  .navbar-form .radio label,

  .navbar-form .checkbox label {

    padding-left: 0;

  }

  .navbar-form .radio input[type="radio"],

  .navbar-form .checkbox input[type="checkbox"] {

    position: relative;

    margin-left: 0;

  }

  .navbar-form .has-feedback .form-control-feedback {

    top: 0;

  }

}

@media (max-width: 767px) {

  .navbar-form .form-group {

    margin-bottom: 5px;

  }

  .navbar-form .form-group:last-child {

    margin-bottom: 0;

  }

}

@media (min-width: 768px) {

  .navbar-form {

    width: auto;

    padding-top: 0;

    padding-bottom: 0;

    margin-right: 0;

    margin-left: 0;

    border: 0;

    -webkit-box-shadow: none;

            box-shadow: none;

  }

}

.navbar-nav > li > .dropdown-menu {

  margin-top: 0;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {

  margin-bottom: 0;

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 0;

}

.navbar-btn {

  margin-top: 8px;

  margin-bottom: 8px;

}

.navbar-btn.btn-sm {

  margin-top: 10px;

  margin-bottom: 10px;

}

.navbar-btn.btn-xs {

  margin-top: 14px;

  margin-bottom: 14px;

}

.navbar-text {

  margin-top: 15px;

  margin-bottom: 15px;

}

@media (min-width: 768px) {

  .navbar-text {

    float: left;

    margin-right: 15px;

    margin-left: 15px;

  }

}

@media (min-width: 768px) {

  .navbar-left {

    float: left !important;

  }

  .navbar-right {

    float: right !important;

    margin-right: -15px;

  }

  .navbar-right ~ .navbar-right {

    margin-right: 0;

  }

}

.navbar-default {

  background-color: #f8f8f8;

  border-color: #e7e7e7;

}

.navbar-default .navbar-brand {

  color: #777;

}

.navbar-default .navbar-brand:hover,

.navbar-default .navbar-brand:focus {

  color: #5e5e5e;

  background-color: transparent;

}

.navbar-default .navbar-text {

}

.navbar-default .navbar-nav > li > a {

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

  background-color: transparent;

}

.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:hover,

.navbar-default .navbar-nav > .active > a:focus {

  background-color: #e7e7e7;

}

.navbar-default .navbar-nav > .disabled > a,

.navbar-default .navbar-nav > .disabled > a:hover,

.navbar-default .navbar-nav > .disabled > a:focus {

  color: #ccc;

  background-color: transparent;

}

.navbar-default .navbar-toggle {

  border-color: #ddd;

}

.navbar-default .navbar-toggle:hover,

.navbar-default .navbar-toggle:focus {

  background-color: #ddd;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #888;

}

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #e7e7e7;

}

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

  color: #555;

  background-color: #e7e7e7;

}

@media (max-width: 767px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #777;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #333;

    background-color: transparent;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #555;

    background-color: #e7e7e7;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #ccc;

    background-color: transparent;

  }

}

.navbar-default .navbar-link {

  color: #777;

}

.navbar-default .navbar-link:hover {

  color: #333;

}

.navbar-default .btn-link {

  color: #777;

}

.navbar-default .btn-link:hover,

.navbar-default .btn-link:focus {

  color: #333;

}

.navbar-default .btn-link[disabled]:hover,

fieldset[disabled] .navbar-default .btn-link:hover,

.navbar-default .btn-link[disabled]:focus,

fieldset[disabled] .navbar-default .btn-link:focus {

  color: #ccc;

}

.navbar-inverse {

  background-color: #222;

  border-color: #080808;

}

.navbar-inverse .navbar-brand {

  color: #9d9d9d;

}

.navbar-inverse .navbar-brand:hover,

.navbar-inverse .navbar-brand:focus {

  color: #fff;

  background-color: transparent;

}

.navbar-inverse .navbar-text {

  color: #9d9d9d;

}

.navbar-inverse .navbar-nav > li > a {

  color: #9d9d9d;

}

.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

  color: #fff;

  background-color: transparent;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

  color: #fff;

  background-color: #080808;

}

.navbar-inverse .navbar-nav > .disabled > a,

.navbar-inverse .navbar-nav > .disabled > a:hover,

.navbar-inverse .navbar-nav > .disabled > a:focus {

  color: #444;

  background-color: transparent;

}

.navbar-inverse .navbar-toggle {

  border-color: #333;

}

.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

  background-color: #333;

}

.navbar-inverse .navbar-toggle .icon-bar {

  background-color: #fff;

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

  border-color: #101010;

}

.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

  color: #fff;

  background-color: #080808;

}

@media (max-width: 767px) {

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {

    border-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {

    background-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

    color: #9d9d9d;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #fff;

    background-color: transparent;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #fff;

    background-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #444;

    background-color: transparent;

  }

}

.navbar-inverse .navbar-link {

  color: #9d9d9d;

}

.navbar-inverse .navbar-link:hover {

  color: #fff;

}

.navbar-inverse .btn-link {

  color: #9d9d9d;

}

.navbar-inverse .btn-link:hover,

.navbar-inverse .btn-link:focus {

  color: #fff;

}

.navbar-inverse .btn-link[disabled]:hover,

fieldset[disabled] .navbar-inverse .btn-link:hover,

.navbar-inverse .btn-link[disabled]:focus,

fieldset[disabled] .navbar-inverse .btn-link:focus {

  color: #444;

}

.breadcrumb {

  padding: 8px 15px;

  margin-bottom: 20px;

  list-style: none;

  background-color: #f5f5f5;

  border-radius: 4px;

}

.breadcrumb > li {

  display: inline-block;

}

.breadcrumb > li + li:before {

  padding: 0 5px;

  color: #ccc;

  content: "/\00a0";

}

.breadcrumb > .active {

  color: #777;

}

.pagination {

  display: inline-block;

  padding-left: 0;

  margin: 20px 0;

  border-radius: 4px;

}

.pagination > li {

  display: inline;

}

.pagination > li > a,

.pagination > li > span {

  position: relative;

  float: left;

  padding: 6px 12px;

  margin-left: -1px;

  line-height: 1.42857143;

  color: #337ab7;

  text-decoration: none;

  background-color: #fff;

  border: 1px solid #ddd;

}

.pagination > li:first-child > a,

.pagination > li:first-child > span {

  margin-left: 0;

  border-top-left-radius: 4px;

  border-bottom-left-radius: 4px;

}

.pagination > li:last-child > a,

.pagination > li:last-child > span {

  border-top-right-radius: 4px;

  border-bottom-right-radius: 4px;

}

.pagination > li > a:hover,

.pagination > li > span:hover,

.pagination > li > a:focus,

.pagination > li > span:focus {

  z-index: 2;

  color: #23527c;

  background-color: #eee;

  border-color: #ddd;

}

.pagination > .active > a,

.pagination > .active > span,

.pagination > .active > a:hover,

.pagination > .active > span:hover,

.pagination > .active > a:focus,

.pagination > .active > span:focus {

  z-index: 3;

  color: #fff;

  cursor: default;

  background-color: #337ab7;

  border-color: #337ab7;

}

.pagination > .disabled > span,

.pagination > .disabled > span:hover,

.pagination > .disabled > span:focus,

.pagination > .disabled > a,

.pagination > .disabled > a:hover,

.pagination > .disabled > a:focus {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

  border-color: #ddd;

}

.pagination-lg > li > a,

.pagination-lg > li > span {

  padding: 10px 16px;

  font-size: 18px;

  line-height: 1.3333333;

}

.pagination-lg > li:first-child > a,

.pagination-lg > li:first-child > span {

  border-top-left-radius: 6px;

  border-bottom-left-radius: 6px;

}

.pagination-lg > li:last-child > a,

.pagination-lg > li:last-child > span {

  border-top-right-radius: 6px;

  border-bottom-right-radius: 6px;

}

.pagination-sm > li > a,

.pagination-sm > li > span {

  padding: 5px 10px;

  font-size: 12px;

  line-height: 1.5;

}

.pagination-sm > li:first-child > a,

.pagination-sm > li:first-child > span {

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

}

.pagination-sm > li:last-child > a,

.pagination-sm > li:last-child > span {

  border-top-right-radius: 3px;

  border-bottom-right-radius: 3px;

}

.pager {

  padding-left: 0;

  margin: 20px 0;

  text-align: center;

  list-style: none;

}

.pager li {

  display: inline;

}

.pager li > a,

.pager li > span {

  display: inline-block;

  padding: 5px 14px;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 15px;

}

.pager li > a:hover,

.pager li > a:focus {

  text-decoration: none;

  background-color: #eee;

}

.pager .next > a,

.pager .next > span {

  float: right;

}

.pager .previous > a,

.pager .previous > span {

  float: left;

}

.pager .disabled > a,

.pager .disabled > a:hover,

.pager .disabled > a:focus,

.pager .disabled > span {

  color: #777;

  cursor: not-allowed;

  background-color: #fff;

}

.label {

  display: inline;

  padding: .2em .6em .3em;

  font-size: 75%;

  font-weight: bold;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: .25em;

}

a.label:hover,

a.label:focus {

  color: #fff;

  text-decoration: none;

  cursor: pointer;

}

.label:empty {

  display: none;

}

.btn .label {

  position: relative;

  top: -1px;

}

.label-default {

  background-color: #777;

}

.label-default[href]:hover,

.label-default[href]:focus {

  background-color: #5e5e5e;

}

.label-primary {

  background-color: #337ab7;

}

.label-primary[href]:hover,

.label-primary[href]:focus {

  background-color: #286090;

}

.label-success {

  background-color: #5cb85c;

}

.label-success[href]:hover,

.label-success[href]:focus {

  background-color: #449d44;

}

.label-info {

  background-color: #5bc0de;

}

.label-info[href]:hover,

.label-info[href]:focus {

  background-color: #31b0d5;

}

.label-warning {

  background-color: #f0ad4e;

}

.label-warning[href]:hover,

.label-warning[href]:focus {

  background-color: #ec971f;

}

.label-danger {

  background-color: #d9534f;

}

.label-danger[href]:hover,

.label-danger[href]:focus {

  background-color: #c9302c;

}

.badge {

  display: inline-block;

  min-width: 10px;

  padding: 3px 7px;

  font-size: 12px;

  font-weight: bold;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  background-color: #777;

  border-radius: 10px;

}

.badge:empty {

  display: none;

}

.btn .badge {

  position: relative;

  top: -1px;

}

.btn-xs .badge,

.btn-group-xs > .btn .badge {

  top: 0;

  padding: 1px 5px;

}

a.badge:hover,

a.badge:focus {

  color: #fff;

  text-decoration: none;

  cursor: pointer;

}

.list-group-item.active > .badge,

.nav-pills > .active > a > .badge {

  color: #337ab7;

  background-color: #fff;

}

.list-group-item > .badge {

  float: right;

}

.list-group-item > .badge + .badge {

  margin-right: 5px;

}

.nav-pills > li > a > .badge {

  margin-left: 3px;

}

.jumbotron {

  padding-top: 30px;

  padding-bottom: 30px;

  margin-bottom: 30px;

  color: inherit;

  background-color: #eee;

}

.jumbotron h1,

.jumbotron .h1 {

  color: inherit;

}

.jumbotron p {

  margin-bottom: 15px;

  font-size: 21px;

  font-weight: 200;

}

.jumbotron > hr {

  border-top-color: #d5d5d5;

}

.container .jumbotron,

.container-fluid .jumbotron {

  padding-right: 15px;

  padding-left: 15px;

  border-radius: 6px;

}

.jumbotron .container {

  max-width: 100%;

}

@media screen and (min-width: 768px) {

  .jumbotron {

    padding-top: 48px;

    padding-bottom: 48px;

  }

  .container .jumbotron,

  .container-fluid .jumbotron {

    padding-right: 60px;

    padding-left: 60px;

  }

  .jumbotron h1,

  .jumbotron .h1 {

    font-size: 63px;

  }

}

.thumbnail {

  display: block;

  padding: 4px;

  margin-bottom: 20px;

  line-height: 1.42857143;

  background-color: #fff;

  border: 1px solid #ddd;

  border-radius: 4px;

  -webkit-transition: border .2s ease-in-out;

       -o-transition: border .2s ease-in-out;

          transition: border .2s ease-in-out;

}

.thumbnail > img,

.thumbnail a > img {

  margin-right: auto;

  margin-left: auto;

}

a.thumbnail:hover,

a.thumbnail:focus,

a.thumbnail.active {

  border-color: #337ab7;

}

.thumbnail .caption {

  padding: 9px;

  color: #333;

}

.alert {

  padding: 15px;

  margin-bottom: 20px;

  border: 1px solid transparent;

  border-radius: 4px;

}

.alert h4 {

  margin-top: 0;

  color: inherit;

}

.alert .alert-link {

  font-weight: bold;

}

.alert > p,

.alert > ul {

  margin-bottom: 0;

}

.alert > p + p {

  margin-top: 5px;

}

.alert-dismissable,

.alert-dismissible {

  padding-right: 35px;

}

.alert-dismissable .close,

.alert-dismissible .close {

  position: relative;

  top: -2px;

  right: -21px;

  color: inherit;

}

.alert-success {

  color: #3c763d;

  background-color: #dff0d8;

  border-color: #d6e9c6;

}

.alert-success hr {

  border-top-color: #c9e2b3;

}

.alert-success .alert-link {

  color: #2b542c;

}

.alert-info {

  color: #31708f;

  background-color: #d9edf7;

  border-color: #bce8f1;

}

.alert-info hr {

  border-top-color: #a6e1ec;

}

.alert-info .alert-link {

  color: #245269;

}

.alert-warning {

  color: #8a6d3b;

  background-color: #fcf8e3;

  border-color: #faebcc;

}

.alert-warning hr {

  border-top-color: #f7e1b5;

}

.alert-warning .alert-link {

  color: #66512c;

}

.alert-danger {

  color: #a94442;

  background-color: #f2dede;

  border-color: #ebccd1;

}

.alert-danger hr {

  border-top-color: #e4b9c0;

}

.alert-danger .alert-link {

  color: #843534;

}

@-webkit-keyframes progress-bar-stripes {

  from {

    background-position: 40px 0;

  }

  to {

    background-position: 0 0;

  }

}

@-o-keyframes progress-bar-stripes {

  from {

    background-position: 40px 0;

  }

  to {

    background-position: 0 0;

  }

}

@keyframes progress-bar-stripes {

  from {

    background-position: 40px 0;

  }

  to {

    background-position: 0 0;

  }

}

.progress {

  height: 20px;

  margin-bottom: 20px;

  overflow: hidden;

  background-color: #f5f5f5;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

}

.progress-bar {

  float: left;

  width: 0;

  height: 100%;

  font-size: 12px;

  line-height: 20px;

  color: #fff;

  text-align: center;

  background-color: #337ab7;

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

  -webkit-transition: width .6s ease;

       -o-transition: width .6s ease;

          transition: width .6s ease;

}

.progress-striped .progress-bar,

.progress-bar-striped {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  -webkit-background-size: 40px 40px;

          background-size: 40px 40px;

}

.progress.active .progress-bar,

.progress-bar.active {

  -webkit-animation: progress-bar-stripes 2s linear infinite;

       -o-animation: progress-bar-stripes 2s linear infinite;

          animation: progress-bar-stripes 2s linear infinite;

}

.progress-bar-success {

  background-color: #5cb85c;

}

.progress-striped .progress-bar-success {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-info {

  background-color: #5bc0de;

}

.progress-striped .progress-bar-info {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-warning {

  background-color: #f0ad4e;

}

.progress-striped .progress-bar-warning {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.progress-bar-danger {

  background-color: #d9534f;

}

.progress-striped .progress-bar-danger {

  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

}

.media {

  margin-top: 15px;

}

.media:first-child {

  margin-top: 0;

}

.media,

.media-body {

  overflow: hidden;

  zoom: 1;

}

.media-body {

  width: 10000px;

}

.media-object {

  display: block;

}

.media-object.img-thumbnail {

  max-width: none;

}

.media-right,

.media > .pull-right {

  padding-left: 10px;

}

.media-left,

.media > .pull-left {

  padding-right: 10px;

}

.media-left,

.media-right,

.media-body {

  display: table-cell;

  vertical-align: top;

}

.media-middle {

  vertical-align: middle;

}

.media-bottom {

  vertical-align: bottom;

}

.media-heading {

  margin-top: 0;

  margin-bottom: 5px;

}

.media-list {

  padding-left: 0;

  list-style: none;

}

.list-group {

  padding-left: 0;

  margin-bottom: 20px;

}

.list-group-item {

  position: relative;

  display: block;

  padding: 10px 15px;

  margin-bottom: -1px;

  background-color: #fff;

  border: 1px solid #ddd;

}

.list-group-item:first-child {

  border-top-left-radius: 4px;

  border-top-right-radius: 4px;

}

.list-group-item:last-child {

  margin-bottom: 0;

  border-bottom-right-radius: 4px;

  border-bottom-left-radius: 4px;

}

a.list-group-item,

button.list-group-item {

  color: #555;

}

a.list-group-item .list-group-item-heading,

button.list-group-item .list-group-item-heading {

  color: #333;

}

a.list-group-item:hover,

button.list-group-item:hover,

a.list-group-item:focus,

button.list-group-item:focus {

  color: #555;

  text-decoration: none;

  background-color: #f5f5f5;

}

button.list-group-item {

  width: 100%;

  text-align: left;

}

.list-group-item.disabled,

.list-group-item.disabled:hover,

.list-group-item.disabled:focus {

  color: #777;

  cursor: not-allowed;

  background-color: #eee;

}

.list-group-item.disabled .list-group-item-heading,

.list-group-item.disabled:hover .list-group-item-heading,

.list-group-item.disabled:focus .list-group-item-heading {

  color: inherit;

}

.list-group-item.disabled .list-group-item-text,

.list-group-item.disabled:hover .list-group-item-text,

.list-group-item.disabled:focus .list-group-item-text {

  color: #777;

}

.list-group-item.active,

.list-group-item.active:hover,

.list-group-item.active:focus {

  z-index: 2;

  color: #fff;

  background-color: #337ab7;

  border-color: #337ab7;

}

.list-group-item.active .list-group-item-heading,

.list-group-item.active:hover .list-group-item-heading,

.list-group-item.active:focus .list-group-item-heading,

.list-group-item.active .list-group-item-heading > small,

.list-group-item.active:hover .list-group-item-heading > small,

.list-group-item.active:focus .list-group-item-heading > small,

.list-group-item.active .list-group-item-heading > .small,

.list-group-item.active:hover .list-group-item-heading > .small,

.list-group-item.active:focus .list-group-item-heading > .small {

  color: inherit;

}

.list-group-item.active .list-group-item-text,

.list-group-item.active:hover .list-group-item-text,

.list-group-item.active:focus .list-group-item-text {

  color: #c7ddef;

}

.list-group-item-success {

  color: #3c763d;

  background-color: #dff0d8;

}

a.list-group-item-success,

button.list-group-item-success {

  color: #3c763d;

}

a.list-group-item-success .list-group-item-heading,

button.list-group-item-success .list-group-item-heading {

  color: inherit;

}

a.list-group-item-success:hover,

button.list-group-item-success:hover,

a.list-group-item-success:focus,

button.list-group-item-success:focus {

  color: #3c763d;

  background-color: #d0e9c6;

}

a.list-group-item-success.active,

button.list-group-item-success.active,

a.list-group-item-success.active:hover,

button.list-group-item-success.active:hover,

a.list-group-item-success.active:focus,

button.list-group-item-success.active:focus {

  color: #fff;

  background-color: #3c763d;

  border-color: #3c763d;

}

.list-group-item-info {

  color: #31708f;

  background-color: #d9edf7;

}

a.list-group-item-info,

button.list-group-item-info {

  color: #31708f;

}

a.list-group-item-info .list-group-item-heading,

button.list-group-item-info .list-group-item-heading {

  color: inherit;

}

a.list-group-item-info:hover,

button.list-group-item-info:hover,

a.list-group-item-info:focus,

button.list-group-item-info:focus {

  color: #31708f;

  background-color: #c4e3f3;

}

a.list-group-item-info.active,

button.list-group-item-info.active,

a.list-group-item-info.active:hover,

button.list-group-item-info.active:hover,

a.list-group-item-info.active:focus,

button.list-group-item-info.active:focus {

  color: #fff;

  background-color: #31708f;

  border-color: #31708f;

}

.list-group-item-warning {

  color: #8a6d3b;

  background-color: #fcf8e3;

}

a.list-group-item-warning,

button.list-group-item-warning {

  color: #8a6d3b;

}

a.list-group-item-warning .list-group-item-heading,

button.list-group-item-warning .list-group-item-heading {

  color: inherit;

}

a.list-group-item-warning:hover,

button.list-group-item-warning:hover,

a.list-group-item-warning:focus,

button.list-group-item-warning:focus {

  color: #8a6d3b;

  background-color: #faf2cc;

}

a.list-group-item-warning.active,

button.list-group-item-warning.active,

a.list-group-item-warning.active:hover,

button.list-group-item-warning.active:hover,

a.list-group-item-warning.active:focus,

button.list-group-item-warning.active:focus {

  color: #fff;

  background-color: #8a6d3b;

  border-color: #8a6d3b;

}

.list-group-item-danger {

  color: #a94442;

  background-color: #f2dede;

}

a.list-group-item-danger,

button.list-group-item-danger {

  color: #a94442;

}

a.list-group-item-danger .list-group-item-heading,

button.list-group-item-danger .list-group-item-heading {

  color: inherit;

}

a.list-group-item-danger:hover,

button.list-group-item-danger:hover,

a.list-group-item-danger:focus,

button.list-group-item-danger:focus {

  color: #a94442;

  background-color: #ebcccc;

}

a.list-group-item-danger.active,

button.list-group-item-danger.active,

a.list-group-item-danger.active:hover,

button.list-group-item-danger.active:hover,

a.list-group-item-danger.active:focus,

button.list-group-item-danger.active:focus {

  color: #fff;

  background-color: #a94442;

  border-color: #a94442;

}

.list-group-item-heading {

  margin-top: 0;

  margin-bottom: 5px;

}

.list-group-item-text {

  margin-bottom: 0;

  line-height: 1.3;

}

.panel {

  margin-bottom: 20px;

  background-color: #fff;

  border: 1px solid transparent;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

.panel-body {

  padding: 15px;

}

.panel-heading {

  padding: 10px 15px;

  border-bottom: 1px solid transparent;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.panel-heading > .dropdown .dropdown-toggle {

  color: inherit;

}

.panel-title {

  margin-top: 0;

  margin-bottom: 0;

  font-size: 16px;

  color: inherit;

}

.panel-title > a,

.panel-title > small,

.panel-title > .small,

.panel-title > small > a,

.panel-title > .small > a {

  color: inherit;

}

.panel-footer {

  padding: 10px 15px;

  background-color: #f5f5f5;

  border-top: 1px solid #ddd;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.panel > .list-group,

.panel > .panel-collapse > .list-group {

  margin-bottom: 0;

}

.panel > .list-group .list-group-item,

.panel > .panel-collapse > .list-group .list-group-item {

  border-width: 1px 0;

  border-radius: 0;

}

.panel > .list-group:first-child .list-group-item:first-child,

.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {

  border-top: 0;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.panel > .list-group:last-child .list-group-item:last-child,

.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {

  border-bottom: 0;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {

  border-top-left-radius: 0;

  border-top-right-radius: 0;

}

.panel-heading + .list-group .list-group-item:first-child {

  border-top-width: 0;

}

.list-group + .panel-footer {

  border-top-width: 0;

}

.panel > .table,

.panel > .table-responsive > .table,

.panel > .panel-collapse > .table {

  margin-bottom: 0;

}

.panel > .table caption,

.panel > .table-responsive > .table caption,

.panel > .panel-collapse > .table caption {

  padding-right: 15px;

  padding-left: 15px;

}

.panel > .table:first-child,

.panel > .table-responsive:first-child > .table:first-child {

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.panel > .table:first-child > thead:first-child > tr:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,

.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {

  border-top-left-radius: 3px;

}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,

.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,

.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,

.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {

  border-top-right-radius: 3px;

}

.panel > .table:last-child,

.panel > .table-responsive:last-child > .table:last-child {

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.panel > .table:last-child > tbody:last-child > tr:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {

  border-bottom-left-radius: 3px;

}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {

  border-bottom-right-radius: 3px;

}

.panel > .panel-body + .table,

.panel > .panel-body + .table-responsive,

.panel > .table + .panel-body,

.panel > .table-responsive + .panel-body {

  border-top: 1px solid #ddd;

}

.panel > .table > tbody:first-child > tr:first-child th,

.panel > .table > tbody:first-child > tr:first-child td {

  border-top: 0;

}

.panel > .table-bordered,

.panel > .table-responsive > .table-bordered {

  border: 0;

}

.panel > .table-bordered > thead > tr > th:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,

.panel > .table-bordered > tbody > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,

.panel > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-bordered > thead > tr > td:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,

.panel > .table-bordered > tbody > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,

.panel > .table-bordered > tfoot > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {

  border-left: 0;

}

.panel > .table-bordered > thead > tr > th:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,

.panel > .table-bordered > tbody > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,

.panel > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-bordered > thead > tr > td:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,

.panel > .table-bordered > tbody > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,

.panel > .table-bordered > tfoot > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {

  border-right: 0;

}

.panel > .table-bordered > thead > tr:first-child > td,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,

.panel > .table-bordered > tbody > tr:first-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,

.panel > .table-bordered > thead > tr:first-child > th,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,

.panel > .table-bordered > tbody > tr:first-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {

  border-bottom: 0;

}

.panel > .table-bordered > tbody > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,

.panel > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-bordered > tbody > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,

.panel > .table-bordered > tfoot > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {

  border-bottom: 0;

}

.panel > .table-responsive {

  margin-bottom: 0;

  border: 0;

}

.panel-group {

  margin-bottom: 20px;

}

.panel-group .panel {

  margin-bottom: 0;

  border-radius: 4px;

}

.panel-group .panel + .panel {

  margin-top: 5px;

}

.panel-group .panel-heading {

  border-bottom: 0;

}

.panel-group .panel-heading + .panel-collapse > .panel-body,

.panel-group .panel-heading + .panel-collapse > .list-group {

  border-top: 1px solid #ddd;

}

.panel-group .panel-footer {

  border-top: 0;

}

.panel-group .panel-footer + .panel-collapse .panel-body {

  border-bottom: 1px solid #ddd;

}

.panel-default {

  border-color: #ddd;

}

.panel-default > .panel-heading {

  color: #333;

  background-color: #f5f5f5;

  border-color: #ddd;

}

.panel-default > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #ddd;

}

.panel-default > .panel-heading .badge {

  color: #f5f5f5;

  background-color: #333;

}

.panel-default > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #ddd;

}

.panel-primary {

  border-color: #337ab7;

}

.panel-primary > .panel-heading {

  color: #fff;

  background-color: #337ab7;

  border-color: #337ab7;

}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #337ab7;

}

.panel-primary > .panel-heading .badge {

  color: #337ab7;

  background-color: #fff;

}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #337ab7;

}

.panel-success {

  border-color: #d6e9c6;

}

.panel-success > .panel-heading {

  color: #3c763d;

  background-color: #dff0d8;

  border-color: #d6e9c6;

}

.panel-success > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #d6e9c6;

}

.panel-success > .panel-heading .badge {

  color: #dff0d8;

  background-color: #3c763d;

}

.panel-success > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #d6e9c6;

}

.panel-info {

  border-color: #bce8f1;

}

.panel-info > .panel-heading {

  color: #31708f;

  background-color: #d9edf7;

  border-color: #bce8f1;

}

.panel-info > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #bce8f1;

}

.panel-info > .panel-heading .badge {

  color: #d9edf7;

  background-color: #31708f;

}

.panel-info > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #bce8f1;

}

.panel-warning {

  border-color: #faebcc;

}

.panel-warning > .panel-heading {

  color: #8a6d3b;

  background-color: #fcf8e3;

  border-color: #faebcc;

}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #faebcc;

}

.panel-warning > .panel-heading .badge {

  color: #fcf8e3;

  background-color: #8a6d3b;

}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #faebcc;

}

.panel-danger {

  border-color: #ebccd1;

}

.panel-danger > .panel-heading {

  color: #a94442;

  background-color: #f2dede;

  border-color: #ebccd1;

}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {

  border-top-color: #ebccd1;

}

.panel-danger > .panel-heading .badge {

  color: #f2dede;

  background-color: #a94442;

}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {

  border-bottom-color: #ebccd1;

}

.embed-responsive {

  position: relative;

  display: block;

  height: 0;

  padding: 0;

  overflow: hidden;

}

.embed-responsive .embed-responsive-item,

.embed-responsive iframe,

.embed-responsive embed,

.embed-responsive object,

.embed-responsive video {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border: 0;

}

.embed-responsive-16by9 {

  padding-bottom: 56.25%;

}

.embed-responsive-4by3 {

  padding-bottom: 75%;

}

.well {

  min-height: 20px;

  padding: 19px;

  margin-bottom: 20px;

  background-color: #f5f5f5;

  border: 1px solid #e3e3e3;

  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

}

.well blockquote {

  border-color: #ddd;

  border-color: rgba(0, 0, 0, .15);

}

.well-lg {

  padding: 24px;

  border-radius: 6px;

}

.well-sm {

  padding: 9px;

  border-radius: 3px;

}

.close {

  float: right;

  font-size: 21px;

  font-weight: bold;

  line-height: 1;

  color: #000;

  text-shadow: 0 1px 0 #fff;

  filter: alpha(opacity=20);

  opacity: .2;

}

.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

  filter: alpha(opacity=50);

  opacity: .5;

}

button.close {

  -webkit-appearance: none;

  padding: 0;

  cursor: pointer;

  background: transparent;

  border: 0;

}

.modal-open {

  overflow: hidden;

}

.modal {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1050;

  display: none;

  overflow: hidden;

  -webkit-overflow-scrolling: touch;

  outline: 0;

}

.modal.fade .modal-dialog {

  -webkit-transition: -webkit-transform .3s ease-out;

       -o-transition:      -o-transform .3s ease-out;

          transition:         transform .3s ease-out;

  -webkit-transform: translate(0, -25%);

      -ms-transform: translate(0, -25%);

       -o-transform: translate(0, -25%);

          transform: translate(0, -25%);

}

.modal.in .modal-dialog {

  -webkit-transform: translate(0, 0);

      -ms-transform: translate(0, 0);

       -o-transform: translate(0, 0);

          transform: translate(0, 0);

}

.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}

.modal-dialog {

  position: relative;

  width: auto;

  margin: 10px;

}

.modal-content {

  position: relative;

  background-color: #fff;

  -webkit-background-clip: padding-box;

          background-clip: padding-box;

  border: 1px solid #999;

  border: 1px solid rgba(0, 0, 0, .2);

  border-radius: 6px;

  outline: 0;

  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

}

.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 1040;

  background-color: #000;

}

.modal-backdrop.fade {

  filter: alpha(opacity=0);

  opacity: 0;

}

.modal-backdrop.in {

  filter: alpha(opacity=50);

  opacity: .5;

}

.modal-header {

  padding: 15px;

  border-bottom: 1px solid #e5e5e5;

}

.modal-header .close {

  margin-top: -2px;

}

.modal-title {

  margin: 0;

  line-height: 1.42857143;

}

.modal-body {

  position: relative;

  padding: 15px;

}

.modal-footer {

  padding: 15px;

  text-align: right;

  border-top: 1px solid #e5e5e5;

}

.modal-footer .btn + .btn {

  margin-bottom: 0;

  margin-left: 5px;

}

.modal-footer .btn-group .btn + .btn {

  margin-left: -1px;

}

.modal-footer .btn-block + .btn-block {

  margin-left: 0;

}

.modal-scrollbar-measure {

  position: absolute;

  top: -9999px;

  width: 50px;

  height: 50px;

  overflow: scroll;

}

@media (min-width: 768px) {

  .modal-dialog {

    width: 600px;

    margin: 30px auto;

  }

  .modal-content {

    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

  }

  .modal-sm {

    width: 300px;

  }

}

@media (min-width: 992px) {

  .modal-lg {

    width: 900px;

  }

}

.tooltip {

  position: absolute;

  z-index: 1070;

  display: block;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 12px;

  font-style: normal;

  font-weight: normal;

  line-height: 1.42857143;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  word-spacing: normal;

  word-wrap: normal;

  white-space: normal;

  filter: alpha(opacity=0);

  opacity: 0;

  line-break: auto;

}

.tooltip.in {

  filter: alpha(opacity=90);

  opacity: .9;

}

.tooltip.top {

  padding: 5px 0;

  margin-top: -3px;

}

.tooltip.right {

  padding: 0 5px;

  margin-left: 3px;

}

.tooltip.bottom {

  padding: 5px 0;

  margin-top: 3px;

}

.tooltip.left {

  padding: 0 5px;

  margin-left: -3px;

}

.tooltip-inner {

  max-width: 200px;

  padding: 3px 8px;

  color: #fff;

  text-align: center;

  background-color: #000;

  border-radius: 4px;

}

.tooltip-arrow {

  position: absolute;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}

.tooltip.top .tooltip-arrow {

  bottom: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 5px 5px 0;

  border-top-color: #000;

}

.tooltip.top-left .tooltip-arrow {

  right: 5px;

  bottom: 0;

  margin-bottom: -5px;

  border-width: 5px 5px 0;

  border-top-color: #000;

}

.tooltip.top-right .tooltip-arrow {

  bottom: 0;

  left: 5px;

  margin-bottom: -5px;

  border-width: 5px 5px 0;

  border-top-color: #000;

}

.tooltip.right .tooltip-arrow {

  top: 50%;

  left: 0;

  margin-top: -5px;

  border-width: 5px 5px 5px 0;

  border-right-color: #000;

}

.tooltip.left .tooltip-arrow {

  top: 50%;

  right: 0;

  margin-top: -5px;

  border-width: 5px 0 5px 5px;

  border-left-color: #000;

}

.tooltip.bottom .tooltip-arrow {

  top: 0;

  left: 50%;

  margin-left: -5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000;

}

.tooltip.bottom-left .tooltip-arrow {

  top: 0;

  right: 5px;

  margin-top: -5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000;

}

.tooltip.bottom-right .tooltip-arrow {

  top: 0;

  left: 5px;

  margin-top: -5px;

  border-width: 0 5px 5px;

  border-bottom-color: #000;

}

.popover {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1060;

  display: none;

  max-width: 276px;

  padding: 1px;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size: 14px;

  font-style: normal;

  font-weight: normal;

  line-height: 1.42857143;

  text-align: left;

  text-align: start;

  text-decoration: none;

  text-shadow: none;

  text-transform: none;

  letter-spacing: normal;

  word-break: normal;

  word-spacing: normal;

  word-wrap: normal;

  white-space: normal;

  background-color: #fff;

  -webkit-background-clip: padding-box;

          background-clip: padding-box;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, .2);

  border-radius: 6px;

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;

}

.popover.top {

  margin-top: -10px;

}

.popover.right {

  margin-left: 10px;

}

.popover.bottom {

  margin-top: 10px;

}

.popover.left {

  margin-left: -10px;

}

.popover-title {

  padding: 8px 14px;

  margin: 0;

  font-size: 14px;

  background-color: #f7f7f7;

  border-bottom: 1px solid #ebebeb;

  border-radius: 5px 5px 0 0;

}

.popover-content {

  padding: 9px 14px;

}

.popover > .arrow,

.popover > .arrow:after {

  position: absolute;

  display: block;

  width: 0;

  height: 0;

  border-color: transparent;

  border-style: solid;

}

.popover > .arrow {

  border-width: 11px;

}

.popover > .arrow:after {

  content: "";

  border-width: 10px;

}

.popover.top > .arrow {

  bottom: -11px;

  left: 50%;

  margin-left: -11px;

  border-top-color: #999;

  border-top-color: rgba(0, 0, 0, .25);

  border-bottom-width: 0;

}

.popover.top > .arrow:after {

  bottom: 1px;

  margin-left: -10px;

  content: " ";

  border-top-color: #fff;

  border-bottom-width: 0;

}

.popover.right > .arrow {

  top: 50%;

  left: -11px;

  margin-top: -11px;

  border-right-color: #999;

  border-right-color: rgba(0, 0, 0, .25);

  border-left-width: 0;

}

.popover.right > .arrow:after {

  bottom: -10px;

  left: 1px;

  content: " ";

  border-right-color: #fff;

  border-left-width: 0;

}

.popover.bottom > .arrow {

  top: -11px;

  left: 50%;

  margin-left: -11px;

  border-top-width: 0;

  border-bottom-color: #999;

  border-bottom-color: rgba(0, 0, 0, .25);

}

.popover.bottom > .arrow:after {

  top: 1px;

  margin-left: -10px;

  content: " ";

  border-top-width: 0;

  border-bottom-color: #fff;

}

.popover.left > .arrow {

  top: 50%;

  right: -11px;

  margin-top: -11px;

  border-right-width: 0;

  border-left-color: #999;

  border-left-color: rgba(0, 0, 0, .25);

}

.popover.left > .arrow:after {

  right: 1px;

  bottom: -10px;

  content: " ";

  border-right-width: 0;

  border-left-color: #fff;

}

.carousel {

  position: relative;

}

.carousel-inner {

  position: relative;

  width: 100%;

  overflow: hidden;

}

.carousel-inner > .item {

  position: relative;

  display: none;

  -webkit-transition: .6s ease-in-out left;

       -o-transition: .6s ease-in-out left;

          transition: .6s ease-in-out left;

}

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  line-height: 1;

}

@media all and (transform-3d), (-webkit-transform-3d) {

  .carousel-inner > .item {

    -webkit-transition: -webkit-transform .6s ease-in-out;

         -o-transition:      -o-transform .6s ease-in-out;

            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;

            backface-visibility: hidden;

    -webkit-perspective: 1000px;

            perspective: 1000px;

  }

  .carousel-inner > .item.next,

  .carousel-inner > .item.active.right {

    left: 0;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

  }

  .carousel-inner > .item.prev,

  .carousel-inner > .item.active.left {

    left: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

  }

  .carousel-inner > .item.next.left,

  .carousel-inner > .item.prev.right,

  .carousel-inner > .item.active {

    left: 0;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

}

.carousel-inner > .active,

.carousel-inner > .next,

.carousel-inner > .prev {

  display: block;

}

.carousel-inner > .active {

  left: 0;

}

.carousel-inner > .next,

.carousel-inner > .prev {

  position: absolute;

  top: 0;

  width: 100%;

}

.carousel-inner > .next {

  left: 100%;

}

.carousel-inner > .prev {

  left: -100%;

}

.carousel-inner > .next.left,

.carousel-inner > .prev.right {

  left: 0;

}

.carousel-inner > .active.left {

  left: -100%;

}

.carousel-inner > .active.right {

  left: 100%;

}

.carousel-control {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  width: 15%;

  font-size: 20px;

  color: #fff;

  text-align: center;

  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

  background-color: rgba(0, 0, 0, 0);

  filter: alpha(opacity=50);

  opacity: .5;

}

.carousel-control.left {

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);

  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-control.right {

  right: 0;

  left: auto;

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);

  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);

  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));

  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);

  background-repeat: repeat-x;

}

.carousel-control:hover,

.carousel-control:focus {

  color: #fff;

  text-decoration: none;

  filter: alpha(opacity=90);

  outline: 0;

  opacity: .9;

}

.carousel-control .icon-prev,

.carousel-control .icon-next,

.carousel-control .glyphicon-chevron-left,

.carousel-control .glyphicon-chevron-right {

  position: absolute;

  top: 50%;

  z-index: 5;

  display: inline-block;

  margin-top: -10px;

}

.carousel-control .icon-prev,

.carousel-control .glyphicon-chevron-left {

  left: 50%;

  margin-left: -10px;

}

.carousel-control .icon-next,

.carousel-control .glyphicon-chevron-right {

  right: 50%;

  margin-right: -10px;

}

.carousel-control .icon-prev,

.carousel-control .icon-next {

  width: 20px;

  height: 20px;

  font-family: serif;

  line-height: 1;

}

.carousel-control .icon-prev:before {

  content: '\2039';

}

.carousel-control .icon-next:before {

  content: '\203a';

}

.carousel-indicators {

  position: absolute;

  bottom: 10px;

  /*left: 50%;*/

  z-index: 15;

  /*width: 100%;*/

  padding-left: 0;

  /*margin-left: -30%;*/

  text-align: center;

  list-style: none;

  /*background:url(../../image/scroll_repeat.png)left repeat;*/

}

.carousel-indicators li {

  display: inline-block;

  width: 10px;

  height: 10px;

  margin: 1px;

  text-indent: -999px;

  cursor: pointer;

  background-color: #000 \9;

  background-color: rgba(0, 0, 0, 0);

  border: 1px solid #fff;

  border-radius: 10px;

}

.carousel-indicators .active {

  width: 12px;

  height: 12px;

  margin: 0;

  background-color: #fff;

}

.carousel-caption {

  position: absolute;

  /*right: 15%;*/

  bottom: -20px;

  width:100%;

  left: 0px;

  z-index: 10;

  padding-top: 13px;

  padding-bottom: 20px;

  color: #fff;

  text-align: left;

  padding-left:10px;

  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);

  background:url(../../image/noline_repeat.png) repeat;

}

.carousel-caption .btn {

  text-shadow: none;

}

@media screen and (min-width: 768px) {

  .carousel-control .glyphicon-chevron-left,

  .carousel-control .glyphicon-chevron-right,

  .carousel-control .icon-prev,

  .carousel-control .icon-next {

    width: 30px;

    height: 30px;

    margin-top: -10px;

    font-size: 30px;

  }

  .carousel-control .glyphicon-chevron-left,

  .carousel-control .icon-prev {

    margin-left: -10px;

  }

  .carousel-control .glyphicon-chevron-right,

  .carousel-control .icon-next {

    margin-right: -10px;

  }

  .carousel-caption {

    right: 20%;

    padding-bottom: 30px;

  }

  .carousel-indicators {

    bottom: 20px;

  }

}

.clearfix:before,

.clearfix:after,

.dl-horizontal dd:before,

.dl-horizontal dd:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after,

.form-horizontal .form-group:before,

.form-horizontal .form-group:after,

.btn-toolbar:before,

.btn-toolbar:after,

.btn-group-vertical > .btn-group:before,

.btn-group-vertical > .btn-group:after,

.nav:before,

.nav:after,

.navbar:before,

.navbar:after,

.navbar-header:before,

.navbar-header:after,

.navbar-collapse:before,

.navbar-collapse:after,

.pager:before,

.pager:after,

.panel-body:before,

.panel-body:after,

.modal-header:before,

.modal-header:after,

.modal-footer:before,

.modal-footer:after {

  display: table;

  content: " ";

}

.clearfix:after,

.dl-horizontal dd:after,

.container:after,

.container-fluid:after,

.row:after,

.form-horizontal .form-group:after,

.btn-toolbar:after,

.btn-group-vertical > .btn-group:after,

.nav:after,

.navbar:after,

.navbar-header:after,

.navbar-collapse:after,

.pager:after,

.panel-body:after,

.modal-header:after,

.modal-footer:after {

  clear: both;

}

.center-block {

  display: block;

  margin-right: auto;

  margin-left: auto;

}

.pull-right {

  float: right !important;

}

.pull-left {

  float: left !important;

}

.hide {

  display: none !important;

}

.show {

  display: block !important;

}

.invisible {

  visibility: hidden;

}

.text-hide {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.hidden {

  display: none !important;

}

.affix {

  position: fixed;

}

@-ms-viewport {

  width: device-width;

}

.visible-xs,

.visible-sm,

.visible-md,

.visible-lg {

  display: none !important;

}

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block,

.visible-sm-block,

.visible-sm-inline,

.visible-sm-inline-block,

.visible-md-block,

.visible-md-inline,

.visible-md-inline-block,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block {

  display: none !important;

}

@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

  table.visible-xs {

    display: table !important;

  }

  tr.visible-xs {

    display: table-row !important;

  }

  th.visible-xs,

  td.visible-xs {

    display: table-cell !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-block {

    display: block !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline {

    display: inline !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm {

    display: block !important;

  }

  table.visible-sm {

    display: table !important;

  }

  tr.visible-sm {

    display: table-row !important;

  }

  th.visible-sm,

  td.visible-sm {

    display: table-cell !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-block {

    display: block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline {

    display: inline !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md {

    display: block !important;

  }

  table.visible-md {

    display: table !important;

  }

  tr.visible-md {

    display: table-row !important;

  }

  th.visible-md,

  td.visible-md {

    display: table-cell !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-block {

    display: block !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline {

    display: inline !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg {

    display: block !important;

  }

  table.visible-lg {

    display: table !important;

  }

  tr.visible-lg {

    display: table-row !important;

  }

  th.visible-lg,

  td.visible-lg {

    display: table-cell !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-block {

    display: block !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-inline {

    display: inline !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-inline-block {

    display: inline-block !important;

  }

}

@media (max-width: 767px) {

  .hidden-xs {

    display: none !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm {

    display: none !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-md {

    display: none !important;

  }

}

@media (min-width: 1200px) {

  .hidden-lg {

    display: none !important;

  }

}

.visible-print {

  display: none !important;

}

@media print {

  .visible-print {

    display: block !important;

  }

  table.visible-print {

    display: table !important;

  }

  tr.visible-print {

    display: table-row !important;

  }

  th.visible-print,

  td.visible-print {

    display: table-cell !important;

  }

}

.visible-print-block {

  display: none !important;

}

@media print {

  .visible-print-block {

    display: block !important;

  }

}

.visible-print-inline {

  display: none !important;

}

@media print {

  .visible-print-inline {

    display: inline !important;

  }

}

.visible-print-inline-block {

  display: none !important;

}

@media print {

  .visible-print-inline-block {

    display: inline-block !important;

  }

}

@media print {

  .hidden-print {

    display: none !important;

  }

}

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

jquery.代码就不复制了可以去其他的网站下载的版本是1.11.1

lightgallery-all.js

/*! lightgallery - v1.2.21 - 2016-06-28

* http://sachinchoolur.github.io/lightGallery/

* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        mode: 'lg-slide',

        // Ex : 'ease'

        cssEasing: 'ease',

        //'for jquery animation'

        easing: 'linear',

        speed: 600,

        height: '100%',

        width: '100%',

        addClass: '',

        startClass: 'lg-start-zoom',

        backdropDuration: 150,

        hideBarsDelay: 6000,

        useLeft: false,

        closable: true,

        loop: true,

        escKey: true,

        keyPress: true,

        controls: true,

        slideEndAnimatoin: true,

        hideControlOnEnd: false,

        mousewheel: true,

        getCaptionFromTitleOrAlt: true,

        // .lg-item || '.lg-sub-html'

        appendSubHtmlTo: '.lg-sub-html',

        subHtmlSelectorRelative: false,

        /**

         * @desc number of preload slides

         * will exicute only after the current slide is fully loaded.

         *

         * @ex you clicked on 4th image and if preload = 1 then 3rd slide and 5th

         * slide will be loaded in the background after the 4th slide is fully loaded..

         * if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ...

         *

         */

        preload: 1,

        showAfterLoad: true,

        selector: '',

        selectWithin: '',

        nextHtml: '',

        prevHtml: '',

        // 0, 1

        index: false,

        iframeMaxWidth: '100%',

        download: true,

        counter: true,

        appendCounterTo: '.lg-toolbar',

        swipeThreshold: 50,

        enableSwipe: true,

        enableDrag: true,

        dynamic: false,

        dynamicEl: [],

        galleryId: 1

    };

    function Plugin(element, options) {

        // Current lightGallery element

        this.el = element;

        // Current jquery element

        this.$el = $(element);

        // lightGallery settings

        this.s = $.extend({}, defaults, options);

        // When using dynamic mode, ensure dynamicEl is an array

        if (this.s.dynamic && this.s.dynamicEl !== 'undefined' && this.s.dynamicEl.constructor === Array && !this.s.dynamicEl.length) {

            throw ('When using dynamic mode, you must also define dynamicEl as an Array.');

        }

        // lightGallery modules

        this.modules = {};

        // false when lightgallery complete first slide;

        this.lGalleryOn = false;

        this.lgBusy = false;

        // Timeout function for hiding controls;

        this.hideBartimeout = false;

        // To determine browser supports for touch events;

        this.isTouch = ('ontouchstart' in document.documentElement);

        // Disable hideControlOnEnd if sildeEndAnimation is true

        if (this.s.slideEndAnimatoin) {

            this.s.hideControlOnEnd = false;

        }

        // Gallery items

        if (this.s.dynamic) {

            this.$items = this.s.dynamicEl;

        } else {

            if (this.s.selector === 'this') {

                this.$items = this.$el;

            } else if (this.s.selector !== '') {

                if (this.s.selectWithin) {

                    this.$items = $(this.s.selectWithin).find(this.s.selector);

                } else {

                    this.$items = this.$el.find($(this.s.selector));

                }

            } else {

                this.$items = this.$el.children();

            }

        }

        // .lg-item

        this.$slide = '';

        // .lg-outer

        this.$outer = '';

        this.init();

        return this;

    }

    Plugin.prototype.init = function() {

        var _this = this;

        // s.preload should not be more than $item.length

        if (_this.s.preload > _this.$items.length) {

            _this.s.preload = _this.$items.length;

        }

        // if dynamic option is enabled execute immediately

        var _hash = window.location.hash;

        if (_hash.indexOf('lg=' + this.s.galleryId) > 0) {

            _this.index = parseInt(_hash.split('&slide=')[1], 10);

            $('body').addClass('lg-from-hash');

            if (!$('body').hasClass('lg-on')) {

                setTimeout(function() {

                    _this.build(_this.index);

                    $('body').addClass('lg-on');

                });

            }

        }

        if (_this.s.dynamic) {

            _this.$el.trigger('onBeforeOpen.lg');

            _this.index = _this.s.index || 0;

            // prevent accidental double execution

            if (!$('body').hasClass('lg-on')) {

                setTimeout(function() {

                    _this.build(_this.index);

                    $('body').addClass('lg-on');

                });

            }

        } else {

            // Using different namespace for click because click event should not unbind if selector is same object('this')

            _this.$items.on('click.lgcustom', function(event) {

                // For IE8

                try {

                    event.preventDefault();

                    event.preventDefault();

                } catch (er) {

                    event.returnValue = false;

                }

                _this.$el.trigger('onBeforeOpen.lg');

                _this.index = _this.s.index || _this.$items.index(this);

                // prevent accidental double execution

                if (!$('body').hasClass('lg-on')) {

                    _this.build(_this.index);

                    $('body').addClass('lg-on');

                }

            });

        }

    };

    Plugin.prototype.build = function(index) {

        var _this = this;

        _this.structure();

        // module constructor

        $.each($.fn.lightGallery.modules, function(key) {

            _this.modules[key] = new $.fn.lightGallery.modules[key](_this.el);

        });

        // initiate slide function

        _this.slide(index, false, false);

        if (_this.s.keyPress) {

            _this.keyPress();

        }

        if (_this.$items.length > 1) {

            _this.arrow();

            setTimeout(function() {

                _this.enableDrag();

                _this.enableSwipe();

            }, 50);

            if (_this.s.mousewheel) {

                _this.mousewheel();

            }

        }

        _this.counter();

        _this.closeGallery();

        _this.$el.trigger('onAfterOpen.lg');

        // Hide controllers if mouse doesn't move for some period

        _this.$outer.on('mousemove.lg click.lg touchstart.lg', function() {

            _this.$outer.removeClass('lg-hide-items');

            clearTimeout(_this.hideBartimeout);

            // Timeout will be cleared on each slide movement also

            _this.hideBartimeout = setTimeout(function() {

                _this.$outer.addClass('lg-hide-items');

            }, _this.s.hideBarsDelay);

        });

    };

    Plugin.prototype.structure = function() {

        var list = '';

        var controls = '';

        var i = 0;

        var subHtmlCont = '';

        var template;

        var _this = this;

        $('body').append('<div class="lg-backdrop"></div>');

        $('.lg-backdrop').css('transition-duration', this.s.backdropDuration + 'ms');

        // Create gallery items

        for (i = 0; i < this.$items.length; i++) {

            list += '<div class="lg-item"></div>';

        }

        // Create controlls

        if (this.s.controls && this.$items.length > 1) {

            controls = '<div class="lg-actions">' +

                '<div class="lg-prev lg-icon">' + this.s.prevHtml + '</div>' +

                '<div class="lg-next lg-icon">' + this.s.nextHtml + '</div>' +

                '</div>';

        }

        if (this.s.appendSubHtmlTo === '.lg-sub-html') {

            subHtmlCont = '<div class="lg-sub-html"></div>';

        }

        template = '<div class="lg-outer ' + this.s.addClass + ' ' + this.s.startClass + '">' +

            '<div class="lg" style="width:' + this.s.width + '; height:' + this.s.height + '">' +

            '<div class="lg-inner">' + list + '</div>' +

            '<div class="lg-toolbar group">' +

            '<span class="lg-close lg-icon"></span>' +

            '</div>' +

            controls +

            subHtmlCont +

            '</div>' +

            '</div>';

        $('body').append(template);

        this.$outer = $('.lg-outer');

        this.$slide = this.$outer.find('.lg-item');

        if (this.s.useLeft) {

            this.$outer.addClass('lg-use-left');

            // Set mode lg-slide if use left is true;

            this.s.mode = 'lg-slide';

        } else {

            this.$outer.addClass('lg-use-css3');

        }

        // For fixed height gallery

        _this.setTop();

        $(window).on('resize.lg orientationchange.lg', function() {

            setTimeout(function() {

                _this.setTop();

            }, 100);

        });

        // add class lg-current to remove initial transition

        this.$slide.eq(this.index).addClass('lg-current');

        // add Class for css support and transition mode

        if (this.doCss()) {

            this.$outer.addClass('lg-css3');

        } else {

            this.$outer.addClass('lg-css');

            // Set speed 0 because no animation will happen if browser doesn't support css3

            this.s.speed = 0;

        }

        this.$outer.addClass(this.s.mode);

        if (this.s.enableDrag && this.$items.length > 1) {

            this.$outer.addClass('lg-grab');

        }

        if (this.s.showAfterLoad) {

            this.$outer.addClass('lg-show-after-load');

        }

        if (this.doCss()) {

            var $inner = this.$outer.find('.lg-inner');

            $inner.css('transition-timing-function', this.s.cssEasing);

            $inner.css('transition-duration', this.s.speed + 'ms');

        }

        $('.lg-backdrop').addClass('in');

        setTimeout(function() {

            _this.$outer.addClass('lg-visible');

        }, this.s.backdropDuration);

        if (this.s.download) {

            this.$outer.find('.lg-toolbar').append('<a id="lg-download" target="_blank" download class="lg-download lg-icon"></a>');

        }

        // Store the current scroll top value to scroll back after closing the gallery..

        this.prevScrollTop = $(window).scrollTop();

    };

    // For fixed height gallery

    Plugin.prototype.setTop = function() {

        if (this.s.height !== '100%') {

            var wH = $(window).height();

            var top = (wH - parseInt(this.s.height, 10)) / 2;

            var $lGallery = this.$outer.find('.lg');

            if (wH >= parseInt(this.s.height, 10)) {

                $lGallery.css('top', top + 'px');

            } else {

                $lGallery.css('top', '0px');

            }

        }

    };

    // Find css3 support

    Plugin.prototype.doCss = function() {

        // check for css animation support

        var support = function() {

            var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition'];

            var root = document.documentElement;

            var i = 0;

            for (i = 0; i < transition.length; i++) {

                if (transition[i] in root.style) {

                    return true;

                }

            }

        };

        if (support()) {

            return true;

        }

        return false;

    };

    /**

     *  @desc Check the given src is video

     *  @param {String} src

     *  @return {Object} video type

     *  Ex:{ youtube  :  ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] }

     */

    Plugin.prototype.isVideo = function(src, index) {

        var html;

        if (this.s.dynamic) {

            html = this.s.dynamicEl[index].html;

        } else {

            html = this.$items.eq(index).attr('data-html');

        }

        if (!src && html) {

            return {

                html5: true

            };

        }

        var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i);

        var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i);

        var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i);

        var vk = src.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i);

        if (youtube) {

            return {

                youtube: youtube

            };

        } else if (vimeo) {

            return {

                vimeo: vimeo

            };

        } else if (dailymotion) {

            return {

                dailymotion: dailymotion

            };

        } else if (vk) {

            return {

                vk: vk

            };

        }

    };

    /**

     *  @desc Create image counter

     *  Ex: 1/10

     */

    Plugin.prototype.counter = function() {

        if (this.s.counter) {

            $(this.s.appendCounterTo).append('<div id="lg-counter"><span id="lg-counter-current">' + (parseInt(this.index, 10) + 1) + '</span> / <span id="lg-counter-all">' + this.$items.length + '</span></div>');

        }

    };

    /**

     *  @desc add sub-html into the slide

     *  @param {Number} index - index of the slide

     */

    Plugin.prototype.addHtml = function(index) {

        var subHtml = null;

        var subHtmlUrl;

        var $currentEle;

        if (this.s.dynamic) {

            if (this.s.dynamicEl[index].subHtmlUrl) {

                subHtmlUrl = this.s.dynamicEl[index].subHtmlUrl;

            } else {

                subHtml = this.s.dynamicEl[index].subHtml;

            }

        } else {

            $currentEle = this.$items.eq(index);

            if ($currentEle.attr('data-sub-html-url')) {

                subHtmlUrl = $currentEle.attr('data-sub-html-url');

            } else {

                subHtml = $currentEle.attr('data-sub-html');

                if (this.s.getCaptionFromTitleOrAlt && !subHtml) {

                    subHtml = $currentEle.attr('title') || $currentEle.find('img').first().attr('alt');

                }

            }

        }

        if (!subHtmlUrl) {

            if (typeof subHtml !== 'undefined' && subHtml !== null) {

                // get first letter of subhtml

                // if first letter starts with . or # get the html form the jQuery object

                var fL = subHtml.substring(0, 1);

                if (fL === '.' || fL === '#') {

                    if (this.s.subHtmlSelectorRelative && !this.s.dynamic) {

                        subHtml = $currentEle.find(subHtml).html();

                    } else {

                        subHtml = $(subHtml).html();

                    }

                }

            } else {

                subHtml = '';

            }

        }

        if (this.s.appendSubHtmlTo === '.lg-sub-html') {

            if (subHtmlUrl) {

                this.$outer.find(this.s.appendSubHtmlTo).load(subHtmlUrl);

            } else {

                this.$outer.find(this.s.appendSubHtmlTo).html(subHtml);

            }

        } else {

            if (subHtmlUrl) {

                this.$slide.eq(index).load(subHtmlUrl);

            } else {

                this.$slide.eq(index).append(subHtml);

            }

        }

        // Add lg-empty-html class if title doesn't exist

        if (typeof subHtml !== 'undefined' && subHtml !== null) {

            if (subHtml === '') {

                this.$outer.find(this.s.appendSubHtmlTo).addClass('lg-empty-html');

            } else {

                this.$outer.find(this.s.appendSubHtmlTo).removeClass('lg-empty-html');

            }

        }

        this.$el.trigger('onAfterAppendSubHtml.lg', [index]);

    };

    /**

     *  @desc Preload slides

     *  @param {Number} index - index of the slide

     */

    Plugin.prototype.preload = function(index) {

        var i = 1;

        var j = 1;

        for (i = 1; i <= this.s.preload; i++) {

            if (i >= this.$items.length - index) {

                break;

            }

            this.loadContent(index + i, false, 0);

        }

        for (j = 1; j <= this.s.preload; j++) {

            if (index - j < 0) {

                break;

            }

            this.loadContent(index - j, false, 0);

        }

    };

    /**

     *  @desc Load slide content into slide.

     *  @param {Number} index - index of the slide.

     *  @param {Boolean} rec - if true call loadcontent() function again.

     *  @param {Boolean} delay - delay for adding complete class. it is 0 except first time.

     */

    Plugin.prototype.loadContent = function(index, rec, delay) {

        var _this = this;

        var _hasPoster = false;

        var _$img;

        var _src;

        var _poster;

        var _srcset;

        var _sizes;

        var _html;

        var getResponsiveSrc = function(srcItms) {

            var rsWidth = [];

            var rsSrc = [];

            for (var i = 0; i < srcItms.length; i++) {

                var __src = srcItms[i].split(' ');

                // Manage empty space

                if (__src[0] === '') {

                    __src.splice(0, 1);

                }

                rsSrc.push(__src[0]);

                rsWidth.push(__src[1]);

            }

            var wWidth = $(window).width();

            for (var j = 0; j < rsWidth.length; j++) {

                if (parseInt(rsWidth[j], 10) > wWidth) {

                    _src = rsSrc[j];

                    break;

                }

            }

        };

        if (_this.s.dynamic) {

            if (_this.s.dynamicEl[index].poster) {

                _hasPoster = true;

                _poster = _this.s.dynamicEl[index].poster;

            }

            _html = _this.s.dynamicEl[index].html;

            _src = _this.s.dynamicEl[index].src;

            if (_this.s.dynamicEl[index].responsive) {

                var srcDyItms = _this.s.dynamicEl[index].responsive.split(',');

                getResponsiveSrc(srcDyItms);

            }

            _srcset = _this.s.dynamicEl[index].srcset;

            _sizes = _this.s.dynamicEl[index].sizes;

        } else {

            if (_this.$items.eq(index).attr('data-poster')) {

                _hasPoster = true;

                _poster = _this.$items.eq(index).attr('data-poster');

            }

            _html = _this.$items.eq(index).attr('data-html');

            _src = _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src');

            if (_this.$items.eq(index).attr('data-responsive')) {

                var srcItms = _this.$items.eq(index).attr('data-responsive').split(',');

                getResponsiveSrc(srcItms);

            }

            _srcset = _this.$items.eq(index).attr('data-srcset');

            _sizes = _this.$items.eq(index).attr('data-sizes');

        }

        //if (_src || _srcset || _sizes || _poster) {

        var iframe = false;

        if (_this.s.dynamic) {

            if (_this.s.dynamicEl[index].iframe) {

                iframe = true;

            }

        } else {

            if (_this.$items.eq(index).attr('data-iframe') === 'true') {

                iframe = true;

            }

        }

        var _isVideo = _this.isVideo(_src, index);

        if (!_this.$slide.eq(index).hasClass('lg-loaded')) {

            if (iframe) {

                _this.$slide.eq(index).prepend('<div class="lg-video-cont" style="max-width:' + _this.s.iframeMaxWidth + '"><div class="lg-video"><iframe class="lg-object" frameborder="0" src="' + _src + '"  allowfullscreen="true"></iframe></div></div>');

            } else if (_hasPoster) {

                var videoClass = '';

                if (_isVideo && _isVideo.youtube) {

                    videoClass = 'lg-has-youtube';

                } else if (_isVideo && _isVideo.vimeo) {

                    videoClass = 'lg-has-vimeo';

                } else {

                    videoClass = 'lg-has-html5';

                }

                _this.$slide.eq(index).prepend('<div class="lg-video-cont ' + videoClass + ' "><div class="lg-video"><span class="lg-video-play"></span><img class="lg-object lg-has-poster" src="' + _poster + '" /></div></div>');

            } else if (_isVideo) {

                _this.$slide.eq(index).prepend('<div class="lg-video-cont "><div class="lg-video"></div></div>');

                _this.$el.trigger('hasVideo.lg', [index, _src, _html]);

            } else {

                _this.$slide.eq(index).prepend('<div class="lg-img-wrap"><img class="lg-object lg-image" src="' + _src + '" /></div>');

            }

            _this.$el.trigger('onAferAppendSlide.lg', [index]);

            _$img = _this.$slide.eq(index).find('.lg-object');

            if (_sizes) {

                _$img.attr('sizes', _sizes);

            }

            if (_srcset) {

                _$img.attr('srcset', _srcset);

                try {

                    picturefill({

                        elements: [_$img[0]]

                    });

                } catch (e) {

                    console.error('Make sure you have included Picturefill version 2');

                }

            }

            if (this.s.appendSubHtmlTo !== '.lg-sub-html') {

                _this.addHtml(index);

            }

            _this.$slide.eq(index).addClass('lg-loaded');

        }

        _this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {

            // For first time add some delay for displaying the start animation.

            var _speed = 0;

            // Do not change the delay value because it is required for zoom plugin.

            // If gallery opened from direct url (hash) speed value should be 0

            if (delay && !$('body').hasClass('lg-from-hash')) {

                _speed = delay;

            }

            setTimeout(function() {

                _this.$slide.eq(index).addClass('lg-complete');

                _this.$el.trigger('onSlideItemLoad.lg', [index, delay || 0]);

            }, _speed);

        });

        // @todo check load state for html5 videos

        if (_isVideo && _isVideo.html5 && !_hasPoster) {

            _this.$slide.eq(index).addClass('lg-complete');

        }

        if (rec === true) {

            if (!_this.$slide.eq(index).hasClass('lg-complete')) {

                _this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() {

                    _this.preload(index);

                });

            } else {

                _this.preload(index);

            }

        }

        //}

    };

    /**

    *   @desc slide function for lightgallery

        ** Slide() gets call on start

        ** ** Set lg.on true once slide() function gets called.

        ** Call loadContent() on slide() function inside setTimeout

        ** ** On first slide we do not want any animation like slide of fade

        ** ** So on first slide( if lg.on if false that is first slide) loadContent() should start loading immediately

        ** ** Else loadContent() should wait for the transition to complete.

        ** ** So set timeout s.speed + 50

    <=> ** loadContent() will load slide content in to the particular slide

        ** ** It has recursion (rec) parameter. if rec === true loadContent() will call preload() function.

        ** ** preload will execute only when the previous slide is fully loaded (images iframe)

        ** ** avoid simultaneous image load

    <=> ** Preload() will check for s.preload value and call loadContent() again accoring to preload value

        ** loadContent()  <====> Preload();

    *   @param {Number} index - index of the slide

    *   @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag

    *   @param {Boolean} fromThumb - true if slide function called via thumbnail click

    */

    Plugin.prototype.slide = function(index, fromTouch, fromThumb) {

        var _prevIndex = this.$outer.find('.lg-current').index();

        var _this = this;

        // Prevent if multiple call

        // Required for hsh plugin

        if (_this.lGalleryOn && (_prevIndex === index)) {

            return;

        }

        var _length = this.$slide.length;

        var _time = _this.lGalleryOn ? this.s.speed : 0;

        var _next = false;

        var _prev = false;

        if (!_this.lgBusy) {

            if (this.s.download) {

                var _src;

                if (_this.s.dynamic) {

                    _src = _this.s.dynamicEl[index].downloadUrl !== false && (_this.s.dynamicEl[index].downloadUrl || _this.s.dynamicEl[index].src);

                } else {

                    _src = _this.$items.eq(index).attr('data-download-url') !== 'false' && (_this.$items.eq(index).attr('data-download-url') || _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src'));

                }

                if (_src) {

                    $('#lg-download').attr('href', _src);

                    _this.$outer.removeClass('lg-hide-download');

                } else {

                    _this.$outer.addClass('lg-hide-download');

                }

            }

            this.$el.trigger('onBeforeSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);

            _this.lgBusy = true;

            clearTimeout(_this.hideBartimeout);

            // Add title if this.s.appendSubHtmlTo === lg-sub-html

            if (this.s.appendSubHtmlTo === '.lg-sub-html') {

                // wait for slide animation to complete

                setTimeout(function() {

                    _this.addHtml(index);

                }, _time);

            }

            this.arrowDisable(index);

            if (!fromTouch) {

                // remove all transitions

                _this.$outer.addClass('lg-no-trans');

                this.$slide.removeClass('lg-prev-slide lg-next-slide');

                if (index < _prevIndex) {

                    _prev = true;

                    if ((index === 0) && (_prevIndex === _length - 1) && !fromThumb) {

                        _prev = false;

                        _next = true;

                    }

                } else if (index > _prevIndex) {

                    _next = true;

                    if ((index === _length - 1) && (_prevIndex === 0) && !fromThumb) {

                        _prev = true;

                        _next = false;

                    }

                }

                if (_prev) {

                    //prevslide

                    this.$slide.eq(index).addClass('lg-prev-slide');

                    this.$slide.eq(_prevIndex).addClass('lg-next-slide');

                } else if (_next) {

                    // next slide

                    this.$slide.eq(index).addClass('lg-next-slide');

                    this.$slide.eq(_prevIndex).addClass('lg-prev-slide');

                }

                // give 50 ms for browser to add/remove class

                setTimeout(function() {

                    _this.$slide.removeClass('lg-current');

                    //_this.$slide.eq(_prevIndex).removeClass('lg-current');

                    _this.$slide.eq(index).addClass('lg-current');

                    // reset all transitions

                    _this.$outer.removeClass('lg-no-trans');

                }, 50);

            } else {

                var touchPrev = index - 1;

                var touchNext = index + 1;

                if ((index === 0) && (_prevIndex === _length - 1)) {

                    // next slide

                    touchNext = 0;

                    touchPrev = _length - 1;

                } else if ((index === _length - 1) && (_prevIndex === 0)) {

                    // prev slide

                    touchNext = 0;

                    touchPrev = _length - 1;

                }

                this.$slide.removeClass('lg-prev-slide lg-current lg-next-slide');

                _this.$slide.eq(touchPrev).addClass('lg-prev-slide');

                _this.$slide.eq(touchNext).addClass('lg-next-slide');

                _this.$slide.eq(index).addClass('lg-current');

            }

            if (_this.lGalleryOn) {

                setTimeout(function() {

                    _this.loadContent(index, true, 0);

                }, this.s.speed + 50);

                setTimeout(function() {

                    _this.lgBusy = false;

                    _this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);

                }, this.s.speed);

            } else {

                _this.loadContent(index, true, _this.s.backdropDuration);

                _this.lgBusy = false;

                _this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]);

            }

            _this.lGalleryOn = true;

            if (this.s.counter) {

                $('#lg-counter-current').text(index + 1);

            }

        }

    };

    /**

     *  @desc Go to next slide

     *  @param {Boolean} fromTouch - true if slide function called via touch event

     */

    Plugin.prototype.goToNextSlide = function(fromTouch) {

        var _this = this;

        if (!_this.lgBusy) {

            if ((_this.index + 1) < _this.$slide.length) {

                _this.index++;

                _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);

                _this.slide(_this.index, fromTouch, false);

            } else {

                if (_this.s.loop) {

                    _this.index = 0;

                    _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]);

                    _this.slide(_this.index, fromTouch, false);

                } else if (_this.s.slideEndAnimatoin) {

                    _this.$outer.addClass('lg-right-end');

                    setTimeout(function() {

                        _this.$outer.removeClass('lg-right-end');

                    }, 400);

                }

            }

        }

    };

    /**

     *  @desc Go to previous slide

     *  @param {Boolean} fromTouch - true if slide function called via touch event

     */

    Plugin.prototype.goToPrevSlide = function(fromTouch) {

        var _this = this;

        if (!_this.lgBusy) {

            if (_this.index > 0) {

                _this.index--;

                _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);

                _this.slide(_this.index, fromTouch, false);

            } else {

                if (_this.s.loop) {

                    _this.index = _this.$items.length - 1;

                    _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]);

                    _this.slide(_this.index, fromTouch, false);

                } else if (_this.s.slideEndAnimatoin) {

                    _this.$outer.addClass('lg-left-end');

                    setTimeout(function() {

                        _this.$outer.removeClass('lg-left-end');

                    }, 400);

                }

            }

        }

    };

    Plugin.prototype.keyPress = function() {

        var _this = this;

        if (this.$items.length > 1) {

            $(window).on('keyup.lg', function(e) {

                if (_this.$items.length > 1) {

                    if (e.keyCode === 37) {

                        e.preventDefault();

                        _this.goToPrevSlide();

                    }

                    if (e.keyCode === 39) {

                        e.preventDefault();

                        _this.goToNextSlide();

                    }

                }

            });

        }

        $(window).on('keydown.lg', function(e) {

            if (_this.s.escKey === true && e.keyCode === 27) {

                e.preventDefault();

                if (!_this.$outer.hasClass('lg-thumb-open')) {

                    _this.destroy();

                } else {

                    _this.$outer.removeClass('lg-thumb-open');

                }

            }

        });

    };

    Plugin.prototype.arrow = function() {

        var _this = this;

        this.$outer.find('.lg-prev').on('click.lg', function() {

            _this.goToPrevSlide();

        });

        this.$outer.find('.lg-next').on('click.lg', function() {

            _this.goToNextSlide();

        });

    };

    Plugin.prototype.arrowDisable = function(index) {

        // Disable arrows if s.hideControlOnEnd is true

        if (!this.s.loop && this.s.hideControlOnEnd) {

            if ((index + 1) < this.$slide.length) {

                this.$outer.find('.lg-next').removeAttr('disabled').removeClass('disabled');

            } else {

                this.$outer.find('.lg-next').attr('disabled', 'disabled').addClass('disabled');

            }

            if (index > 0) {

                this.$outer.find('.lg-prev').removeAttr('disabled').removeClass('disabled');

            } else {

                this.$outer.find('.lg-prev').attr('disabled', 'disabled').addClass('disabled');

            }

        }

    };

    Plugin.prototype.setTranslate = function($el, xValue, yValue) {

        // jQuery supports Automatic CSS prefixing since jQuery 1.8.0

        if (this.s.useLeft) {

            $el.css('left', xValue);

        } else {

            $el.css({

                transform: 'translate3d(' + (xValue) + 'px, ' + yValue + 'px, 0px)'

            });

        }

    };

    Plugin.prototype.touchMove = function(startCoords, endCoords) {

        var distance = endCoords - startCoords;

        if (Math.abs(distance) > 15) {

            // reset opacity and transition duration

            this.$outer.addClass('lg-dragging');

            // move current slide

            this.setTranslate(this.$slide.eq(this.index), distance, 0);

            // move next and prev slide with current slide

            this.setTranslate($('.lg-prev-slide'), -this.$slide.eq(this.index).width() + distance, 0);

            this.setTranslate($('.lg-next-slide'), this.$slide.eq(this.index).width() + distance, 0);

        }

    };

    Plugin.prototype.touchEnd = function(distance) {

        var _this = this;

        // keep slide animation for any mode while dragg/swipe

        if (_this.s.mode !== 'lg-slide') {

            _this.$outer.addClass('lg-slide');

        }

        this.$slide.not('.lg-current, .lg-prev-slide, .lg-next-slide').css('opacity', '0');

        // set transition duration

        setTimeout(function() {

            _this.$outer.removeClass('lg-dragging');

            if ((distance < 0) && (Math.abs(distance) > _this.s.swipeThreshold)) {

                _this.goToNextSlide(true);

            } else if ((distance > 0) && (Math.abs(distance) > _this.s.swipeThreshold)) {

                _this.goToPrevSlide(true);

            } else if (Math.abs(distance) < 5) {

                // Trigger click if distance is less than 5 pix

                _this.$el.trigger('onSlideClick.lg');

            }

            _this.$slide.removeAttr('style');

        });

        // remove slide class once drag/swipe is completed if mode is not slide

        setTimeout(function() {

            if (!_this.$outer.hasClass('lg-dragging') && _this.s.mode !== 'lg-slide') {

                _this.$outer.removeClass('lg-slide');

            }

        }, _this.s.speed + 100);

    };

    Plugin.prototype.enableSwipe = function() {

        var _this = this;

        var startCoords = 0;

        var endCoords = 0;

        var isMoved = false;

        if (_this.s.enableSwipe && _this.isTouch && _this.doCss()) {

            _this.$slide.on('touchstart.lg', function(e) {

                if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy) {

                    e.preventDefault();

                    _this.manageSwipeClass();

                    startCoords = e.originalEvent.targetTouches[0].pageX;

                }

            });

            _this.$slide.on('touchmove.lg', function(e) {

                if (!_this.$outer.hasClass('lg-zoomed')) {

                    e.preventDefault();

                    endCoords = e.originalEvent.targetTouches[0].pageX;

                    _this.touchMove(startCoords, endCoords);

                    isMoved = true;

                }

            });

            _this.$slide.on('touchend.lg', function() {

                if (!_this.$outer.hasClass('lg-zoomed')) {

                    if (isMoved) {

                        isMoved = false;

                        _this.touchEnd(endCoords - startCoords);

                    } else {

                        _this.$el.trigger('onSlideClick.lg');

                    }

                }

            });

        }

    };

    Plugin.prototype.enableDrag = function() {

        var _this = this;

        var startCoords = 0;

        var endCoords = 0;

        var isDraging = false;

        var isMoved = false;

        if (_this.s.enableDrag && !_this.isTouch && _this.doCss()) {

            _this.$slide.on('mousedown.lg', function(e) {

                // execute only on .lg-object

                if (!_this.$outer.hasClass('lg-zoomed')) {

                    if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) {

                        e.preventDefault();

                        if (!_this.lgBusy) {

                            _this.manageSwipeClass();

                            startCoords = e.pageX;

                            isDraging = true;

                            // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723

                            _this.$outer.scrollLeft += 1;

                            _this.$outer.scrollLeft -= 1;

                            // *

                            _this.$outer.removeClass('lg-grab').addClass('lg-grabbing');

                            _this.$el.trigger('onDragstart.lg');

                        }

                    }

                }

            });

            $(window).on('mousemove.lg', function(e) {

                if (isDraging) {

                    isMoved = true;

                    endCoords = e.pageX;

                    _this.touchMove(startCoords, endCoords);

                    _this.$el.trigger('onDragmove.lg');

                }

            });

            $(window).on('mouseup.lg', function(e) {

                if (isMoved) {

                    isMoved = false;

                    _this.touchEnd(endCoords - startCoords);

                    _this.$el.trigger('onDragend.lg');

                } else if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) {

                    _this.$el.trigger('onSlideClick.lg');

                }

                // Prevent execution on click

                if (isDraging) {

                    isDraging = false;

                    _this.$outer.removeClass('lg-grabbing').addClass('lg-grab');

                }

            });

        }

    };

    Plugin.prototype.manageSwipeClass = function() {

        var touchNext = this.index + 1;

        var touchPrev = this.index - 1;

        var length = this.$slide.length;

        if (this.s.loop) {

            if (this.index === 0) {

                touchPrev = length - 1;

            } else if (this.index === length - 1) {

                touchNext = 0;

            }

        }

        this.$slide.removeClass('lg-next-slide lg-prev-slide');

        if (touchPrev > -1) {

            this.$slide.eq(touchPrev).addClass('lg-prev-slide');

        }

        this.$slide.eq(touchNext).addClass('lg-next-slide');

    };

    Plugin.prototype.mousewheel = function() {

        var _this = this;

        _this.$outer.on('mousewheel.lg', function(e) {

            if (!e.deltaY) {

                return;

            }

            if (e.deltaY > 0) {

                _this.goToPrevSlide();

            } else {

                _this.goToNextSlide();

            }

            e.preventDefault();

        });

    };

    Plugin.prototype.closeGallery = function() {

        var _this = this;

        var mousedown = false;

        this.$outer.find('.lg-close').on('click.lg', function() {

            _this.destroy();

        });

        if (_this.s.closable) {

            // If you drag the slide and release outside gallery gets close on chrome

            // for preventing this check mousedown and mouseup happened on .lg-item or lg-outer

            _this.$outer.on('mousedown.lg', function(e) {

                if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap')) {

                    mousedown = true;

                } else {

                    mousedown = false;

                }

            });

            _this.$outer.on('mouseup.lg', function(e) {

                if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap') && mousedown) {

                    if (!_this.$outer.hasClass('lg-dragging')) {

                        _this.destroy();

                    }

                }

            });

        }

    };

    Plugin.prototype.destroy = function(d) {

        var _this = this;

        if (!d) {

            _this.$el.trigger('onBeforeClose.lg');

        }

        $(window).scrollTop(_this.prevScrollTop);

        /**

         * if d is false or undefined destroy will only close the gallery

         * plugins instance remains with the element

         *

         * if d is true destroy will completely remove the plugin

         */

        if (d) {

            if (!_this.s.dynamic) {

                // only when not using dynamic mode is $items a jquery collection

                this.$items.off('click.lg click.lgcustom');

            }

            $.removeData(_this.el, 'lightGallery');

        }

        // Unbind all events added by lightGallery

        this.$el.off('.lg.tm');

        // Distroy all lightGallery modules

        $.each($.fn.lightGallery.modules, function(key) {

            if (_this.modules[key]) {

                _this.modules[key].destroy();

            }

        });

        this.lGalleryOn = false;

        clearTimeout(_this.hideBartimeout);

        this.hideBartimeout = false;

        $(window).off('.lg');

        $('body').removeClass('lg-on lg-from-hash');

        if (_this.$outer) {

            _this.$outer.removeClass('lg-visible');

        }

        $('.lg-backdrop').removeClass('in');

        setTimeout(function() {

            if (_this.$outer) {

                _this.$outer.remove();

            }

            $('.lg-backdrop').remove();

            if (!d) {

                _this.$el.trigger('onCloseAfter.lg');

            }

        }, _this.s.backdropDuration + 50);

    };

    $.fn.lightGallery = function(options) {

        return this.each(function() {

            if (!$.data(this, 'lightGallery')) {

                $.data(this, 'lightGallery', new Plugin(this, options));

            } else {

                try {

                    $(this).data('lightGallery').init();

                } catch (err) {

                    console.error('lightGallery has not initiated properly');

                }

            }

        });

    };

    $.fn.lightGallery.modules = {};

})(jQuery, window, document);

/**

 * Autoplay Plugin

 * @version 1.2.0

 * @author Sachin N - @sachinchoolur

 * @license MIT License (MIT)

 */

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        autoplay: false,

        pause: 5000,

        progressBar: true,

        fourceAutoplay: false,

        autoplayControls: true,

        appendAutoplayControlsTo: '.lg-toolbar'

    };

    /**

     * Creates the autoplay plugin.

     * @param {object} element - lightGallery element

     */

    var Autoplay = function(element) {

        this.core = $(element).data('lightGallery');

        this.$el = $(element);

        // Execute only if items are above 1

        if (this.core.$items.length < 2) {

            return false;

        }

        this.core.s = $.extend({}, defaults, this.core.s);

        this.interval = false;

        // Identify if slide happened from autoplay

        this.fromAuto = true;

        // Identify if autoplay canceled from touch/drag

        this.canceledOnTouch = false;

        // save fourceautoplay value

        this.fourceAutoplayTemp = this.core.s.fourceAutoplay;

        // do not allow progress bar if browser does not support css3 transitions

        if (!this.core.doCss()) {

            this.core.s.progressBar = false;

        }

        this.init();

        return this;

    };

    Autoplay.prototype.init = function() {

        var _this = this;

        // append autoplay controls

        if (_this.core.s.autoplayControls) {

            _this.controls();

        }

        // Create progress bar

        if (_this.core.s.progressBar) {

            _this.core.$outer.find('.lg').append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>');

        }

        // set progress

        _this.progress();

        // Start autoplay

        if (_this.core.s.autoplay) {

            _this.startlAuto();

        }

        // cancel interval on touchstart and dragstart

        _this.$el.on('onDragstart.lg.tm touchstart.lg.tm', function() {

            if (_this.interval) {

                _this.cancelAuto();

                _this.canceledOnTouch = true;

            }

        });

        // restore autoplay if autoplay canceled from touchstart / dragstart

        _this.$el.on('onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm', function() {

            if (!_this.interval && _this.canceledOnTouch) {

                _this.startlAuto();

                _this.canceledOnTouch = false;

            }

        });

    };

    Autoplay.prototype.progress = function() {

        var _this = this;

        var _$progressBar;

        var _$progress;

        _this.$el.on('onBeforeSlide.lg.tm', function() {

            // start progress bar animation

            if (_this.core.s.progressBar && _this.fromAuto) {

                _$progressBar = _this.core.$outer.find('.lg-progress-bar');

                _$progress = _this.core.$outer.find('.lg-progress');

                if (_this.interval) {

                    _$progress.removeAttr('style');

                    _$progressBar.removeClass('lg-start');

                    setTimeout(function() {

                        _$progress.css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');

                        _$progressBar.addClass('lg-start');

                    }, 20);

                }

            }

            // Remove setinterval if slide is triggered manually and fourceautoplay is false

            if (!_this.fromAuto && !_this.core.s.fourceAutoplay) {

                _this.cancelAuto();

            }

            _this.fromAuto = false;

        });

    };

    // Manage autoplay via play/stop buttons

    Autoplay.prototype.controls = function() {

        var _this = this;

        var _html = '<span class="lg-autoplay-button lg-icon"></span>';

        // Append autoplay controls

        $(this.core.s.appendAutoplayControlsTo).append(_html);

        _this.core.$outer.find('.lg-autoplay-button').on('click.lg', function() {

            if ($(_this.core.$outer).hasClass('lg-show-autoplay')) {

                _this.cancelAuto();

                _this.core.s.fourceAutoplay = false;

            } else {

                if (!_this.interval) {

                    _this.startlAuto();

                    _this.core.s.fourceAutoplay = _this.fourceAutoplayTemp;

                }

            }

        });

    };

    // Autostart gallery

    Autoplay.prototype.startlAuto = function() {

        var _this = this;

        _this.core.$outer.find('.lg-progress').css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s');

        _this.core.$outer.addClass('lg-show-autoplay');

        _this.core.$outer.find('.lg-progress-bar').addClass('lg-start');

        _this.interval = setInterval(function() {

            if (_this.core.index + 1 < _this.core.$items.length) {

                _this.core.index++;

            } else {

                _this.core.index = 0;

            }

            _this.fromAuto = true;

            _this.core.slide(_this.core.index, false, false);

        }, _this.core.s.speed + _this.core.s.pause);

    };

    // cancel Autostart

    Autoplay.prototype.cancelAuto = function() {

        clearInterval(this.interval);

        this.interval = false;

        this.core.$outer.find('.lg-progress').removeAttr('style');

        this.core.$outer.removeClass('lg-show-autoplay');

        this.core.$outer.find('.lg-progress-bar').removeClass('lg-start');

    };

    Autoplay.prototype.destroy = function() {

        this.cancelAuto();

        this.core.$outer.find('.lg-progress-bar').remove();

    };

    $.fn.lightGallery.modules.autoplay = Autoplay;

})(jQuery, window, document);

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        fullScreen: true

    };

    var Fullscreen = function(element) {

        // get lightGallery core plugin data

        this.core = $(element).data('lightGallery');

        this.$el = $(element);

        // extend module defalut settings with lightGallery core settings

        this.core.s = $.extend({}, defaults, this.core.s);

        this.init();

        return this;

    };

    Fullscreen.prototype.init = function() {

        var fullScreen = '';

        if (this.core.s.fullScreen) {

            // check for fullscreen browser support

            if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled &&

                !document.mozFullScreenEnabled && !document.msFullscreenEnabled) {

                return;

            } else {

                fullScreen = '<span class="lg-fullscreen lg-icon"></span>';

                this.core.$outer.find('.lg-toolbar').append(fullScreen);

                this.fullScreen();

            }

        }

    };

    Fullscreen.prototype.requestFullscreen = function() {

        var el = document.documentElement;

        if (el.requestFullscreen) {

            el.requestFullscreen();

        } else if (el.msRequestFullscreen) {

            el.msRequestFullscreen();

        } else if (el.mozRequestFullScreen) {

            el.mozRequestFullScreen();

        } else if (el.webkitRequestFullscreen) {

            el.webkitRequestFullscreen();

        }

    };

    Fullscreen.prototype.exitFullscreen = function() {

        if (document.exitFullscreen) {

            document.exitFullscreen();

        } else if (document.msExitFullscreen) {

            document.msExitFullscreen();

        } else if (document.mozCancelFullScreen) {

            document.mozCancelFullScreen();

        } else if (document.webkitExitFullscreen) {

            document.webkitExitFullscreen();

        }

    };

    // https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

    Fullscreen.prototype.fullScreen = function() {

        var _this = this;

        $(document).on('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg', function() {

            _this.core.$outer.toggleClass('lg-fullscreen-on');

        });

        this.core.$outer.find('.lg-fullscreen').on('click.lg', function() {

            if (!document.fullscreenElement &&

                !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {

                _this.requestFullscreen();

            } else {

                _this.exitFullscreen();

            }

        });

    };

    Fullscreen.prototype.destroy = function() {

        // exit from fullscreen if activated

        this.exitFullscreen();

        $(document).off('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg');

    };

    $.fn.lightGallery.modules.fullscreen = Fullscreen;

})(jQuery, window, document);

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        pager: false

    };

    var Pager = function(element) {

        this.core = $(element).data('lightGallery');

        this.$el = $(element);

        this.core.s = $.extend({}, defaults, this.core.s);

        if (this.core.s.pager && this.core.$items.length > 1) {

            this.init();

        }

        return this;

    };

    Pager.prototype.init = function() {

        var _this = this;

        var pagerList = '';

        var $pagerCont;

        var $pagerOuter;

        var timeout;

        _this.core.$outer.find('.lg').append('<div class="lg-pager-outer"></div>');

        if (_this.core.s.dynamic) {

            for (var i = 0; i < _this.core.s.dynamicEl.length; i++) {

                pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + _this.core.s.dynamicEl[i].thumb + '" /></div></span>';

            }

        } else {

            _this.core.$items.each(function() {

                if (!_this.core.s.exThumbImage) {

                    pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + $(this).find('img').attr('src') + '" /></div></span>';

                } else {

                    pagerList += '<span class="lg-pager-cont"> <span class="lg-pager"></span><div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="' + $(this).attr(_this.core.s.exThumbImage) + '" /></div></span>';

                }

            });

        }

        $pagerOuter = _this.core.$outer.find('.lg-pager-outer');

        $pagerOuter.html(pagerList);

        $pagerCont = _this.core.$outer.find('.lg-pager-cont');

        $pagerCont.on('click.lg touchend.lg', function() {

            var _$this = $(this);

            _this.core.index = _$this.index();

            _this.core.slide(_this.core.index, false, false);

        });

        $pagerOuter.on('mouseover.lg', function() {

            clearTimeout(timeout);

            $pagerOuter.addClass('lg-pager-hover');

        });

        $pagerOuter.on('mouseout.lg', function() {

            timeout = setTimeout(function() {

                $pagerOuter.removeClass('lg-pager-hover');

            });

        });

        _this.core.$el.on('onBeforeSlide.lg.tm', function(e, prevIndex, index) {

            $pagerCont.removeClass('lg-pager-active');

            $pagerCont.eq(index).addClass('lg-pager-active');

        });

    };

    Pager.prototype.destroy = function() {

    };

    $.fn.lightGallery.modules.pager = Pager;

})(jQuery, window, document);

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        thumbnail: true,

        animateThumb: true,

        currentPagerPosition: 'middle',

        thumbWidth: 100,

        thumbContHeight: 100,

        thumbMargin: 5,

        exThumbImage: false,

        showThumbByDefault: true,

        toogleThumb: true,

        pullCaptionUp: true,

        enableThumbDrag: true,

        enableThumbSwipe: true,

        swipeThreshold: 50,

        loadYoutubeThumbnail: true,

        youtubeThumbSize: 1,

        loadVimeoThumbnail: true,

        vimeoThumbSize: 'thumbnail_small',

        loadDailymotionThumbnail: true

    };

    var Thumbnail = function(element) {

        // get lightGallery core plugin data

        this.core = $(element).data('lightGallery');

        // extend module default settings with lightGallery core settings

        this.core.s = $.extend({}, defaults, this.core.s);

        this.$el = $(element);

        this.$thumbOuter = null;

        this.thumbOuterWidth = 0;

        this.thumbTotalWidth = (this.core.$items.length * (this.core.s.thumbWidth + this.core.s.thumbMargin));

        this.thumbIndex = this.core.index;

        // Thumbnail animation value

        this.left = 0;

        this.init();

        return this;

    };

    Thumbnail.prototype.init = function() {

        var _this = this;

        if (this.core.s.thumbnail && this.core.$items.length > 1) {

            if (this.core.s.showThumbByDefault) {

                setTimeout(function(){

                    _this.core.$outer.addClass('lg-thumb-open');

                }, 700);

            }

            if (this.core.s.pullCaptionUp) {

                this.core.$outer.addClass('lg-pull-caption-up');

            }

            this.build();

            if (this.core.s.animateThumb) {

                if (this.core.s.enableThumbDrag && !this.core.isTouch && this.core.doCss()) {

                    this.enableThumbDrag();

                }

                if (this.core.s.enableThumbSwipe && this.core.isTouch && this.core.doCss()) {

                    this.enableThumbSwipe();

                }

                this.thumbClickable = false;

            } else {

                this.thumbClickable = true;

            }

            this.toogle();

            this.thumbkeyPress();

        }

    };

    Thumbnail.prototype.build = function() {

        var _this = this;

        var thumbList = '';

        var vimeoErrorThumbSize = '';

        var $thumb;

        var html = '<div class="lg-thumb-outer">' +

            '<div class="lg-thumb group">' +

            '</div>' +

            '</div>';

        switch (this.core.s.vimeoThumbSize) {

            case 'thumbnail_large':

                vimeoErrorThumbSize = '640';

                break;

            case 'thumbnail_medium':

                vimeoErrorThumbSize = '200x150';

                break;

            case 'thumbnail_small':

                vimeoErrorThumbSize = '100x75';

        }

        _this.core.$outer.addClass('lg-has-thumb');

        _this.core.$outer.find('.lg').append(html);

        _this.$thumbOuter = _this.core.$outer.find('.lg-thumb-outer');

        _this.thumbOuterWidth = _this.$thumbOuter.width();

        if (_this.core.s.animateThumb) {

            _this.core.$outer.find('.lg-thumb').css({

                width: _this.thumbTotalWidth + 'px',

                position: 'relative'

            });

        }

        if (this.core.s.animateThumb) {

            _this.$thumbOuter.css('height', _this.core.s.thumbContHeight + 'px');

        }

        function getThumb(src, thumb, index) {

            var isVideo = _this.core.isVideo(src, index) || {};

            var thumbImg;

            var vimeoId = '';

            if (isVideo.youtube || isVideo.vimeo || isVideo.dailymotion) {

                if (isVideo.youtube) {

                    if (_this.core.s.loadYoutubeThumbnail) {

                        thumbImg = '//img.youtube.com/vi/' + isVideo.youtube[1] + '/' + _this.core.s.youtubeThumbSize + '.jpg';

                    } else {

                        thumbImg = thumb;

                    }

                } else if (isVideo.vimeo) {

                    if (_this.core.s.loadVimeoThumbnail) {

                        thumbImg = '//i.vimeocdn.com/video/error_' + vimeoErrorThumbSize + '.jpg';

                        vimeoId = isVideo.vimeo[1];

                    } else {

                        thumbImg = thumb;

                    }

                } else if (isVideo.dailymotion) {

                    if (_this.core.s.loadDailymotionThumbnail) {

                        thumbImg = '//www.dailymotion.com/thumbnail/video/' + isVideo.dailymotion[1];

                    } else {

                        thumbImg = thumb;

                    }

                }

            } else {

                thumbImg = thumb;

            }

            thumbList += '<div data-vimeo-id="' + vimeoId + '" class="lg-thumb-item" style="width:' + _this.core.s.thumbWidth + 'px; margin-right: ' + _this.core.s.thumbMargin + 'px"><img src="' + thumbImg + '" /></div>';

            vimeoId = '';

        }

        if (_this.core.s.dynamic) {

            for (var i = 0; i < _this.core.s.dynamicEl.length; i++) {

                getThumb(_this.core.s.dynamicEl[i].src, _this.core.s.dynamicEl[i].thumb, i);

            }

        } else {

            _this.core.$items.each(function(i) {

                if (!_this.core.s.exThumbImage) {

                    getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).find('img').attr('src'), i);

                } else {

                    getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).attr(_this.core.s.exThumbImage), i);

                }

            });

        }

        _this.core.$outer.find('.lg-thumb').html(thumbList);

        $thumb = _this.core.$outer.find('.lg-thumb-item');

        // Load vimeo thumbnails

        $thumb.each(function() {

            var $this = $(this);

            var vimeoVideoId = $this.attr('data-vimeo-id');

            if (vimeoVideoId) {

                $.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoId + '.json?callback=?', {

                    format: 'json'

                }, function(data) {

                    $this.find('img').attr('src', data[0][_this.core.s.vimeoThumbSize]);

                });

            }

        });

        // manage active class for thumbnail

        $thumb.eq(_this.core.index).addClass('active');

        _this.core.$el.on('onBeforeSlide.lg.tm', function() {

            $thumb.removeClass('active');

            $thumb.eq(_this.core.index).addClass('active');

        });

        $thumb.on('click.lg touchend.lg', function() {

            var _$this = $(this);

            setTimeout(function() {

                // In IE9 and bellow touch does not support

                // Go to slide if browser does not support css transitions

                if ((_this.thumbClickable && !_this.core.lgBusy) || !_this.core.doCss()) {

                    _this.core.index = _$this.index();

                    _this.core.slide(_this.core.index, false, true);

                }

            }, 50);

        });

        _this.core.$el.on('onBeforeSlide.lg.tm', function() {

            _this.animateThumb(_this.core.index);

        });

        $(window).on('resize.lg.thumb orientationchange.lg.thumb', function() {

            setTimeout(function() {

                _this.animateThumb(_this.core.index);

                _this.thumbOuterWidth = _this.$thumbOuter.width();

            }, 200);

        });

    };

    Thumbnail.prototype.setTranslate = function(value) {

        // jQuery supports Automatic CSS prefixing since jQuery 1.8.0

        this.core.$outer.find('.lg-thumb').css({

            transform: 'translate3d(-' + (value) + 'px, 0px, 0px)'

        });

    };

    Thumbnail.prototype.animateThumb = function(index) {

        var $thumb = this.core.$outer.find('.lg-thumb');

        if (this.core.s.animateThumb) {

            var position;

            switch (this.core.s.currentPagerPosition) {

                case 'left':

                    position = 0;

                    break;

                case 'middle':

                    position = (this.thumbOuterWidth / 2) - (this.core.s.thumbWidth / 2);

                    break;

                case 'right':

                    position = this.thumbOuterWidth - this.core.s.thumbWidth;

            }

            this.left = ((this.core.s.thumbWidth + this.core.s.thumbMargin) * index - 1) - position;

            if (this.left > (this.thumbTotalWidth - this.thumbOuterWidth)) {

                this.left = this.thumbTotalWidth - this.thumbOuterWidth;

            }

            if (this.left < 0) {

                this.left = 0;

            }

            if (this.core.lGalleryOn) {

                if (!$thumb.hasClass('on')) {

                    this.core.$outer.find('.lg-thumb').css('transition-duration', this.core.s.speed + 'ms');

                }

                if (!this.core.doCss()) {

                    $thumb.animate({

                        left: -this.left + 'px'

                    }, this.core.s.speed);

                }

            } else {

                if (!this.core.doCss()) {

                    $thumb.css('left', -this.left + 'px');

                }

            }

            this.setTranslate(this.left);

        }

    };

    // Enable thumbnail dragging and swiping

    Thumbnail.prototype.enableThumbDrag = function() {

        var _this = this;

        var startCoords = 0;

        var endCoords = 0;

        var isDraging = false;

        var isMoved = false;

        var tempLeft = 0;

        _this.$thumbOuter.addClass('lg-grab');

        _this.core.$outer.find('.lg-thumb').on('mousedown.lg.thumb', function(e) {

            if (_this.thumbTotalWidth > _this.thumbOuterWidth) {

                // execute only on .lg-object

                e.preventDefault();

                startCoords = e.pageX;

                isDraging = true;

                // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723

                _this.core.$outer.scrollLeft += 1;

                _this.core.$outer.scrollLeft -= 1;

                // *

                _this.thumbClickable = false;

                _this.$thumbOuter.removeClass('lg-grab').addClass('lg-grabbing');

            }

        });

        $(window).on('mousemove.lg.thumb', function(e) {

            if (isDraging) {

                tempLeft = _this.left;

                isMoved = true;

                endCoords = e.pageX;

                _this.$thumbOuter.addClass('lg-dragging');

                tempLeft = tempLeft - (endCoords - startCoords);

                if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) {

                    tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;

                }

                if (tempLeft < 0) {

                    tempLeft = 0;

                }

                // move current slide

                _this.setTranslate(tempLeft);

            }

        });

        $(window).on('mouseup.lg.thumb', function() {

            if (isMoved) {

                isMoved = false;

                _this.$thumbOuter.removeClass('lg-dragging');

                _this.left = tempLeft;

                if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {

                    _this.thumbClickable = true;

                }

            } else {

                _this.thumbClickable = true;

            }

            if (isDraging) {

                isDraging = false;

                _this.$thumbOuter.removeClass('lg-grabbing').addClass('lg-grab');

            }

        });

    };

    Thumbnail.prototype.enableThumbSwipe = function() {

        var _this = this;

        var startCoords = 0;

        var endCoords = 0;

        var isMoved = false;

        var tempLeft = 0;

        _this.core.$outer.find('.lg-thumb').on('touchstart.lg', function(e) {

            if (_this.thumbTotalWidth > _this.thumbOuterWidth) {

                e.preventDefault();

                startCoords = e.originalEvent.targetTouches[0].pageX;

                _this.thumbClickable = false;

            }

        });

        _this.core.$outer.find('.lg-thumb').on('touchmove.lg', function(e) {

            if (_this.thumbTotalWidth > _this.thumbOuterWidth) {

                e.preventDefault();

                endCoords = e.originalEvent.targetTouches[0].pageX;

                isMoved = true;

                _this.$thumbOuter.addClass('lg-dragging');

                tempLeft = _this.left;

                tempLeft = tempLeft - (endCoords - startCoords);

                if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) {

                    tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth;

                }

                if (tempLeft < 0) {

                    tempLeft = 0;

                }

                // move current slide

                _this.setTranslate(tempLeft);

            }

        });

        _this.core.$outer.find('.lg-thumb').on('touchend.lg', function() {

            if (_this.thumbTotalWidth > _this.thumbOuterWidth) {

                if (isMoved) {

                    isMoved = false;

                    _this.$thumbOuter.removeClass('lg-dragging');

                    if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) {

                        _this.thumbClickable = true;

                    }

                    _this.left = tempLeft;

                } else {

                    _this.thumbClickable = true;

                }

            } else {

                _this.thumbClickable = true;

            }

        });

    };

    Thumbnail.prototype.toogle = function() {

        var _this = this;

        if (_this.core.s.toogleThumb) {

            _this.core.$outer.addClass('lg-can-toggle');

            _this.$thumbOuter.append('<span class="lg-toogle-thumb lg-icon"></span>');

            _this.core.$outer.find('.lg-toogle-thumb').on('click.lg', function() {

                _this.core.$outer.toggleClass('lg-thumb-open');

            });

        }

    };

    Thumbnail.prototype.thumbkeyPress = function() {

        var _this = this;

        $(window).on('keydown.lg.thumb', function(e) {

            if (e.keyCode === 38) {

                e.preventDefault();

                _this.core.$outer.addClass('lg-thumb-open');

            } else if (e.keyCode === 40) {

                e.preventDefault();

                _this.core.$outer.removeClass('lg-thumb-open');

            }

        });

    };

    Thumbnail.prototype.destroy = function() {

        if (this.core.s.thumbnail && this.core.$items.length > 1) {

            $(window).off('resize.lg.thumb orientationchange.lg.thumb keydown.lg.thumb');

            this.$thumbOuter.remove();

            this.core.$outer.removeClass('lg-has-thumb');

        }

    };

    $.fn.lightGallery.modules.Thumbnail = Thumbnail;

})(jQuery, window, document);

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        videoMaxWidth: '855px',

        youtubePlayerParams: false,

        vimeoPlayerParams: false,

        dailymotionPlayerParams: false,

        vkPlayerParams: false,

        videojs: false,

        videojsOptions: {}

    };

    var Video = function(element) {

        this.core = $(element).data('lightGallery');

        this.$el = $(element);

        this.core.s = $.extend({}, defaults, this.core.s);

        this.videoLoaded = false;

        this.init();

        return this;

    };

    Video.prototype.init = function() {

        var _this = this;

        // Event triggered when video url found without poster

        _this.core.$el.on('hasVideo.lg.tm', function(event, index, src, html) {

            _this.core.$slide.eq(index).find('.lg-video').append(_this.loadVideo(src, 'lg-object', true, index, html));

            if (html) {

                if (_this.core.s.videojs) {

                    try {

                        videojs(_this.core.$slide.eq(index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() {

                            if (!_this.videoLoaded) {

                                this.play();

                            }

                        });

                    } catch (e) {

                        console.error('Make sure you have included videojs');

                    }

                } else {

                    _this.core.$slide.eq(index).find('.lg-html5').get(0).play();

                }

            }

        });

        // Set max width for video

        _this.core.$el.on('onAferAppendSlide.lg.tm', function(event, index) {

            _this.core.$slide.eq(index).find('.lg-video-cont').css('max-width', _this.core.s.videoMaxWidth);

            _this.videoLoaded = true;

        });

        var loadOnClick = function($el) {

            // check slide has poster

            if ($el.find('.lg-object').hasClass('lg-has-poster') && $el.find('.lg-object').is(':visible')) {

                // check already video element present

                if (!$el.hasClass('lg-has-video')) {

                    $el.addClass('lg-video-playing lg-has-video');

                    var _src;

                    var _html;

                    var _loadVideo = function(_src, _html) {

                        $el.find('.lg-video').append(_this.loadVideo(_src, '', false, _this.core.index, _html));

                        if (_html) {

                            if (_this.core.s.videojs) {

                                try {

                                    videojs(_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() {

                                        this.play();

                                    });

                                } catch (e) {

                                    console.error('Make sure you have included videojs');

                                }

                            } else {

                                _this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0).play();

                            }

                        }

                    };

                    if (_this.core.s.dynamic) {

                        _src = _this.core.s.dynamicEl[_this.core.index].src;

                        _html = _this.core.s.dynamicEl[_this.core.index].html;

                        _loadVideo(_src, _html);

                    } else {

                        _src = _this.core.$items.eq(_this.core.index).attr('href') || _this.core.$items.eq(_this.core.index).attr('data-src');

                        _html = _this.core.$items.eq(_this.core.index).attr('data-html');

                        _loadVideo(_src, _html);

                    }

                    var $tempImg = $el.find('.lg-object');

                    $el.find('.lg-video').append($tempImg);

                    // @todo loading icon for html5 videos also

                    // for showing the loading indicator while loading video

                    if (!$el.find('.lg-video-object').hasClass('lg-html5')) {

                        $el.removeClass('lg-complete');

                        $el.find('.lg-video-object').on('load.lg error.lg', function() {

                            $el.addClass('lg-complete');

                        });

                    }

                } else {

                    var youtubePlayer = $el.find('.lg-youtube').get(0);

                    var vimeoPlayer = $el.find('.lg-vimeo').get(0);

                    var dailymotionPlayer = $el.find('.lg-dailymotion').get(0);

                    var html5Player = $el.find('.lg-html5').get(0);

                    if (youtubePlayer) {

                        youtubePlayer.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');

                    } else if (vimeoPlayer) {

                        try {

                            $f(vimeoPlayer).api('play');

                        } catch (e) {

                            console.error('Make sure you have included froogaloop2 js');

                        }

                    } else if (dailymotionPlayer) {

                        dailymotionPlayer.contentWindow.postMessage('play', '*');

                    } else if (html5Player) {

                        if (_this.core.s.videojs) {

                            try {

                                videojs(html5Player).play();

                            } catch (e) {

                                console.error('Make sure you have included videojs');

                            }

                        } else {

                            html5Player.play();

                        }

                    }

                    $el.addClass('lg-video-playing');

                }

            }

        };

        if (_this.core.doCss() && _this.core.$items.length > 1 && ((_this.core.s.enableSwipe && _this.core.isTouch) || (_this.core.s.enableDrag && !_this.core.isTouch))) {

            _this.core.$el.on('onSlideClick.lg.tm', function() {

                var $el = _this.core.$slide.eq(_this.core.index);

                loadOnClick($el);

            });

        } else {

            // For IE 9 and bellow

            _this.core.$slide.on('click.lg', function() {

                loadOnClick($(this));

            });

        }

        _this.core.$el.on('onBeforeSlide.lg.tm', function(event, prevIndex, index) {

            var $videoSlide = _this.core.$slide.eq(prevIndex);

            var youtubePlayer = $videoSlide.find('.lg-youtube').get(0);

            var vimeoPlayer = $videoSlide.find('.lg-vimeo').get(0);

            var dailymotionPlayer = $videoSlide.find('.lg-dailymotion').get(0);

            var vkPlayer = $videoSlide.find('.lg-vk').get(0);

            var html5Player = $videoSlide.find('.lg-html5').get(0);

            if (youtubePlayer) {

                youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');

            } else if (vimeoPlayer) {

                try {

                    $f(vimeoPlayer).api('pause');

                } catch (e) {

                    console.error('Make sure you have included froogaloop2 js');

                }

            } else if (dailymotionPlayer) {

                dailymotionPlayer.contentWindow.postMessage('pause', '*');

            } else if (html5Player) {

                if (_this.core.s.videojs) {

                    try {

                        videojs(html5Player).pause();

                    } catch (e) {

                        console.error('Make sure you have included videojs');

                    }

                } else {

                    html5Player.pause();

                }

            } if (vkPlayer) {

                $(vkPlayer).attr('src', $(vkPlayer).attr('src').replace('&autoplay', '&noplay'));

            }

            var _src;

            if (_this.core.s.dynamic) {

                _src = _this.core.s.dynamicEl[index].src;

            } else {

                _src = _this.core.$items.eq(index).attr('href') || _this.core.$items.eq(index).attr('data-src');

            }

            var _isVideo = _this.core.isVideo(_src, index) || {};

            if (_isVideo.youtube || _isVideo.vimeo || _isVideo.dailymotion || _isVideo.vk) {

                _this.core.$outer.addClass('lg-hide-download');

            }

            //$videoSlide.addClass('lg-complete');

        });

        _this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex) {

            _this.core.$slide.eq(prevIndex).removeClass('lg-video-playing');

        });

    };

    Video.prototype.loadVideo = function(src, addClass, noposter, index, html) {

        var video = '';

        var autoplay = 1;

        var a = '';

        var isVideo = this.core.isVideo(src, index) || {};

        // Enable autoplay for first video if poster doesn't exist

        if (noposter) {

            if (this.videoLoaded) {

                autoplay = 0;

            } else {

                autoplay = 1;

            }

        }

        if (isVideo.youtube) {

            a = '?wmode=opaque&autoplay=' + autoplay + '&enablejsapi=1';

            if (this.core.s.youtubePlayerParams) {

                a = a + '&' + $.param(this.core.s.youtubePlayerParams);

            }

            video = '<iframe class="lg-video-object lg-youtube ' + addClass + '" width="560" height="315" src="//www.youtube.com/embed/' + isVideo.youtube[1] + a + '" frameborder="0" allowfullscreen></iframe>';

        } else if (isVideo.vimeo) {

            a = '?autoplay=' + autoplay + '&api=1';

            if (this.core.s.vimeoPlayerParams) {

                a = a + '&' + $.param(this.core.s.vimeoPlayerParams);

            }

            video = '<iframe class="lg-video-object lg-vimeo ' + addClass + '" width="560" height="315"  src="//player.vimeo.com/video/' + isVideo.vimeo[1] + a + '" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';

        } else if (isVideo.dailymotion) {

            a = '?wmode=opaque&autoplay=' + autoplay + '&api=postMessage';

            if (this.core.s.dailymotionPlayerParams) {

                a = a + '&' + $.param(this.core.s.dailymotionPlayerParams);

            }

            video = '<iframe class="lg-video-object lg-dailymotion ' + addClass + '" width="560" height="315" src="//www.dailymotion.com/embed/video/' + isVideo.dailymotion[1] + a + '" frameborder="0" allowfullscreen></iframe>';

        } else if (isVideo.html5) {

            var fL = html.substring(0, 1);

            if (fL === '.' || fL === '#') {

                html = $(html).html();

            }

            video = html;

        } else if (isVideo.vk) {

            a = '&autoplay=' + autoplay;

            if (this.core.s.vkPlayerParams) {

                a = a + '&' + $.param(this.core.s.vkPlayerParams);

            }

            video = '<iframe class="lg-video-object lg-vk ' + addClass + '" width="560" height="315" src="http://vk.com/video_ext.php?' + isVideo.vk[1] + a + '" frameborder="0" allowfullscreen></iframe>';

        }

        return video;

    };

    Video.prototype.destroy = function() {

        this.videoLoaded = false;

    };

    $.fn.lightGallery.modules.video = Video;

})(jQuery, window, document);

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        scale: 1,

        zoom: true,

        actualSize: true,

        enableZoomAfter: 300

    };

    var Zoom = function(element) {

        this.core = $(element).data('lightGallery');

        this.core.s = $.extend({}, defaults, this.core.s);

        if (this.core.s.zoom && this.core.doCss()) {

            this.init();

            // Store the zoomable timeout value just to clear it while closing

            this.zoomabletimeout = false;

            // Set the initial value center

            this.pageX = $(window).width() / 2;

            this.pageY = ($(window).height() / 2) + $(window).scrollTop();

        }

        return this;

    };

    Zoom.prototype.init = function() {

        var _this = this;

        var zoomIcons = '<span id="lg-zoom-in" class="lg-icon"></span><span id="lg-zoom-out" class="lg-icon"></span>';

        if (_this.core.s.actualSize) {

            zoomIcons += '<span id="lg-actual-size" class="lg-icon"></span>';

        }

        this.core.$outer.find('.lg-toolbar').append(zoomIcons);

        // Add zoomable class

        _this.core.$el.on('onSlideItemLoad.lg.tm.zoom', function(event, index, delay) {

            // delay will be 0 except first time

            var _speed = _this.core.s.enableZoomAfter + delay;

            // set _speed value 0 if gallery opened from direct url and if it is first slide

            if ($('body').hasClass('lg-from-hash') && delay) {

                // will execute only once

                _speed = 0;

            } else {

                // Remove lg-from-hash to enable starting animation.

                $('body').removeClass('lg-from-hash');

            }

            _this.zoomabletimeout = setTimeout(function() {

                _this.core.$slide.eq(index).addClass('lg-zoomable');

            }, _speed + 30);

        });

        var scale = 1;

        /**

         * @desc Image zoom

         * Translate the wrap and scale the image to get better user experience

         *

         * @param {String} scaleVal - Zoom decrement/increment value

         */

        var zoom = function(scaleVal) {

            var $image = _this.core.$outer.find('.lg-current .lg-image');

            var _x;

            var _y;

            // Find offset manually to avoid issue after zoom

            var offsetX = ($(window).width() - $image.width()) / 2;

            var offsetY = (($(window).height() - $image.height()) / 2) + $(window).scrollTop();

            _x = _this.pageX - offsetX;

            _y = _this.pageY - offsetY;

            var x = (scaleVal - 1) * (_x);

            var y = (scaleVal - 1) * (_y);

            $image.css('transform', 'scale3d(' + scaleVal + ', ' + scaleVal + ', 1)').attr('data-scale', scaleVal);

            $image.parent().css({

                left: -x + 'px',

                top: -y + 'px'

            }).attr('data-x', x).attr('data-y', y);

        };

        var callScale = function() {

            if (scale > 1) {

                _this.core.$outer.addClass('lg-zoomed');

            } else {

                _this.resetZoom();

            }

            if (scale < 1) {

                scale = 1;

            }

            zoom(scale);

        };

        var actualSize = function(event, $image, index, fromIcon) {

            var w = $image.width();

            var nw;

            if (_this.core.s.dynamic) {

                nw = _this.core.s.dynamicEl[index].width || $image[0].naturalWidth || w;

            } else {

                nw = _this.core.$items.eq(index).attr('data-width') || $image[0].naturalWidth || w;

            }

            var _scale;

            if (_this.core.$outer.hasClass('lg-zoomed')) {

                scale = 1;

            } else {

                if (nw > w) {

                    _scale = nw / w;

                    scale = _scale || 2;

                }

            }

            if (fromIcon) {

                _this.pageX = $(window).width() / 2;

                _this.pageY = ($(window).height() / 2) + $(window).scrollTop();

            } else {

                _this.pageX = event.pageX || event.originalEvent.targetTouches[0].pageX;

                _this.pageY = event.pageY || event.originalEvent.targetTouches[0].pageY;

            }

            callScale();

            setTimeout(function() {

                _this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab');

            }, 10);

        };

        var tapped = false;

        // event triggered after appending slide content

        _this.core.$el.on('onAferAppendSlide.lg.tm.zoom', function(event, index) {

            // Get the current element

            var $image = _this.core.$slide.eq(index).find('.lg-image');

            $image.on('dblclick', function(event) {

                actualSize(event, $image, index);

            });

            $image.on('touchstart', function(event) {

                if (!tapped) {

                    tapped = setTimeout(function() {

                        tapped = null;

                    }, 300);

                } else {

                    clearTimeout(tapped);

                    tapped = null;

                    actualSize(event, $image, index);

                }

                event.preventDefault();

            });

        });

        // Update zoom on resize and orientationchange

        $(window).on('resize.lg.zoom scroll.lg.zoom orientationchange.lg.zoom', function() {

            _this.pageX = $(window).width() / 2;

            _this.pageY = ($(window).height() / 2) + $(window).scrollTop();

            zoom(scale);

        });

        $('#lg-zoom-out').on('click.lg', function() {

            if (_this.core.$outer.find('.lg-current .lg-image').length) {

                scale -= _this.core.s.scale;

                callScale();

            }

        });

        $('#lg-zoom-in').on('click.lg', function() {

            if (_this.core.$outer.find('.lg-current .lg-image').length) {

                scale += _this.core.s.scale;

                callScale();

            }

        });

        $('#lg-actual-size').on('click.lg', function(event) {

            actualSize(event, _this.core.$slide.eq(_this.core.index).find('.lg-image'), _this.core.index, true);

        });

        // Reset zoom on slide change

        _this.core.$el.on('onBeforeSlide.lg.tm', function() {

            scale = 1;

            _this.resetZoom();

        });

        // Drag option after zoom

        if (!_this.core.isTouch) {

            _this.zoomDrag();

        }

        if (_this.core.isTouch) {

            _this.zoomSwipe();

        }

    };

    // Reset zoom effect

    Zoom.prototype.resetZoom = function() {

        this.core.$outer.removeClass('lg-zoomed');

        this.core.$slide.find('.lg-img-wrap').removeAttr('style data-x data-y');

        this.core.$slide.find('.lg-image').removeAttr('style data-scale');

        // Reset pagx pagy values to center

        this.pageX = $(window).width() / 2;

        this.pageY = ($(window).height() / 2) + $(window).scrollTop();

    };

    Zoom.prototype.zoomSwipe = function() {

        var _this = this;

        var startCoords = {};

        var endCoords = {};

        var isMoved = false;

        // Allow x direction drag

        var allowX = false;

        // Allow Y direction drag

        var allowY = false;

        _this.core.$slide.on('touchstart.lg', function(e) {

            if (_this.core.$outer.hasClass('lg-zoomed')) {

                var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');

                allowY = $image.outerHeight() * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();

                allowX = $image.outerWidth() * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();

                if ((allowX || allowY)) {

                    e.preventDefault();

                    startCoords = {

                        x: e.originalEvent.targetTouches[0].pageX,

                        y: e.originalEvent.targetTouches[0].pageY

                    };

                }

            }

        });

        _this.core.$slide.on('touchmove.lg', function(e) {

            if (_this.core.$outer.hasClass('lg-zoomed')) {

                var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');

                var distanceX;

                var distanceY;

                e.preventDefault();

                isMoved = true;

                endCoords = {

                    x: e.originalEvent.targetTouches[0].pageX,

                    y: e.originalEvent.targetTouches[0].pageY

                };

                // reset opacity and transition duration

                _this.core.$outer.addClass('lg-zoom-dragging');

                if (allowY) {

                    distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);

                } else {

                    distanceY = -Math.abs(_$el.attr('data-y'));

                }

                if (allowX) {

                    distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);

                } else {

                    distanceX = -Math.abs(_$el.attr('data-x'));

                }

                if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) {

                    _$el.css({

                        left: distanceX + 'px',

                        top: distanceY + 'px'

                    });

                }

            }

        });

        _this.core.$slide.on('touchend.lg', function() {

            if (_this.core.$outer.hasClass('lg-zoomed')) {

                if (isMoved) {

                    isMoved = false;

                    _this.core.$outer.removeClass('lg-zoom-dragging');

                    _this.touchendZoom(startCoords, endCoords, allowX, allowY);

                }

            }

        });

    };

    Zoom.prototype.zoomDrag = function() {

        var _this = this;

        var startCoords = {};

        var endCoords = {};

        var isDraging = false;

        var isMoved = false;

        // Allow x direction drag

        var allowX = false;

        // Allow Y direction drag

        var allowY = false;

        _this.core.$slide.on('mousedown.lg.zoom', function(e) {

            // execute only on .lg-object

            var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');

            allowY = $image.outerHeight() * $image.attr('data-scale') > _this.core.$outer.find('.lg').height();

            allowX = $image.outerWidth() * $image.attr('data-scale') > _this.core.$outer.find('.lg').width();

            if (_this.core.$outer.hasClass('lg-zoomed')) {

                if ($(e.target).hasClass('lg-object') && (allowX || allowY)) {

                    e.preventDefault();

                    startCoords = {

                        x: e.pageX,

                        y: e.pageY

                    };

                    isDraging = true;

                    // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723

                    _this.core.$outer.scrollLeft += 1;

                    _this.core.$outer.scrollLeft -= 1;

                    _this.core.$outer.removeClass('lg-grab').addClass('lg-grabbing');

                }

            }

        });

        $(window).on('mousemove.lg.zoom', function(e) {

            if (isDraging) {

                var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');

                var distanceX;

                var distanceY;

                isMoved = true;

                endCoords = {

                    x: e.pageX,

                    y: e.pageY

                };

                // reset opacity and transition duration

                _this.core.$outer.addClass('lg-zoom-dragging');

                if (allowY) {

                    distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);

                } else {

                    distanceY = -Math.abs(_$el.attr('data-y'));

                }

                if (allowX) {

                    distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);

                } else {

                    distanceX = -Math.abs(_$el.attr('data-x'));

                }

                _$el.css({

                    left: distanceX + 'px',

                    top: distanceY + 'px'

                });

            }

        });

        $(window).on('mouseup.lg.zoom', function(e) {

            if (isDraging) {

                isDraging = false;

                _this.core.$outer.removeClass('lg-zoom-dragging');

                // Fix for chrome mouse move on click

                if (isMoved && ((startCoords.x !== endCoords.x) || (startCoords.y !== endCoords.y))) {

                    endCoords = {

                        x: e.pageX,

                        y: e.pageY

                    };

                    _this.touchendZoom(startCoords, endCoords, allowX, allowY);

                }

                isMoved = false;

            }

            _this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab');

        });

    };

    Zoom.prototype.touchendZoom = function(startCoords, endCoords, allowX, allowY) {

        var _this = this;

        var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap');

        var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object');

        var distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x);

        var distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y);

        var minY = (_this.core.$outer.find('.lg').height() - $image.outerHeight()) / 2;

        var maxY = Math.abs(($image.outerHeight() * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').height() + minY);

        var minX = (_this.core.$outer.find('.lg').width() - $image.outerWidth()) / 2;

        var maxX = Math.abs(($image.outerWidth() * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').width() + minX);

        if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) {

            if (allowY) {

                if (distanceY <= -maxY) {

                    distanceY = -maxY;

                } else if (distanceY >= -minY) {

                    distanceY = -minY;

                }

            }

            if (allowX) {

                if (distanceX <= -maxX) {

                    distanceX = -maxX;

                } else if (distanceX >= -minX) {

                    distanceX = -minX;

                }

            }

            if (allowY) {

                _$el.attr('data-y', Math.abs(distanceY));

            } else {

                distanceY = -Math.abs(_$el.attr('data-y'));

            }

            if (allowX) {

                _$el.attr('data-x', Math.abs(distanceX));

            } else {

                distanceX = -Math.abs(_$el.attr('data-x'));

            }

            _$el.css({

                left: distanceX + 'px',

                top: distanceY + 'px'

            });

        }

    };

    Zoom.prototype.destroy = function() {

        var _this = this;

        // Unbind all events added by lightGallery zoom plugin

        _this.core.$el.off('.lg.zoom');

        $(window).off('.lg.zoom');

        _this.core.$slide.off('.lg.zoom');

        _this.core.$el.off('.lg.tm.zoom');

        _this.resetZoom();

        clearTimeout(_this.zoomabletimeout);

        _this.zoomabletimeout = false;

    };

    $.fn.lightGallery.modules.zoom = Zoom;

})(jQuery, window, document);

(function($, window, document, undefined) {

    'use strict';

    var defaults = {

        hash: true

    };

    var Hash = function(element) {

        this.core = $(element).data('lightGallery');

        this.core.s = $.extend({}, defaults, this.core.s);

        if (this.core.s.hash) {

            this.oldHash = window.location.hash;

            this.init();

        }

        return this;

    };

    Hash.prototype.init = function() {

        var _this = this;

        var _hash;

        // Change hash value on after each slide transition

        _this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) {

            window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + index;

        });

        // Listen hash change and change the slide according to slide value

        $(window).on('hashchange.lg.hash', function() {

            _hash = window.location.hash;

            var _idx = parseInt(_hash.split('&slide=')[1], 10);

            // it galleryId doesn't exist in the url close the gallery

            if ((_hash.indexOf('lg=' + _this.core.s.galleryId) > -1)) {

                _this.core.slide(_idx, false, false);

            } else if (_this.core.lGalleryOn) {

                _this.core.destroy();

            }

        });

    };

    Hash.prototype.destroy = function() {

        if (!this.core.s.hash) {

            return;

        }

        // Reset to old hash value

        if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) {

            window.location.hash = this.oldHash;

        } else {

            if (history.pushState) {

                history.pushState('', document.title, window.location.pathname + window.location.search);

            } else {

                window.location.hash = '';

            }

        }

        this.core.$el.off('.lg.hash');

    };

    $.fn.lightGallery.modules.hash = Hash;

})(jQuery, window, document);

image-gallery.js

$(function () {

    $('.aniimated-thumbnials').lightGallery({

        thumbnail: true,

        selector: 'a'

    });

});

相关文章