/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
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,
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: 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;
  -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"] {
  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;
}
@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !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^="javascript:"]:after,
  a[href^="#"]: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;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -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: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", 'Lato', sans-serif;, 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: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  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;
          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;
}
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: #999;
}
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: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  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 #999;
}
.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: #999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 10px;
  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';
}
blockquote:before,
blockquote:after {
  content: "";
}
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;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
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: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.pagewidth .pagecontainer table.tb_v4bc ~ table   > tbody > tr > td > table:last-child{margin:0 auto}
@media (min-width: 768px) {
  .container, .pagewidth .pagecontainer table.tb_v4bc ~ table   > tbody > tr > td > table:last-child {
    width: 768px;
  }
}
@media (min-width: 939px) {
  .container,.pagewidth .pagecontainer table.tb_v4bc ~ table   > tbody > tr > td > table:last-child{
    width: 939px;
  }
}
@media (min-width: 992px) {
  .container, .pagewidth .pagecontainer table.tb_v4bc ~ table   > tbody > tr > td > table:last-child {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .container , .pagewidth .pagecontainer table.tb_v4bc ~ table   > tbody > tr > td > table:last-child{
    width: 1160px;
  }
}
.pagecontainer-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.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: 10px;
  padding-left: 10px;
}
.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: 0;
}
.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: 0;
}
.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: 0;
  }
  .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: 0;
  }
  .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: 0;
  }
  .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: 0;
  }
  .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: 0;
  }
  .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: 0;
  }
  .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 {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  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-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  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.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.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.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.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.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -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;
  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;
  /* IE8-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: thin dotted;
  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, 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[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  margin-bottom: 10px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  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],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.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;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  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 {
  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 {
  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;
}
.form-control-static {
  margin-bottom: 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 .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;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.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: -10px;
  margin-left: -10px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 10px;
}
.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;
  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 {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.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 {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.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:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.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:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.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:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  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:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.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:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  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:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.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:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  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:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.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:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.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: #2a6496;
  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: #999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  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%;
  padding-right: 0;
  padding-left: 0;
}
.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;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
          transition: height .35s ease;
}
@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.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: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro: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";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.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;
  list-style: none;
  background-color: #fff;
  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: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.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: #999;
}
.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 solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@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:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.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-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 > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-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-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-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%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: 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-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.33;
  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 {
  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 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999;
  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: #428bca;
}
.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: #428bca;
}
.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 {
  max-height: 340px;
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  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;
    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;
  }
}
.pagecontainer > .navbar-header,
.pagecontainer-fluid > .navbar-header,
.pagecontainer > .navbar-collapse,
.pagecontainer-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 768px) {
  .pagecontainer > .navbar-header,
  .pagecontainer-fluid > .navbar-header,
  .pagecontainer > .navbar-collapse,
  .pagecontainer-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: 10px 10px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .pagecontainer .navbar-brand,
  .navbar > .pagecontainer-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 10px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.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 -10px;
}
.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;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 10px 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: 10px;
    padding-bottom: 10px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -10px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  padding: 10px 10px;
  margin-top: 8px;
  margin-right: -10px;
  margin-bottom: 8px;
  margin-left: -10px;
  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 .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;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@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-form.navbar-right:last-child {
    margin-right: -10px;
  }
}
.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 {
  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: 10px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
  }
  .navbar-text.navbar-right:last-child {
    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 {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  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-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999;
}
.navbar-inverse .navbar-nav > li > a {
  color: #999;
}
.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: #999;
  }
  .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: #999;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.breadcrumb {
  padding: 8px 10px;
  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: #999;
}
.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: #428bca;
  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 {
  color: #2a6496;
  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: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.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;
}
.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: 10px;
}
.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: #999;
  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;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.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: baseline;
  background-color: #999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 10px;
  font-size: 21px;
  font-weight: 200;
}
.pagecontainer .jumbotron {
  border-radius: 6px;
}
.jumbotron .pagecontainer {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .pagecontainer .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: all .2s ease-in-out;
          transition: all .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: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 10px;
  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 {
  padding-right: 35px;
}
.alert-dismissable .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;
  }
}
@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: #428bca;
  -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;
          transition: width .6s ease;
}
.progress-striped .progress-bar {
  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:         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-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-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:         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:         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:         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:         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,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 10px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.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 10px;
  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;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.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 {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.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 {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.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 {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.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: 10px;
}
.panel-heading {
  padding: 10px 10px;
  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 {
  color: inherit;
}
.panel-footer {
  padding: 10px 10px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .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 {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.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 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 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 {
  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;
  overflow: hidden;
  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 {
  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-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.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-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-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-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-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.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: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-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%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -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 {
  min-height: 16.42857143px;
  padding: 10px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 10px;
  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;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 10px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.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;
  text-decoration: none;
  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 {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  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;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  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);
}
.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;
  font-weight: normal;
  line-height: 18px;
  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;
  text-align: center;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
.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);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
 /* background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  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, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
  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: none;
  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;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.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: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.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;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.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;
    margin-left: -10px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.pagecontainer:before,
.pagecontainer:after,
.pagecontainer-fluid:before,
.pagecontainer-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-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.pagecontainer:after,
.pagecontainer-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-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;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !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;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*!
 * Bootstrap v3.1.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #2d6ca2;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #2d6ca2;
  border-color: #2b669a;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #357ebd;
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
  background-image:         linear-gradient(to bottom, #222 0%, #282828 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x;
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #3071a9;
  background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #3278b3;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
  background-image:         linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
@charset "utf-8";
body
{
	margin: 0;
	padding: 0;
	font-family: 'Droid Sans', sans-serif;
	font-size: 14px;
	display: inline-block;
	width: 100% !important;
	color: #333333;
	overflow-x: hidden;
	font-weight:400;
}
input, button, select, textarea{ outline: none; font-family: 'Droid Sans', sans-serif;}
#Body, #Body *{font-family: 'Droid Sans', sans-serif;}
a, p, strong, ul, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0}
h1{font-size: 24px}
h3{font-size: 28px}
h4{font-size: 22px}
li{list-style: none}
a:focus, input:focus{outline: none !important;text-decoration: none;}
a:hover{text-decoration: none}

.pagewidth{float:left; width:100%}
.wrappage {width: 100%; }
input[type=text]::-ms-clear {  display: none !important; width : 0 !important; height: 0 !important; }
input[type=text]::-ms-reveal {  display: none !important; width : 0 !important; height: 0 !important; }
.input-text, .sub_search{outline :0px !important; }
.sub_search{border:0px !important}
#Body .tab-content-m{float:left; width:100%}
select:focus, button:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner {
    outline: none !important;
    border: none !important;
}
code {
    padding: 2px;
    background: #ddd;
}
img{max-width:100%;}
#gh-logo{max-width:500%}
a.text:hover{text-decoration:none}
/* Micro reset */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
  
/* Begin style header */
.header-top{background:url("../images/PetersofKensington-headertop-background.png") repeat-x 0 0;}
.header-top p{text-align:right;font-size:12px;color:#333333;font-family:Arial;line-height:50px;}
.header-container{ display: inline-block; width: 100%; position: relative; }
.header-container  .nav-trigger { display: none; }
.header-container #nav-trigger +label{  margin-bottom: 0}

.header-content{ display: inline-block; width: 100%; text-align: center; position: relative;background:#DB69A3; }
.header-content .logo-content{ float: left; text-align: left;width: auto;margin-top:-15px;}
.header-content .text-shipping{float: left;margin: 0;display: inline-block;padding: 37px 0 0; }
.header-content .text-shipping p span{padding: 0 0 0 10px;color: #ffffff; font-size: 14px;font-family:arial;text-transform:none; }
.header-content .text-shipping p a{display: inline-block;}
.header-content .text-shipping p a:first-child{padding:0 20px 0 0;background:url("../images/PetersofKensington-header-line.png") no-repeat right bottom;}
.header-content .text-shipping p a:last-child{padding:0 0 0 18px;}
/* End style header */ 

.search-container{display: inline-block; float: right;width:50%;margin: 20px 0 22px;}
.search-container .search-content p{color:#ffffff;font-size:16px;font-family:arial;text-align:left;text-transform:uppercase;}
.search-content{float:right;width:67%; display: inline-block;position: relative;}
.search-content p {margin: 0px 0 5px;}
.search-content .v4sbox{box-shadow: 5px 5px 10px #ededed inset !important;border-radius:0px; background:#fff !important; width: 100%;  padding: 0px; border: 0 !important; font-size:15px; line-height:24px;min-height:40px; color: #333333; padding: 0px 50px 0px 20px;display: inline-block;font-family:arial;}
.search-content .v4sbox.search-mobile{display: none}
/*.search-content .v5sbox{ background:#fff url("../images/PetersofKensington-header-search.png") no-repeat center center;  width:40px; text-indent:-9999px; height:40px; border: 0  !important;  display: inline-block; position:absolute;bottom:0px; right:0px;}*/
.search-content .v5sbox{ box-shadow:-4px 10px 11px -4px #ededed inset; background:#fff url("../images/result.png") no-repeat center center;background-position: 5px -38px;  width:40px; text-indent:-9999px; height:40px; border: 0  !important;  display: inline-block; position:absolute;bottom:0px; right:0px;}
.search-content .v5sbox:hover{ }
.v4sbox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:  #333333;
}
.v4sbox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333333;
   opacity:  1;
}
.v4sbox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   #333333;
   opacity:  1;
}
.v4sbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:  #333333;
}
.header-container input{display: none}
.menu-header{ width:100%;  background:url("../images/PetersofKensington-headermenu-background.png") repeat-x 0 0; }
.menu-header .container { position:relative;}
.menu-header .menu-container {width:100%; display:inline-block;text-align:center !important; }
.menu-header ul {width:100%; display: inline-block; }
.menu-header ul li {display:inline-block; position: relative; }
.menu-header ul li.other{display: none !important}
.menu-header ul li a {font-size:14px;font-family: 'Varela', sans-serif; text-transform: none; color:#444444; font-weight:400; line-height:20px;  display: inline-block; padding:19px 20px 20px;}
.menu-header ul li a:hover { background-color:#C6427E;color:#ffffff;}
.menu-header ul li input, .menu-header ul li .icon-cat{display:none}
.menu-header ul .sub-category{position: absolute; padding: 5px 0; top:40px; min-width: 270px; background: #fff; left: 0; z-index: 1;}
.menu-header ul .sub-category li{ width: 100%}
.menu-header ul .sub-category li a{color: #111111; font-weight: 400; font-size: 14px; line-height: 18px; width: 100%; padding: 10px 20px}
.menu-header ul .sub-category li a:hover{color: #fff}
.menu-header ul .sub-category,.menu-header ul .sub-category2{display:none}
/* End style header */

/* Begin style details content */
.main-container{display: inline-block; width: 100%; padding-top: 40px}
.product-detail-content{display:inline-block; width:100%;}
.product-shop-container{width:65%; float:right; padding-left: 40px;margin-top: -7px;}
.box-images-details{  float:left; width: 35%; float: left;border:1px solid #EAEAEA; }
.slider{
	width: 100%;
	display:inline-block;
	position:relative
}
.slider .grid-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  height: 398px;
  width: 100%;
  margin: 0 auto;
}
.slider .grid-item {
  height: 20%;
  width: 20%;
  position:relative;
  z-index:5;
  background:#fff;
  opacity:0;
  float:left;
} 
.slider .grid-item:hover:nth-of-type(5n + 1) ~ .img-details p{ left: 0px; }
.slider .grid-item:hover:nth-of-type(1n + 1) ~ .img-details  p{ top: 0px; }
.slider .grid-item:hover:nth-of-type(5n + 2) ~ .img-details  p{ left: -12.5%; }
.slider .grid-item:hover:nth-of-type(1n + 6) ~ .img-details  p{ top: -12.5%; }
.slider .grid-item:hover:nth-of-type(5n + 3) ~ .img-details  p{ left: -25%; }
.slider .grid-item:hover:nth-of-type(1n + 11) ~ .img-details  p{ top: -25%; }
.slider .grid-item:hover:nth-of-type(5n + 4) ~ .img-details  p{ left: -37.5%; }
.slider .grid-item:hover:nth-of-type(1n + 16) ~ .img-details  p{ top: -37.5%; }
.slider .grid-item:hover:nth-of-type(5n + 5) ~ .img-details  p{ left: -50%; }
.slider .grid-item:hover:nth-of-type(1n + 21) ~ .img-details  p{ top: -50%; }
/*Last thing remaining is to add transitions*/
.slider  .img-details{
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	text-align:center;
	z-index:2;
    height: 398px;
    width:100%;
	overflow: hidden;
	background: #fff
}
.slider  .img-details img{max-height: 453px;}
.slider .grid-item ~ .img-details p{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%; 
}
.slider .grid-item ~ .img-details img{
	max-width:100%;
	max-height:100%;
}
.slider .grid-item:hover ~ .img-details p{
   width:150%;
   height:150%
} 
.slider .grid-item:hover ~ .img-details p img{
	width: auto;
	height: auto;
   max-width:100%;
   max-height:100%
} 

.slider input[name='slide_switch'] {
	display: none;
}
.grid-wrapper > label:after{
	content:"Hover to zoom";
	background:url("../images/result.png") no-repeat left center;
	background-position: 0px -88px;
	padding:0 0 0 25px;
	color:#777777;
	font-size:12px;font-family:arial;
	margin:0 0 0 15px;
	float:left;
}
.slider label {
	/*Lets add some spacing for the thumbnails*/
	margin: 0 0px 0px 0;
	line-height:40px;
	cursor: pointer;
	transition: all 0.5s;
	/*Default style = low opacity*/
	opacity: 1;
	float:left;
	width:100%;
	background:#f8f8f8;
}
.slider span {
	/*Lets add some spacing for the thumbnails*/
	width:90px;
	height:90px ;
	text-align:center;
	display:inline-table;
	background: #fff; 
	border:1px solid #dddddd;
}
.slider input[value=""] + label{display: none !important}
.slider input#id4 + label,.slider input#id8 + label,.slider input#id12 + label{margin-right: 0}
.slider  span:has(img[src=""]){display:none;}
.slider label img{max-width:88px; max-height:88px;width:auto;display:none; }
.slider label   img[src=""]{display:none}
/*Time to add the click effects*/
.slider input[name='slide_switch']:checked+label {
	opacity: 1;
}
.slider input[name='slide_switch']:checked+label span img, .slider span:hover img { 
 
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.slider input[name='slide_switch'] ~ .img-details {
	opacity: 0;
	display:none;
}
.slider input[name='slide_switch']:checked + label + .img-details {
	opacity: 1;
	display:block;
	z-index:1;
	background: #fff
}
.slider #id1 + label + .img-details {
	opacity: 1;
	display:block;
	z-index:1;
	border-bottom:1px solid #EAEAEA;
}

.slider input#id11[value=""] + label + div + input#id12[value*="http"]  + label + div { opacity: 1; display:block; z-index:1;}
.slider input#id10[value=""] + label + div + input#id11[value*="http"]  + label + div{ opacity: 1; display:block; z-index:2;}
.slider input#id9[value=""] + label + div + input#id10[value*="http"]  + label + div{ opacity: 1; display:block; z-index:3;}
.slider input#id8[value=""] + label + div + input#id9[value*="http"]  + label + div{ opacity: 1; display:block; z-index:4;}
.slider input#id7[value=""] + label + div + input#id8[value*="http"]  + label + div{ opacity: 1; display:block; z-index:5;}
.slider input#id6[value=""] + label + div + input#id7[value*="http"]  + label + div{ opacity: 1; display:block; z-index:6;}
.slider input#id5[value=""] + label + div + input#id6[value*="http"]  + label + div{ opacity: 1; display:block; z-index:7;}
.slider input#id4[value=""] + label + div + input#id5[value*="http"]  + label + div{ opacity: 1; display:block; z-index:8;}
.slider input#id3[value=""] + label + div + input#id4[value*="http"]  + label + div{ opacity: 1; display:block; z-index:9;}
.slider input#id2[value=""] + label + div + input#id3[value*="http"]  + label + div{ opacity: 1; display:block; z-index:10;}
.slider input#id1[value=""] + label + div + input#id2[value*="http"]  + label + div{ opacity: 1; display:block; z-index:11;}

.grid-wrapper > p{display:inline-block;padding-left:22px;background:url("../images/PetersofKensington-listing-productdetails-icon.png") no-repeat left center;}
 
 .product-view-name{  font-size:36px;font-family:arial, sans-serif !important;  line-height:36px; color:#dd76aa ; font-weight: 400;  margin:0px 0  0px;}
  
 .price{display: inline-block; padding: 18px 0 15px; width: 100%; border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7; margin: 30px 0 0 }
 .price .price-rrp{color:#777777;font-size:12px;font-family:arial;}
 .price .box-price-old{display:none;}
 .price span{font-size:16px; color:#333333; font-family: 'Droid Sans', sans-serif; line-height:20px; float: left;  margin-bottom: 8px }
 .price .price-old{color: #777777;margin-bottom:0;font-size:12px;font-family:arial; }
 .price .price-new{font-weight:400; clear: left; color: #dd76aa; font-size: 36px; line-height: 32px; margin-bottom:0;font-family:arial;}
 .price .price-new span{width:100%;margin:5px 0;font-size:22px;font-weight:400; color: #dd76aa;font-family:arial;}
 .price input{display: none}
 .price input[value=""] + span + span + .price-old{display: none !important}
 
 .description{display: inline-block; width: 100%; margin-top: 20px}
 .description p span{font-weight:bold;}
 .description,  .description p,  .description a,  .description li,  .description td,  .description th{ font-size:12px;font-family:arial, sans-serif;  line-height:23px; color: #333333; }
 .description h1,  .description h2,  .description h3, .description h4,  .description h5,  .description h6{ font-weight: 700; color: #333333;margin-bottom: 12px }
 .description h1{  font-size:26px; line-height:33px;}
 .description h2{  font-size:22px; line-height: 29px;}
 .description h3{  font-size:18px; line-height: 24px;}
 .description h4{  font-size:14px; color: #333333; margin-bottom: 8px}
 .description h5, .description h6{ font-size:14px; margin-bottom: 8px}

/* Begin tabs*/
.tabs{margin-top:45px;width:65%;float:right;padding-left: 40px;}
main {
  width: 100%;
  position:relative;
  display:inline-block;
} 
main section {
  display: none;
  width:100%;
  z-index: 0;
  padding:25px 0 0;
  border-top:1px solid #d7d7d7;
}
main input {
  display: none;
}
main label {
  display: inline-block;
   color:#333333;
   font-size:18px;
   line-height:22px;
   font-weight:700;
   padding:0;
   width:auto;
   float:left;
   cursor:pointer;
   position: relative;
   text-transform: none;
   margin: 0
}
main label[for="tab1"] span{padding-left:0;}
main label[for="tab3"] span{border-right:none;}
main label span{margin:8px 0;width:100%; display: inline-block; padding:0px 37px 0px 37px; position: relative;font-family:arial;font-weight:bold;font-size:12px;line-height:12px;color:#333333;border-right:1px solid #333333;}
main label span:hover{color:#333333;text-decoration:underline;}
main input:checked + label{border-bottom:0  }
main input:checked + label span{border-bottom:0;text-decoration:underline;  }
main input:checked + label,main input:checked + label:hover { color: #245699 }
main input:checked + label  span:after,main input:checked + label:hover  span:after{background: url(../images/BigW-bg.png) no-repeat 0 -132px;}

main input[name="tabs-mobile"]+label{display:none;}

#tab1:checked + label ~ #content1,
#tab2:checked + label ~ #content2,
#tab3:checked + label ~ #content3{
  display: inline-block;
} 
main section h1, main section h2, main section h3, main section h4, main section h5, main section h6{ margin:17px 0 8px;line-height:27px;font-size:20px; color:#333333; font-family:arial, sans-serif; text-transform: uppercase;}
main section h1:first-child, main section h2:first-child, main section h3:first-child, main section h4:first-child, main section h5:first-child, main section h6:first-child{margin-top: 0}
main section h3{font-size: 18px; line-height: 23px;}
main section h4{font-size: 24px; line-height: 21px;font-family:arial;font-weight:bold;color:#333333;text-transform:none;margin:5px 0 20px }
main section h5, main section h6{margin-bottom: 0;font-size: 14px; line-height: 20px;font-weight:bold;}
main section, main section li, main section td{ line-height:25px;font-size:14px; color:#000000;font-family: arial, sans-serif; font-weight: 400}
main section a{color:#db68a3;font-size:14px;font-family:arial;}
main section span.phone-number{color:#333;font-weight:bold;}
main section a:hover{color:#db68a3;}
main section p{line-height: 25px;margin:0;font-size:12px;font-family:arial;font-weight:400;color:#333333;}
main #content2 p{padding-bottom:20px;}
main section ul{margin:0px; display: inline-block; width: 100%;padding:0 0 25px}
main section ul li{font-size:12px;color:#333333;font-family:arial;margin-left: 5px;padding-left:15px;background: url(../images/PetersofKensington-listing-tabs-icon.png) no-repeat left 10px;} 
main section img{max-width: 100%}
/* end tab*/
/* End style details content */
/* Begin footer */ 
.footer{margin-top: 60px}
.footer-bottom{ display:inline-block; width:100%;}
.footer-bottom-content{border-bottom:2px solid #DBDBDB;border-top:2px solid #DBDBDB;display: inline-block; width: 100%;  padding: 0 30px 31px; text-align: center; background: #EEEEEE;}
.footer-bottom-content .btn-msg{border:1px solid #BEBEBE;border-radius:3px;padding:10px 5px;display:inline-block;background:#ffffff;}
.footer-bottom-content .btn-msg a{border-radius:3px;color:#ffffff;font-size:14px;font-family:arial;font-weight:bold;padding:7px 65px 7px 20px;background:#323232 url("../images/result.png")no-repeat  center;background-position: 97% 7px;}
.footer-bottom .box-footer{text-align:left;display: inline-block; padding-top:30px;}
.footer-bottom .box-footer:first-child{float:left;padding:28px 0 0; }
.footer-bottom .box-footer:nth-child(2){padding:42px 0 0;margin-left: -40px;}
.footer-bottom .box-footer:nth-child(2) p:nth-child(2){padding:3px 0 0;}
.footer-bottom .box-footer:nth-child(2) p:last-child{padding:15px 0;}
.footer-bottom .box-footer:nth-child(2) p a{font-weight:bold;font-family:arial;color:#ffffff;font-size:14px;padding: 7px 22px;background:#B25480;border-radius:3px;}
.footer-bottom .box-footer:last-child{float:right;padding:42px 0 0;}
.footer-bottom .box-footer:last-child p{padding:12px 0 0;}
.footer-bottom .box-footer h1{padding: 0 0 15px;color:#c472a0;font-size:30px;font-family: 'Varela', sans-serif;font-weight:400;}
.footer-bottom .box-footer h4{font-family:verdana;font-size:14px;color:#b25480;font-weight:400;}
.footer-bottom .box-footer p{color:#000000;font-size:12px;font-family:verdana;font-weight:400;}

.footer-copy .footer-copy-content{background:#EEEEEE;padding:0 30px;}
.footer-copy p{color: #333333 !important; font-family: 'Varela', sans-serif; font-size:12px;font-weight: 400; line-height: 80px; display: inline-block;}
.footer-copy p:last-child{float:right;padding: 23px 0 0;}
.footer-bottom .box-footer:last-child p a{padding-right:8px;}
.footer-bottom .box-footer:last-child p a:last-child{padding:0}
/* End footer */

/* Begin style home */

	#CentralArea{display:inline-block; width:100%}
	.intro-page{margin-top:-15px}
	.banner.additional-carousel{display:none;}
	.main-carousel{}

	.cat-box{display:inline-block; width:100%;  } 
	.cat-box ul{display: inline-block; width: 100%}
	.cat-box li{width:33.33%; float:left;padding: 0 0 0 5px;margin: 0 0 10px; position: relative;}
	.cat-box li:nth-child(3n){padding:0 0 0 10px;}
	.cat-box li:nth-child(3n+1){padding:0 5px 0 0;clear:left;}
	.cat-box li .product-intro{display: inline-block; width: 100%;}
	.cat-box li img{max-width:100%;min-height:278px;}
	
	.featured-head h2{ text-align: center; margin-bottom: 5px;  width:100%; font-family: 'Droid Sans', sans-serif; color: #131313; display: inline-block;  font-size: 30px; line-height: 36px;     }
	.product-list{margin:9px 0 0px}
	.product-list .featured-head h2{margin-bottom: 20px}
	.brand-list{display: inline-block; width: 100%;text-align: center;}
	.brand-list .brand-img{border-top:1px solid #CCCCCC;}
	 
	.pagewidth .footer{margin-top: 25px;}
/* END style home */

/*Begin listing*/
	.wrappage .header-content .text-shipping{float:right; padding: 55px 0 30px;}
	.wrappage .header-content .search-container{display:none;}
	.wrappage .footer {margin:30px 0 0;}
	.wrappage .footer .footer-bottom{background:#eeeeee;border-bottom: 2px solid #dbdbdb;border-top: 2px solid #dbdbdb;}
	.wrappage .footer .footer-bottom .footer-bottom-content{border:none;padding-left:0;padding-right:0;}
	.wrappage .footer .footer-bottom .footer-bottom-content .btn-msg{padding:12px 5px;}
	.wrappage .footer .footer-copy{background:#eeeeee;}
	.wrappage .footer-copy .footer-copy-content{padding:0;}
/*End listing*/

/* Begin style store */
	.pagewidth img[src="http://pics.ebaystatic.com/aw/pics/s.gif"]{display: none}
	#LeftPanel{ width:24%; padding:5px 0 0 10px;}
	table.v4midBox{border:0 !important}
	table.v4acpcont{margin-bottom:20px !important}
	.v4acp_head  .v4accent{padding:0; background:none;}
	.v4acp_head  .v4title{  width:100%; padding:0 !important;border-radius: 5px 5px 0 0; }
	/*.v4acp_head  .v4title h2{padding: 35px 0 15px 20px;position:relative; line-height:24px;background:#F8F8F8; color:transparent; }*/
	/*.v4acp_head  .v4title h2:before{padding: 35px 0 5px 20px;content:"Categories"; position:absolute; top:0; left:0px; color:#dd76aa; width:100%;font-size:24px; line-height:24px;font-family:arial, sans-serif; font-weight: bold;}*/
	.v4midBox.v4nfc .v4acp_mid .v4mid{background:#fff !important; border:0; padding:0;}
	.v4midBox.v4nfc .v4acp_mid div.ttl{display:none}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lcat{width:100%;  padding:0;background:#F8F8F8;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li{width:100%; margin:0;}
	/*.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li{position:relative; padding:7px 0 7px 37px ;}*/
	/*.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 > li:last-child{ border:0;padding-bottom: 25px;}*/
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li:before{ position: absolute; content: ""; top:12px;left: 20px; width:6px; height: 10px; background: url(../images/result.png) no-repeat left center;background-position: 0px -453px; z-index: 1 }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev1 >li span{text-transform: none;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li span:first-child{font-size:14px; line-height:19px;font-family:arial, sans-serif; font-weight:700; color:#333333;  display: inline-block; }
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li:hover a,.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li:hover  span { color:#333333 !important; text-decoration:underline;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2{padding:5px 0 5px;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li{ list-style:none; padding:4px 0 4px 56px;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li span:first-child{font-weight:400 ; font-size: 13px; text-transform: none}
	.v4midBox.v4nfc .v4acp_mid .v4mid .morelnk{display:none}
	.v4midBox.v4nfc .v4acp_mid div.link{}
	.v4midBox.v4nfc .v4acp_mid div.link br{display:none}
	.v4midBox.v4nfc .v4acp_mid div.link a{border-top:1px solid #f1f1f1; padding:8px 13px; display:inline-block; width:100%; font-size:15px; line-height:20px;font-family: 'Droid Sans', sans-serif; font-weight:400; color:#111111;}
	.lcat .cnt{font-size:14px !important;font-family:arial, sans-serif;  color:#333333 !important; font-weight:700}
	.lcat .lev2 .cnt{font-size:13px !important; font-weight:400}
	.lcat a.all_cats{display:none}
	 
	.pagewidth .r3{width:100%;}
	.pagewidth .v4stabl, .pagewidth  div.r3_cm{ padding:0;}
	.pagewidth  div.r3_cm{ display: inline-block; min-height: auto; width: 100%; padding:0px 10px 0px 7px}
	.pagewidth .v4stabl, .pagewidth .ctrlbr .pdmt:first-child, .pagewidth div.r3_cm div.rs_box div.cmpBr span.cmsg.g-nav{ display: none;}
	.pagewidth .fpcc{display: inline-block; width: 100%;  padding:9px 0px; }
	.pagewidth .fpcc > div{ border-bottom: 0; display: inline-block; width: 100%;}
	.fpcc .smuy{margin: 0;}
	.pagewidth .fpcc .smuy span{ color: #333333; display: inline;white-space:initial; font-weight:700; font-family:arial, sans-serif; font-size: 13px; line-height:23px;}
	.pagewidth .fpcc .smuy span.keywordClass{font-weight:700; }
	.pagewidth .fpcc .smuy span.countClass, .pagewidth .fpcc .smuy span.keywordClass{ background: none; }
	.pagewidth .fpcc .smuy span.matchClass{  margin:0px 2px 0 4px; font-weight: 400; font-size: 13px}
	.pagewidth .fpcc .smuy span.countClass{ margin-left: 0;  }
	.toplne{margin-top:20px;}
	.olp-mn{margin-left:-6px}
	.pagewidth div.r3_cm div.rs_box{ display: inline-block; width:100%; position: relative; padding:0px;}
	td#CentralArea span.pdmt{ position: absolute; top: -35px; right:0px; padding-right:0px;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span {color: #e168a3; display: inline-block;font-family:arial, sans-serif; font-size: 13px; line-height:18px;  font-weight:400 !important}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.label {color: #000000;padding-right:10px;  font-weight:700 !important;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur {border:1px solid #E5E5E5;position:relative;  padding:3px 20px 3px 5px;  margin-left: 0}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur:after{background:url(../images/result.png) no-repeat center;background-position: 0px -341px; content:""; width:7px; height:10px; top:8px; right:8px; position:absolute}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur   img{ display: none;}

	.pagewidth div.r3_cm div.rs_box div.ctrlbr  { border-bottom:5px solid #F8F8F8;margin-bottom: 22px;}
	.pagewidth div.r3_cm div.rs_box .pview.rs-pview { padding:0px; margin-top:9px;}
	.pagewidth .grid td.left{ border: 0;}
	.pagewidth td.gallery.left{ padding:0 8px 0;}
	.pagewidth td.gallery.left:last-child{ padding:0 0 0 12px;}
	/*.grid td.gallery:first-child{ padding:0 12px 0 0;}*/
	.pagewidth td.gallery{padding:0;}
	.pagewidth div.r3_cm div.rs_box .dynpg  .pgbc .page, .pagewidth div.r3_cm div.rs_box .dynpg  .r .form{ display: none; }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next  a,	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev  a{ display: inline-block;background: url(../images/BigW-bg.png) no-repeat 0 -411px; text-align: center; text-indent: -9999px;width:22px ; height: 20px;  margin:3px 0px 0 0}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a:first-child{}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a.disabled:last-child{display: none;background:url("../images/result.png") no-repeat center;background-position: 0px -297px;}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .prev a.enabled:last-child{display: inline-block;background: rgba(0, 0, 0, 0) url("../images/result.png") no-repeat scroll 0 -298px; margin-right: 0px}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next{padding-left: 0}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a.disabled:first-child{display:none    }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a:first-child{display:none}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a.disabled:last-child{display: none}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .next a.enabled:last-child{ display: inline-block; margin-left:20px;background:url("../images/result.png") no-repeat center;background-position: 0px -254px;}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages .pipe{ display: none; }
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a{color: #333333 !important;font-family: 'Open Sans', sans-serif; font-size:18px; line-height: 20px; padding:5px 5px 5px 4px; display:table-cell;   display: inline-block; font-weight:700; margin:0 6px}
	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a.disabled,.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a:hover{color:#e168a3 !important;   }

	.pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a, .pagewidth div.r3_cm div.rs_box .dynpg  .m .pager .pages a:active{text-decoration: none;}
	.pager{ margin: 0px auto 15px; }
	.rs_box{ border: 0;}

	.pagewidth table.gallery{ background: #FFF; border: 1px solid #EBEBEB; margin-top: -3px}
	.pagewidth table.grid  td.gallery:first-child table.gallery{  border-left: 1px solid #dcdcdc; }
	/*.pagewidth table.grid  td.gallery table.gallery:hover{border:1px solid #DB68A3;}*/
	.pagewidth table.grid  td.gallery table.gallery:hover tr td.details div.ttl a{text-decoration:underline;}
	#v4-3  #cbtf-btm{border-top:5px solid #F8F8F8;}
	
	table.gallery tr td.details {padding: 10px 17px 20px; min-height: 196px; }
	table.gallery tr td.details div.ttl{  height: 40px; overflow: hidden; margin-bottom:20px;}
	table.gallery tr td.details div.ttl a{ font-size:13px;font-family:arial, sans-serif;  color: #333333; line-height:21px; font-weight:bold;}
	table.gallery tr td.details div.ttl a:hover{text-decoration:underline;}
	table.gallery tr td.details div.g-nav.subtitle{ height:32px; overflow:hidden; margin-bottom:14px; font-size:12px; line-height:15px; color:#999999; font-family:arial, sans-serif;font-style:italic;}
	table.gallery tr td.details div.g-nav.subtitle img{display:none;}
	table.gallery tr td.details table.fixed img{ margin: 2px 0 0 0px;}
	table.gallery tr td.details table.fixed tr td.bin-content span{  font-family: 'Arial' !important; font-size: 20px; color: #ca0e0e; font-weight:bold; line-height:27px;}
	table.gallery tr td.details table.fixed tr.price-style-1 span{  font-family:  'Arial' !important; font-size: 14px; color: #000000;  line-height:25px; text-decoration:line-through;}
	table.gallery .mi{ padding: 4px 10px 0 17px; }
	table.gallery .mi a{ font-size:10px; font-family:arial, sans-serif;  line-height:13px; color:#222222;}
	table.gallery tr td.details table.fixed tr td div.ship span,
	table.gallery tr td.details table.fixed tr td div.clr span{font-family:arial, sans-serif;  font-size: 11px; line-height:13px;color: #959595; font-weight: normal; padding:0px;}
	table.gallery tr td.details table.fixed tr td div.clr span.label{padding-right:5px;}
	table.gallery tr td.details table.fixed tr td div.ship span.ship{}
	table.gallery tr td.details table.fixed tr td div.clr.time2:last-child{display:none;}
	table.gallery div.clearFullDiv{ padding: 10px 0 0; font-family: 'Droid Sans', sans-serif; font-size:12px;}
	table.gallery table.fixed div.cpa{margin:0 !important;}
	.r3_t b, .r3_bl b{ background: none;}
	.r3_t i, .r3_bl i{ border: 0;}
	.r3_t, .r3_c, .r3_bl{ background: none; border: 0;}
	table.gallery img.sale{display: none}

	.r3_t{ display: none; }
	.cmpBr{ background: none; border: 0; height: 0;}
	td#CentralArea div.dynpg, table.pgbc{ border: 0; background: none; }
	td#CentralArea div.dynpg .m{ width:100%;}
	div.itemseparator{ border: 0;}
	.rs-pview{ padding: 0;}
	.pagewidth td#CentralArea div.v4stabl{ display:none;}
	.pagewidth .olp-mr{ display: none;}
	.pagewidth .olp-tl p{ display: none; }
	.olp-tl, .olp-tr, .olp-bl, .olp-br{ border: 0;}
	.olp-tl, .olp-bl, .olp-bl p{ background: none;}
	.olp-ml{ border: 0; background: none;}
	.olp-tl p{ border: 0; background: none;}
	.olp-tr, .olp-br, .olp-mr{ background: none; }
	.olp-bl div{ border: 0; display: none; }
	.ml-pm .olp-cnt{ border: 1px solid #e5e5e5; padding: 15px; }
	.pagewidth .dynpg td.pages a.disabled{ }
	.pagewidth .pipe{ display: none;}
	table.gallery td.picture{ padding:30px 0 20px; }
	table.gallery td.picture .image{margin:0px auto;display:table;height:140px;  }
	table.gallery img{max-height:140px;}
	table.gallery td.picture .image a{display: table-cell; vertical-align: middle; text-align:center;}
	 a.ppr{color: #1f2398; font-size:10px;}
	 table.gallery tr td.details div.ttl img{  margin-left:4px;}
	 table.gallery table.fixed {width:100%;margin-top:14px}
	 table.gallery table.fixed.price-2 { margin-top:0;}
	 table.gallery table.fixed tr.price-style{ margin-bottom:14px;}
	 table.gallery table.fixed tr td .stp{ text-align: right ; display:none}
	 table.gallery table.fixed tr td:last-child{text-align:right;}
	 table.gallery table.fixed tr td .bin.g-b{ font-size:14px;font-family:arial, sans-serif; line-height:20px; color:#db68a3; font-weight:bold;}
	 table.gallery table.fixed span.oriprs, table.gallery table.prices span.oriprs{display:none; font-size:14px;font-family: 'Droid Sans', sans-serif; line-height:20px; color:#222222; padding-left: 10px }
	 table.gallery table.fixed span.disct, table.gallery table.prices span.disct{margin-top:4px; display: none}
	 table.gallery table.fixed tr td{  display: table-cell; width: 50%}
	 .pagewidth .stBadge{ margin-top:7px; min-width:100px}
	 .pagewidth .stBadge img{ width:auto; max-width:100%}

	.pgbc{padding:0;}
	td#CentralArea div.dynpg{padding-top:10px;padding-bottom:0;}
	td#CentralArea div.dynpg .m .pager{margin:17px auto 0;  }
	.olp-pad{padding: 0 !important; width:100% !important;}
	#v4-56, .vsc{width:100% !important;}
	#PreviewLayer .olp-cnt{width:100% !important; left:0;}
/* End style store */
/* Begin style supbage */
.sub-page{ margin: 0 0 30px;padding:5px 10px 0px; display:inline-block; width:100%}
.sub-page input{display:none} 
.sub-page .col-left{padding:0 25px 0 0;  width: 26%; float: left;}
.sub-page .col-left input + label{color:#dd76aa; padding:15px 0 0px 20px; width: 100%; margin: 0; font-size:24px;font-family:arial, sans-serif; line-height:60px; font-weight: bold;background: #F8F8F8;}
.sub-page .col-left  ul{padding:0 0 15px 20px;background:#F8F8F8;}
.sub-page .col-left  ul li{position:relative;position: relative;}
.sub-page .col-left  ul li:last-child{ border-bottom:0}
.sub-page .col-left  ul li:before{ position: absolute; content: ""; top:20px;left: 20px; width:6px; height: 10px; background: url(../images/BigW-bg.png) no-repeat 0 -341px; z-index: 1 }
.sub-page .col-left  ul li a{color:#000000;width: 100%; display:inline-block; padding:5px 0 7px 17px; font-size:14px; line-height:19px;font-family: arial, sans-serif; font-weight:700;background:url("../images/PetersofKensington-subpage-customerservice.png") no-repeat left 10px;}
.sub-page .col-left  ul li a:hover,.sub-page .col-left  ul li.active a{color: #dd76aa }
 
.subpage-container{padding:13px 0 0;  width:74%; float: left;}
.subpage-container h1, .subpage-container h2, .subpage-container h3, .subpage-container h4, .subpage-container h5, .subpage-container h6{font-size:36px; color:#000000; text-transform:uppercase;font-family: arial, sans-serif; font-weight:400; line-height:45px; margin:0 0 15px}
.subpage-container h2{font-size:30px; line-height:25px; margin-bottom:25px}
.subpage-container h3{font-size:26px; line-height:26px; margin-bottom:23px}
.subpage-container h4{font-size:20px; line-height:20px; margin-bottom:26px}
.subpage-container h5{font-size:14px; line-height: 18px; margin-bottom: 0}
.subpage-container,.subpage-container h5, .subpage-container p, .subpage-container a,.content-text a.text,  .subpage-container th,  .subpage-container td,  .subpage-container li{font-size:14px; color:#000000;  font-family:arial, sans-serif; font-weight:400;line-height:23px;}
.content-text a.text{font-weight:400; color: #222222 !important; text-decoration: none !important}
.subpage-container .content-text p span{color:#999999;}
.subpage-container .content-text p a{color:#DB68A3;}
.subpage-container .content-text p a:hover{font-weight:bold;}
.subpage-container .content-text p a.phone{color:#333333;}
.content-text p{margin-bottom: 0px;}
.content-text p:last-child{margin-bottom: 0px;}

.content-text{padding-bottom:20px; margin:0;}
.content-text:last-child{padding-bottom: 0;}
.subpage-container li{margin-bottom:7px; position:relative;}
.subpage-container ul li:last-child, .subpage-container ol li:last-child{margin-bottom:0px;}
.subpage-container ul li{padding-left:16px;}
.subpage-container ul li:before{position:absolute; top:9px; left:0; background:url(../images/result.png) no-repeat left center;background-position: 0px -188px;width:4px; height:4px; content:""}
.subpage-container ol{margin:0px 0 0 14px;}
.subpage-container ol li{list-style:inherit; padding-left:2px;}
.subpage-container .color-red{color: #b2142c !important}
.subpage-container th{font-weight: bold}
.subpage-container th, .subpage-container td{padding: 3px 5px 3px 0}
.subpage-container td:first-child{width: 120px}

h2.title-subpage{font-family: arial; font-weight: 400; font-size: 26px; text-transform: uppercase; color: #222; margin: 0 0 20px;font-weight:bold;text-align:center;}
.subpage-content .returns-title {display:inline-block;width:100%;margin:15px 0px;}
.subpage-content .returns-title h2{max-width:240px;margin:0px auto;padding-bottom:60px;color:#222;font-size:26px;font-weight:bold;text-transform:uppercase;background:url(../images/returnpolicy.png) bottom center no-repeat;}
.subpage-content .contact-care {display:inline-block;width:100%;margin-bottom:20px;margin-top:15px;}
.subpage-content .contact-care h2{background:url(../images/peterkensington-icon-contact.png) top center no-repeat;padding-top:120px;max-width:375px;margin:0px auto;font-size:42px;color:#111;font-weight:bold;text-transform:uppercase;}
.subpage-content .postage{display:inline-block;width:100%;margin:15px 0px;}
.subpage-content .postage h2{max-width:130px;margin:0px auto;padding-bottom:75px;color:#222;font-size:26px;font-weight:bold;text-transform:uppercase;background:url(../images/peterkensington-icon-postage.png) bottom center no-repeat;}
.subpage-content a strong{color:#000 !important;}
.subpage-content .contact-phone{ display: inline-block;width: 100%;margin-bottom: 17px;background: url(../images/peterkensington-icon-contact-phone.png) left center no-repeat;min-height: 83px;padding-left: 115px;}
.subpage-content .contact-phone p{    padding-top: 18px;}

/* End style supbage */


@media (max-width:1199px){ 
	/* Begin listing */
	.footer-bottom .box-footer:last-child, .footer-bottom .box-footer:first-child{width: auto}
	.slider .img-details{height: 335px;}
	.slider .grid-wrapper{height: 335px;}
	/* End listing */
	
	/* Begin home */
	.search-content{width: 60%;}
	.menu-header ul li a{padding: 19px 15px 20px;}
	/* End home */
	
	/*sub page*/	
	.sub-page .col-left{width:30%;}
	.subpage-container{width:70%;}
	
	/*store*/
	#LeftPanel{width:28%;}
}
@media  (max-width:1140px){ 
	/* Begin home*/	
	.cat-box li img{min-height:278px;}
	/* End home */

}
@media (max-width:1024px){
	/* Begin listing */
	.slider .grid-item{z-index: -10}	
	/* End listing */
}
@media (max-width:992px){
	/* Begin listing */
	.menu-header ul li a{font-size: 14px;padding: 19px 10px 20px;}
	.slider .img-details{max-height: 412px;}
	.slider span{width: 80px; height: 80px}
	.slider label img{ max-width: 78px; max-height: 78px }
	.wrappage .product-view-name{font-size:28px;}
	/* End listing */
	/* Begin store */

	/* End store */
}
@media  (min-width: 939px) and (max-width:991px){
	.slider .img-details{height:321px;}
	.slider .grid-wrapper{height:321px;}
}
@media  (min-width: 768px) and (max-width:938px){
	/* Begin listing */
	.menu-header ul li a{font-size: 12px; padding: 11px 9px 9px}
	.box-images-details{width:40%;}
	.product-shop-container{width:60%;}
	.tabs{width:60%;margin-top:30px;}
	.slider .grid-wrapper, .slider .img-details{width: 100%; height:299px;}
	.slider .img-details{max-height:300px;}
	.slider span{width: 70px; height: 70px}
	.slider label img{ max-width: 68px; max-height: 68px }
	.wrappage .product-view-name{font-size:26px;}
	.footer-bottom .box-footer:nth-child(2){margin-left:20px;}
	
	/* End listing */   
	
	/* Begin home */  
	.search-content .v4sbox{padding: 0 41px 0 20px;}
	.search-content{width:50%;}
  	.pagewidth .menu-header ul li a{font-size: 12px; padding: 9px 6px 7px}  
	.pagewidth .menu-header ul li:first-child a:hover{padding-left:6px;}
	/* Begin  store */
	#LeftPanel{width:29%;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev1 li span:first-child{font-size:12px;}
	.lcat .cnt{font-size:12px !important;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li a, .v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li span:first-child{font-size:11px;}
	.lcat .lev2 .cnt{font-size:11px !important;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li{padding-left:45px;}
	.v4midBox.v4nfc .v4acp_mid .v4mid .lev1 > li,	.v4midBox.v4nfc .v4acp_mid .v4mid .lev2 li{}
	.sub-page .col-left input + label{font-size: 18px}
	td#CentralArea span.pdmt{position: initial;float:left;}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr{padding: 0}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.label{padding-left: 0}
	table.gallery tr td.details{padding: 10px 10px}
	table.gallery .mi{padding-left: 10px}
	.pagewidth .fpcc .smuy span.matchClass{}
	.pagewidth div.r3_cm div.rs_box div.ctrlbr{padding-bottom: 10px !important;}
	
	table.gallery table.fixed tr td .bin.g-b{font-size:12px;}
	.v4acp_head .v4title h2, .col-left .box-brand h2{font-size:21px;}
	table.gallery table.fixed span.oriprs, table.gallery table.prices span.oriprs{font-size:12px;}
	table.gallery tr td.details table.fixed img{ max-width:50px;} 
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a{margin: 0 5px}
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .next a.enabled:last-child{margin-left: 10px}
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .prev a.enabled:last-child{margin-right: 3px}
	
	/* Begin  subpage */
	.sub-page .col-left{ width: 30%;}
	.subpage-container{width:70%;}
	.subpage-container table{width: 100%}
}
@media(max-width: 767px){
	/* page listing */
	.wrappage .search-content{width:100%;}
	.wrappage .header-top{display:none;}
	.wrappage .header-container .header-content .logo-content{ padding:20px 0 20px 10px; display: inline-block;margin:0;}
	.wrappage .header-content .text-shipping p a:first-child{background:none;padding:0;}
	.wrappage .header-content .text-shipping p a:last-child {display:none;}
	.wrappage .header-content .search-container{display:inline-block;width: 100%;margin-bottom:20px;}
	.wrappage .header-content .search-content{margin:0;}
	.wrappage .header-content .search-content p {display:none;}
	.wrappage .header-content .text-shipping{padding:75px 5px 0 0;}
	.wrappage .nav-trigger + label{display:none;}
	.wrappage .product-view-name{font-size:26px;line-height: 26px;}
	.wrappage .price{margin: 15px 0 0;padding-top:20px;}
	.wrappage .product-shop-container{margin-top:0;}
	.price{border-bottom:none;padding-bottom:0;}
	.wrappage .price .price-new span{margin:8px 0;}
	.wrappage .price .price-new{margin-bottom:5px;}
	.wrappage .slider label{display:none;}
	.slider #id1 + label + .img-details{border-bottom:none; border: 1px solid #EAEAEA;}
	.slider .grid-item ~ .img-details img{padding-top:20px;}
	.tabs{width:100%;padding:0;margin-top: 25px;}
	main section{padding:25px 0;border:none;}
	main label{width:100%;border-bottom:1px solid #d7d7d7;margin-bottom:25px;}
 	main label span{padding-left: 0;border:none;padding:0;background:url("../images/PetersofKensington-listing-tabs-close.png")no-repeat 96.5% center;}
	#tab1:checked + label ~ #content1, #tab2:checked + label ~ #content2, #tab3:checked + label ~ #content3{display:none;}
	#tab1-mobile:checked + label + #content1{display:inline-block;}
	main input:checked + label {border-bottom:1px solid #d7d7d7;margin-bottom:0;}
	main input:checked + label span{background:url("../images/PetersofKensington-listing-tabs-open.png")no-repeat 96% center;}
	main input:checked + label + section{display:inline-block;}
	main input[name="tabs"]+label{display:none;}
	main input[name="tabs-mobile"]+label{display:inline-block;}
	main input:checked + label span{text-decoration:none;}
	/*End listing*/
	
	/* begin style store*/
	.navigation{  background: #111;}
	/* Navigation Menu - List items */
	/* non-critical appearance styles */
	.nav-item { width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #000;}
	/* critical styles - hide the checkbox input */
	.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);}
	/*.nav-trigger + label{display: block; background: url("../images/PetersofKensington-tablet-menu-icon.png") no-repeat center; cursor: pointer; float: left; height: 30px;   width: 36px; float:left; position:absolute; top:60px;left:10px; margin:0px 0 0 10px; z-index: 5}*/
	.nav-trigger + label{display: block; background: url("../images/result.png") no-repeat center;background-position: 0px -543px; cursor: pointer; float: left; height: 30px;   width: 36px; float:left; position:absolute; top:60px;left:10px; margin:0px 0 0 10px; z-index: 5}
	/* Make the Magic Happen */
	.header-content .menu-header {-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; display: none;}
	.nav-trigger:checked + label {  background: url("../images/result.png") no-repeat center;background-position:5px -487px;}
	.nav-trigger:checked ~ .menu-header {filter: alpha(opacity=50); opacity: 1; display: inline-block !important; }
	.menu-header{border-top:1px solid #ffffff;background: #DB69A3; display: none !important; z-index:19;width:100%; position:relative; top:0px; left:0;  text-align:left; }
	.menu-header .menu-container{width: 100%}
	.menu-header ul{width: 100%;}
	.menu-header ul li{width: 100%;border-bottom:1px solid #DF78AC;}
	.menu-header ul li a{color:#ffffff;font-weight:700; padding: 10px 12px;font-family:arial; line-height: 18px; font-size: 14px; text-align: left; display: inline-block; width: 100%}
	.menu-header ul li a:hover{color: #a5c0e8;}
	.menu-header ul li .icon-cat{display: none; text-indent: -9999px; width: 40px;height: 40px; position: absolute; top:0; right:0; background: url(../images/Triumph-bg.png) no-repeat 0 -366px; margin: 0;}
	.menu-header ul li input:checked + .icon-cat{     }
	.menu-header ul li input:checked  ~ .sub-category{}
	.menu-header ul li .sub-category, .menu-header ul li .sub-category2{width:100%; display: none;}
	.menu-header ul li .sub-category li a{ background: #fff;padding: 10px}
	.menu-header ul li .sub-category li a:hover{ background: #ececec; color: #111;}
 
	.main-container{padding-top: 20px;}
	.box-images-details,  .product-shop-container{width:100%; float:none; padding:0; border: 0;}
	.box-images-details{margin-top: 20px; padding-bottom:20px;}
 	
 	.slider .grid-wrapper{width: auto; height:436px}
 	.slider .img-details{width: 100%; height: 620px;}
 	.slider .img-details{max-height:436px;}

	.slider label{margin: 10px 10px 0 0}
 	.slider input#id4 + label, .slider input#id8 + label, .slider input#id12 + label{margin-right: 10px;}
 	.slider input#id7 + label, .slider input#id14 + label{margin-right:0px;}
 	.slider span{width: 80px; height: 80px;}
 	.slider label img{max-width: 78px; max-height: 78px;}

	.footer-bottom{border-top:2px solid #dbdbdb;border-bottom:2px solid #dbdbdb;padding-bottom: 25px;}
	.footer-bottom-content{padding: 0 10px 0px !important;border:none;}
	.footer-bottom .box-footer h1{font-size:22px;}
	.footer-bottom .box-footer:nth-child(2){margin:0;width:30%;}
	
	.footer-copy{display:inline-block;width:100%;padding:10px 0 25px;}
	.footer-copy p{width: 100%; text-align: center;line-height:50px;}
	.footer-copy p:last-child{padding: 0;}
	.footer-copy-content{display:inline-block;width:100%;padding:0;}
	
	 
	/* page home */ 
	.pagewidth .header-top{display:none;}
	.pagewidth .header-content .logo-content{float:none;margin:20px 0 20px;display:inline-block;}
	.pagewidth .header-content .text-shipping{display:none;}
	.pagewidth .header-content .search-content{margin:60px 10px 20px 0;width:80%;}
	.pagewidth .header-content .search-content p{display:none;}
	.pagewidth .search-container{width:50%;}
	.intro-page{margin-top:-15px;}
	.intro-page .banner-auto .container{padding:0;}
	.search-container{float: right ; margin: 0 auto;width: 40%;}
	.search-content .v5sbox{height:40px; width:40px;} 
  
	.gallery .banner-slides .item img{width:100%;}
	.cat-box li{margin: 0px 0 10px 0 ; width:50%; padding: 0 5px;} 
	.cat-box li img{min-height: 278px;}
	.cat-box li:nth-child(2n+1){padding: 0 5px 0 0;clear: left;}
	.cat-box li:nth-child(2n){padding: 0  0 0 5px;}
	.cat-box li:nth-child(3n+1){clear:none;}
	
	.intro-page .product-list{margin: 25px 0;}
	
	.brand-list{margin-top: 11px;}
	.brand-list .brand-img{border:none;}
	.brand-list .brand-img img{display:none;}
	.brand-list { border-top: 1px solid #cccccc;min-height:140px;background:url("../images/PetersofKensington-tablet-favbrands.png") no-repeat center;}
	.featured-head h2{font-size: 24px; line-height: 30px; }
	.pagewidth .footer{margin-top:10px;background:#eeeeee;}
	/* page store */
	 
	table.tb_v4bc tr td{padding:0 10px;}
	td#LeftPanel + td{display: none}
	td#LeftPanel + td +td{display: block; width: 100%;}
	td#LeftPanel{width: 100%; padding: 0 10px 10px; display: inline-block;}
	
	#LeftPanel .v4acpcont > tbody > tr:first-child + tr{display:none}
	#LeftPanel .v4acpcont:hover > tbody > tr:first-child + tr{display:block}
	#LeftPanel .v4acpcont  table, #LeftPanel .v4acpcont  tbody, #LeftPanel .v4acpcont  tr, #LeftPanel .v4acpcont  td{width:100%; display:block}
	table.v4acpcont .v4title h2{position:relative; text-align:left; }
	table.v4acpcont .v4title h2:after{color: #222222;font-size:35px;position:absolute; top:20px; right:10px; text-align: right; width:30px; height:30px; content:"+"; font-weight: bold;}
	table.v4acpcont:hover .v4title h2:after{content: ""}
	.v4acp_head .v4title h2::before{padding: 20px 0 5px 20px;}
	 .v4acp_head .v4title h2{padding-bottom: 0}
	 table.gallery .mi{padding-left: 10px}
	table.gallery tr td.details{padding: 10px; height: 176px;}
	table.v4acpcont{margin-bottom:0px !important;}
	 .pagewidth  div.r3_cm{padding:10px 10px 0 10px;  }
	 .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur::after{right:5px}
	 .pagewidth div.r3_cm div.rs_box div.ctrlbr span.pdmt span.cur{padding-right: 15px}
	
	/* subpage*/	
	.sub-page{padding:0 10px; margin-top: -5px}
	.sub-page .col-left, .sub-page .subpage-container{display: inline-block; width: 100%; padding: 0 }
	.subpage-content{margin-top:50px;}
	.menu-left-subpage  ul {display:none}
	.menu-left-subpage  input:checked ~ ul{display:block; padding:0}
	.sub-page .col-left input + label{position:relative; width:100%;cursor:pointer;padding:35px 20px 30px;line-height: 24px;background:#F8F8F8 url("../images/PetersofKensington-subpage-customer.png")no-repeat 97% 45px;}
	.sub-page .col-left input:checked + label{padding:35px 20px 15px;background:#F8F8F8 url("../images/PetersofKensington-subpage-customer-open.png")no-repeat 97% 45px;}
	.subpage-content{margin-top: 40px;}
	.sub-page .col-left ul li a{background:none;}
	.sub-page .col-left ul li:last-child{padding:0 0 25px 0;}
	/*.menu-left-subpage  input + label:after{position:absolute; top:0px; right:10px; content:"";font-family:arial, sans-serif; font-size:24px; font-weight:700; color:#222222;}*/
	/*.menu-left-subpage  input:checked + label:after{top:0px;  content:""; }*/
	.subpage-container ol{margin-left:14px;}
}
@media(max-width:736px){
	.pagewidth .header-content .logo-content{margin: 20px 0 20px 20px;}
}
@media(max-width:667px){
	.pagewidth .header-content .logo-content{margin: 20px 0 20px 30px;}
}
@media(max-width:640px){
	.pagewidth .header-content .logo-content{margin: 20px 0 20px 45px;}
}
@media(max-width:639px){
	/* page listing */
	.header-content{text-align:center;  }
	.header-content .text-shipping p span{display: none}
	.header-content .text-shipping p a img{width: 22px}
	.header-content .text-shipping p a:last-child{padding-right: 12px}
 
 	.main-container{padding-top: 13px;}
	.product-view-name{font-size: 20px; line-height: 25px}

 	.slider .grid-wrapper, .slider .img-details{height: 460px;}
 	.slider .img-details{max-height: 458px} 
	
	/* style home*/  	
	.pagewidth .search-container{width:100%;}
	.pagewidth .header-content .logo-content{margin: 15px 0 0;}
	.pagewidth .header-content .search-content{width:100%;margin:12px 0 20px;}
	.banner .container{padding: 0}
	.cat-box .container{padding: 0 10px}
	.cat-box li{width:100%; padding:0 !important;margin: 0 0 10px; }
	.cat-box li img{width:100%;}
	.intro-page .product-list{margin: 5px 0;}
	.brand-list{margin: 25px 0 15px;background:url("../images/PetersofKensington-mobile-favbrands.png") no-repeat center;}
	
	/* style store*/
	.pagewidth table.gallery{margin-bottom:-15px;}
	div.itemseparator{margin:0;}
	#v4-3 #cbtf-btm{ margin-top: 15px;}
	.pagewidth .menu-header .navigation{margin-top:0;}
	.col-left .box-brand ul li{width:50%}
	.pagewidth td.gallery{padding:10px 0 0  !important; width:100%; display:block}
	table.gallery tr td.details div.ttl{height:auto;}
	.box-trustmakers .box p strong{font-size:12px; line-height:15px;}
	table.gallery tr td.details div.ttl{height:auto;}
	table.v4acpcont{margin-bottom:0px !important}
	table.gallery tr td.details{height:auto;}
	 
	.pagewidth .fpcc, .pagewidth div.r3_cm div.rs_box div.ctrlbr{text-align:center;padding-bottom: 15px;}
	td#CentralArea span.pdmt{position:inherit; }
	td#CentralArea div.dynpg .m .pager{margin-top: 0}
	.pagewidth table.gallery {border: 1px solid #dcdcdc !important;}

	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a{margin: 0 7px; font-size: 18px;}
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .next a.enabled:last-child{}
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .prev a.enabled:last-child{margin-right: -3px;}
	
	.footer{margin-top: 30px;}
	.footer-bottom{border-bottom:2px solid #dbdbdb;padding-bottom: 25px;}
	.footer-bottom-content{padding: 0 10px 0px !important;border:none;}
	.footer-bottom .box-footer{width:100% !important;}
	.footer-bottom .box-footer h1{font-size:30px;padding: 0 0 10px;}
	.footer-bottom .box-footer:first-child{padding: 23px 0 0;}
	.footer-bottom .box-footer:nth-child(2){padding: 30px 0 0;margin-left:0px;}
	.footer-bottom .box-footer:last-child{padding: 30px 0 0;}
	
	.footer-copy{display:inline-block;width:100%;padding:10px 0 25px;}
	.footer-copy p{width: 100%; text-align: center;line-height:50px;}
	.footer-copy p:last-child{padding: 0;}
	.footer-copy-content{display:inline-block;width:100%;padding:0;}
}
@media(max-width:568px){ 
	/* home */
	
}
@media(max-width:480px){ 
	/* home */
	.trust-marker-content{text-align: center; padding: 10px 0; margin: 30px 0 0}
	.trust-marker-content > div{display: inline-block; width:260px; margin: 0 auto; text-align: left}
	.trust-marker .box{ width: 100%; padding: 7px 0}
	.trust-marker .box p{font-size: 20px; line-height: 26px;}
	.trust-marker .box img{width:50px; margin-right: 15px}
}
@media(max-width:479px){
	/*home*/
	.pagewidth .logo-content > img{width:80%;}
	.nav-trigger + label{top: 40px;}
	.pagewidth .header-content .logo-content{ margin: 15px 0 0 45px;}
	.slider .grid-wrapper, .slider .img-details{height: 396px;max-width: 460px;}
	/* page listing */
 	.slider .img-details{max-height:395px} 	
}
@media(max-width:414px){

	/* home */
	.pagewidth .header-content .logo-content{ margin-left: 45px;}
	.cat-box .featured-head span{width: 243px; line-height: 24px}
	.cat-box .featured-head h2::before {top:24px}
	.cat-box li{width:100%; padding: 0 !important}
	.cat-box li img{width:100%;}
	/* store*/ 
	.pagewidth div.r3_cm div.rs_box .dynpg .m .pager .pages a{font-size:18px; margin:  0 3px}

	#PreviewLayer_olp_pad > div{height: auto !important}
	#PreviewLayer{ max-width: 90% !important; display: inline-block; }
	#PreviewLayer .ic-w400.ic-m { display: inline-block; width:100%;  }
	#PreviewLayer .ic-w400.ic-m center{ width: 100% !important; height: auto !important; display: inline-block;}
	#PreviewLayer .ic-w400.ic-m center img{ width: 100% !important; float: left; height: auto !important; }
	.olp-cnt,div.vsc,.ic-cp{max-width: 310px !important;}
	div.vsc  table,div.vsc  tr,div.vsc  td,div.vsc  div{max-width: 310px !important;}
	.ic-w400.ic-m { height:auto;width:100%;}
	.ic-w400{ height:auto;width:98% !important;    overflow: inherit;}
	.ic-cntr .ic-b1{ padding:10px;max-width: 310px !important; height:auto !important;  border:0 !important}
	#v4-56{ height:auto !important}
	.ic-cp{border:1px solid #ececec; display:inline-block; width:100%;}

	.olp-mn.ml-pm{margin-left: 10px}
	
	/*listing*/
	.slider .grid-item ~ .img-details img{padding-top:0;}
	.box-images-details{padding-bottom:0;}
	.slider .grid-wrapper, .slider .img-details{height:392px;}
	
}
@media(max-width:400px){ 
	/*home*/
	/* store*/ 
	.olp-mn{margin-left:0}
	.ml-pm .olp-cnt{ margin-left:0px;}
}
@media(max-width:399px){ 
	 /*home*/
	 
	/* store*/
	.olp-mn{margin-left:10px}
	#PreviewLayer > table{ max-width: 270px !important; }
	div.vsc  table,div.vsc  tr,div.vsc  td,div.vsc  div{max-width: 270px !important;}
	.olp-cnt,div.vsc,.ic-cp{max-width: 270px !important;}
	.ic-cntr .ic-b1{ max-width: 270px !important;  }
	.tg-tb.tg-clp tr td img{width:23px !important; height:23px !important}
	#gh{min-width:300px}
}
@media(max-width:320px){ 
	/*home*/
	.pagewidth .logo-content > img{width:63%;}
	.pagewidth .header-content .logo-content{ margin-left: 90px;}
	.nav-trigger + label{top: 30px;}
	/*listing*/
	.wrappage .header-container .header-content .logo-content{padding:14px 0 11px 0;}
	.wrappage .logo-content > img{max-width:100%;height:70px;}
	.wrappage .header-content .text-shipping{padding: 45px 5px 0 0;}
	.wrappage .main-container{padding-top: 21px;}
	.wrappage .product-view-name{line-height:30px;}
	.wrappage .description{margin-top:7px;}
	.wrappage  .price{margin: 15px 0 0;}
	.wrappage .price .price-new span{font-size:18px;margin: 8px 0 0;}
	.price .price-new{font-size:26px;}
	.box-images-details{margin-top:15px;}
	.slider .grid-wrapper{height:298px ;}
	.slider .img-details{max-height:298px} 	
	/*subpage*/
	.sub-page .col-left input + label{background-position:96% 43px;}
	.sub-page .col-left input:checked + label{background-position:95% 45px;}
}
/*********STYLE MAIN CAROUSEL ******************/
	#slider {
		text-align: center;
	}
	.catch { display: block; height: 0; overflow: hidden; }
	#slider {
		margin: 0 auto;
		position:relative;
		width:100%;
		display:inline-block
	}
	#description {
		margin: 25px auto;
		text-align: left;
		max-width: 650px;
		padding: 0 25px;
	}
	.respond {
		margin: 0 auto;
		max-width: 370px;
	}
	/* NEW EXPERIMENT */
	/* Slider Setup */
	#slider input {
		display: none;
	}

	#slider #slide1:checked ~ #slides .inner { margin-left:0; }
	#slider #slide2:checked ~ #slides .inner { margin-left:-100%; }
	#slider #slide3:checked ~ #slides .inner { margin-left:-200%; }
	#slider #slide4:checked ~ #slides .inner { margin-left:-300%; }
	#slider #slide5:checked ~ #slides .inner { margin-left:-400%; }
	#slider #slide6:checked ~ #slides .inner { margin-left:-500%; }
	#slider #slide7:checked ~ #slides .inner { margin-left:-600%; }
	#slider #slide8:checked ~ #slides .inner { margin-left:-700%; }
	#slider #slide9:checked ~ #slides .inner { margin-left:-800%; }
	#slider #slide10:checked ~ #slides .inner { margin-left:-900%; }
	#slider #slide11:checked ~ #slides .inner { margin-left:-1000%; }
	#slider #slide12:checked ~ #slides .inner { margin-left:-1100%; }

	#overflow {
		width: 100%;
		overflow: hidden;
	}

	#slider article img {
		width: 100%;
	}
	#slides .inner {
		width: 500%;
		line-height: 0;
	}

	#slides article {
		width: 20%;
		float: left;
		position:relative
	}

	/* Slider Styling */

	/* Control Setup */
	#slides article a{display:inline-block; width:100%;}
	#active {
		text-align: center;
		left:0;
		z-index:9;
		margin:16px 0 0 0;
		width:100%;
		text-align:center; 
	}

	#active label {
		display: inline-block;
		width: 	18px;
		height: 18px;
		margin: 0 3px;
		cursor: pointer;
		background: none; 
		-webkit-border-radius: 18px; 
		-moz-border-radius: 18px;
		border-radius: 18px;
		background: #245699;
		 opacity: 0.5
	}

	#active label:hover {
		 opacity: 1
	}
	 

	#slider #slide1:checked ~ #active label:nth-child(1), 
	#slider #slide2:checked ~ #active label:nth-child(2), 
	#slider #slide3:checked ~ #active label:nth-child(3), 
	#slider #slide4:checked ~ #active label:nth-child(4), 
	#slider #slide5:checked ~ #active label:nth-child(5), 
	#slider #slide6:checked ~ #active label:nth-child(6), 
	#slider #slide7:checked ~ #active label:nth-child(7), 
	#slider #slide8:checked ~ #active label:nth-child(8), 
	#slider #slide9:checked ~ #active label:nth-child(9), 
	#slider #slide10:checked ~ #active label:nth-child(10), 
	#slider #slide11:checked ~ #active label:nth-child(11),
	#slider #slide12:checked ~ #active label:nth-child(12){
		 opacity: 1
	}
	#controls {position:absolute; bottom:70%; width:100%;}
	#controls label { 
		position:absolute;
		width: 34px;
		height: 94px;
		opacity: 1;
		z-index:9;
		cursor:pointer;
		margin:0;
	}

	#controls label:hover {
	}
	#slider input ~ #controls label:first-child{
		background:none;
		background: url('../images/DM-bg.png') no-repeat 0 -148px;
		right:0;
		display: block;
	}
	#slider #slide1:checked ~ #controls label:nth-child(2), 
	#slider #slide2:checked ~ #controls label:nth-child(3), 
	#slider #slide3:checked ~ #controls label:nth-child(4), 
	#slider #slide4:checked ~ #controls label:nth-child(5), 
	#slider #slide5:checked ~ #controls label:nth-child(6), 
	#slider #slide6:checked ~ #controls label:nth-child(7), 
	#slider #slide7:checked ~ #controls label:nth-child(8), 
	#slider #slide8:checked ~ #controls label:nth-child(9), 
	#slider #slide9:checked ~ #controls label:nth-child(10), 
	#slider #slide10:checked ~ #controls label:nth-child(11), 
	#slider #slide11:checked ~ #controls label:nth-child(12),
	#slider #slide12:checked ~ #controls label:nth-child(1){
		background:none;
		background: url('../images/DM-bg.png') no-repeat 0 -148px;
		right:0;
		display: block;
		z-index:17;
	}

	#slider #slide1:checked ~ #controls label:nth-child(2):hover, 
	#slider #slide2:checked ~ #controls label:nth-child(3):hover, 
	#slider #slide3:checked ~ #controls label:nth-child(4):hover, 
	#slider #slide4:checked ~ #controls label:nth-child(5):hover, 
	#slider #slide5:checked ~ #controls label:nth-child(6):hover, 
	#slider #slide6:checked ~ #controls label:nth-child(7):hover, 
	#slider #slide7:checked ~ #controls label:nth-child(8):hover, 
	#slider #slide8:checked ~ #controls label:nth-child(9):hover, 
	#slider #slide9:checked ~ #controls label:nth-child(10):hover, 
	#slider #slide10:checked ~ #controls label:nth-child(11):hover, 
	#slider #slide11:checked ~ #controls label:nth-child(12):hover,
	#slider #slide12:checked ~ #controls label:nth-child(1):hover{
	}


	#slider #slide1:checked ~ #controls label:nth-child(12),
	#slider #slide2:checked ~ #controls label:nth-child(1),
	#slider #slide3:checked ~ #controls label:nth-child(2),
	#slider #slide4:checked ~ #controls label:nth-child(3),
	#slider #slide5:checked ~ #controls label:nth-child(4),
	#slider #slide6:checked ~ #controls label:nth-child(5),
	#slider #slide7:checked ~ #controls label:nth-child(6),
	#slider #slide8:checked ~ #controls label:nth-child(7),
	#slider #slide9:checked ~ #controls label:nth-child(8),
	#slider #slide10:checked ~ #controls label:nth-child(9),
	#slider #slide11:checked ~ #controls label:nth-child(10),
	#slider #slide12:checked ~ #controls label:nth-child(11) {
		background:none;
		background: url('../images/DM-bg.png') no-repeat 0 -44px;
		left:0;
		display: block;
		z-index:17;
	}
	#slider #slide1:checked ~ #controls label:nth-child(12):hover,
	#slider #slide2:checked ~ #controls label:nth-child(1):hover,
	#slider #slide3:checked ~ #controls label:nth-child(2):hover,
	#slider #slide4:checked ~ #controls label:nth-child(3):hover,
	#slider #slide5:checked ~ #controls label:nth-child(4):hover,
	#slider #slide6:checked ~ #controls label:nth-child(5):hover,
	#slider #slide7:checked ~ #controls label:nth-child(6):hover,
	#slider #slide8:checked ~ #controls label:nth-child(7):hover,
	#slider #slide9:checked ~ #controls label:nth-child(8):hover,
	#slider #slide10:checked ~ #controls label:nth-child(9):hover,
	#slider #slide11:checked ~ #controls label:nth-child(10):hover,
	#slider #slide12:checked ~ #controls label:nth-child(11):hover {
	}

	#slider #slide1 + #slides + #controls{display:none;}
	#slider #slide1  + #slides + #controls + #active{display:none;}	
	/* Info Box */

	#slider .info {
		line-height: 32px;
		margin:0;
		position: absolute;
		padding:0;
		opacity: 0;
		color: #fff;
		font-weight: 400;
		font-size: 27.7px;
		font-style: normal;
		font-family:'Lato', sans-serif; 
		text-align: left;
		top:30%; right:44px;
		z-index:9;
		display:none;
	}

	#slider .info h3 {
		color: #fff;
		margin: 0;
		font-weight: 600;
		font-size: 41px;
		font-style: normal;
		font-family:'Lato', sans-serif; 
		text-transform:uppercase;
		line-height:42px;
	}
	#slider .info  a{font-size:14px; line-height:36px; color:#fff !important; font-family:'Lato', sans-serif; font-weight:600; background:#f46619; border-radius:3px; padding:0 19px 0 11px; display:block; width:102px; position:relative ; margin-top:12px;}
	#slider .info  a:before {  position:absolute; top:0 ; right:8px; content:""; width:5px; height:100%;}
		
	/* Slider Styling */

	#slides {
		margin: 0;
		background: #fff;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dbdac9',GradientType=0 ); /* IE6-9 */
	}


	/* Animation */

	#slides .inner {
		-webkit-transform: translateZ(0);
		-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
		-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

		-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
		-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	}

	#slider {
		-webkit-transform: translateZ(0);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}

	#controls label{
		-webkit-transform: translateZ(0);
		-webkit-transition: opacity 0.2s ease-out;
		-moz-transition: opacity 0.2s ease-out;
		-o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
	}

	#slider #slide1:checked ~ #slides article:nth-child(1) .info,
	#slider #slide2:checked ~ #slides article:nth-child(2) .info,
	#slider #slide3:checked ~ #slides article:nth-child(3) .info,
	#slider #slide4:checked ~ #slides article:nth-child(4) .info,
	#slider #slide5:checked ~ #slides article:nth-child(5) .info,
	#slider #slide6:checked ~ #slides article:nth-child(6) .info,
	#slider #slide7:checked ~ #slides article:nth-child(7) .info,
	#slider #slide8:checked ~ #slides article:nth-child(8) .info,
	#slider #slide9:checked ~ #slides article:nth-child(9) .info,
	#slider #slide10:checked ~ #slides article:nth-child(10) .info,
	#slider #slide11:checked ~ #slides article:nth-child(11) .info,
	#slider #slide12:checked ~ #slides article:nth-child(12) .info {
		opacity: 1;
		-webkit-transition: all 1s ease-out 0.6s;
		-moz-transition: all 1s ease-out 0.6s;
		-o-transition: all 1s ease-out 0.6s;
		transition: all 1s ease-out 0.6s;
	}

	#slider .info, #controls, #slides, #active, #active label,#slider  .info h3, .desktop, .tablet, .mobile {
		-webkit-transform: translateZ(0);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	  
	@media  (max-width: 1024px) {
	}
	@media  (width: 768px) {
	}
	@media  (max-width: 767px) {
		#controls label{width: 21px; height: 60px;}

		#slider input ~ #controls label:first-child{
			background:none;
			background: url('../images/DM-bg.png') no-repeat 0 -91px;
			 background-size: 25px;
			right:0;
			display: block;
		}
		#slider #slide1:checked ~ #controls label:nth-child(2), 
		#slider #slide2:checked ~ #controls label:nth-child(3), 
		#slider #slide3:checked ~ #controls label:nth-child(4), 
		#slider #slide4:checked ~ #controls label:nth-child(5), 
		#slider #slide5:checked ~ #controls label:nth-child(6), 
		#slider #slide6:checked ~ #controls label:nth-child(7), 
		#slider #slide7:checked ~ #controls label:nth-child(8), 
		#slider #slide8:checked ~ #controls label:nth-child(9), 
		#slider #slide9:checked ~ #controls label:nth-child(10), 
		#slider #slide10:checked ~ #controls label:nth-child(11), 
		#slider #slide11:checked ~ #controls label:nth-child(12),
		#slider #slide12:checked ~ #controls label:nth-child(1){
			background:none;
			background: url('../images/DM-bg.png') no-repeat 0 -91px;
			 background-size: 25px;
			right:0;
			display: block;
		}
		#slider #slide1:checked ~ #controls label:nth-child(12),
		#slider #slide2:checked ~ #controls label:nth-child(1),
		#slider #slide3:checked ~ #controls label:nth-child(2),
		#slider #slide4:checked ~ #controls label:nth-child(3),
		#slider #slide5:checked ~ #controls label:nth-child(4),
		#slider #slide6:checked ~ #controls label:nth-child(5),
		#slider #slide7:checked ~ #controls label:nth-child(6),
		#slider #slide8:checked ~ #controls label:nth-child(7),
		#slider #slide9:checked ~ #controls label:nth-child(8),
		#slider #slide10:checked ~ #controls label:nth-child(9),
		#slider #slide11:checked ~ #controls label:nth-child(10),
		#slider #slide12:checked ~ #controls label:nth-child(11) {
			background:none;
			background: url('../images/DM-bg.png') no-repeat 0 -26px;
			 background-size: 25px;
			left:0;
			display: block;
		}
		
		/* Info Box */
		#slider .info {font-size:20px; line-height:24px;}
		#slider .info h3 {font-size:30px; line-height:32px;} 
		 
	}  
	@media  (max-width: 850px) and (min-width: 450px) {

		#slider #slides {
			padding: 0;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}

	} 
	@media  (max-width: 639px) {
		
		#active{margin: 10px 0 0}
		#active label{width: 12px; height: 12px;}
		#controls{bottom: 59%}
	}
	  
	@media  (max-width: 480px) {
	 #controls {bottom: 57%;}

		#controls label{width: 11px; height: 31px;}

		#slider input ~ #controls label:first-child{
			background:none;
			background: url('../images/DM-bg.png') no-repeat 0 -47px;
			 background-size: 13px;
			right:0;
			display: block;
		}
		#slider #slide1:checked ~ #controls label:nth-child(2), 
		#slider #slide2:checked ~ #controls label:nth-child(3), 
		#slider #slide3:checked ~ #controls label:nth-child(4), 
		#slider #slide4:checked ~ #controls label:nth-child(5), 
		#slider #slide5:checked ~ #controls label:nth-child(6), 
		#slider #slide6:checked ~ #controls label:nth-child(7), 
		#slider #slide7:checked ~ #controls label:nth-child(8), 
		#slider #slide8:checked ~ #controls label:nth-child(9), 
		#slider #slide9:checked ~ #controls label:nth-child(10), 
		#slider #slide10:checked ~ #controls label:nth-child(11), 
		#slider #slide11:checked ~ #controls label:nth-child(12),
		#slider #slide12:checked ~ #controls label:nth-child(1){
			background:none;
			background: url('../images/DM-bg.png') no-repeat 0 -47px;
			 background-size: 13px;
			right:0;
			display: block;
		}
		#slider #slide1:checked ~ #controls label:nth-child(12),
		#slider #slide2:checked ~ #controls label:nth-child(1),
		#slider #slide3:checked ~ #controls label:nth-child(2),
		#slider #slide4:checked ~ #controls label:nth-child(3),
		#slider #slide5:checked ~ #controls label:nth-child(4),
		#slider #slide6:checked ~ #controls label:nth-child(5),
		#slider #slide7:checked ~ #controls label:nth-child(6),
		#slider #slide8:checked ~ #controls label:nth-child(7),
		#slider #slide9:checked ~ #controls label:nth-child(8),
		#slider #slide10:checked ~ #controls label:nth-child(9),
		#slider #slide11:checked ~ #controls label:nth-child(10),
		#slider #slide12:checked ~ #controls label:nth-child(11) {
			background:none;
			background: url('../images/DM-bg.png') no-repeat 0 -14px;
			 background-size: 13px;
			left:0;
			display: block;
		}
	}
	@media  (max-width: 390px) {
	 #controls {bottom: 70%;}
	}

/*********STYLE ADDITIONAL CAROUSEL ******************/

	.slider-additional {
		text-align: center;
	}
	.slider-additional {
		margin: 0 auto;
		position:relative;
		width:100%;
		display:inline-block
	}
	/* NEW EXPERIMENT */
	/* Slider Setup */
	.slider-additional input {
		display: none;
	}

	.slider-additional #slide-additional1:checked ~ #slides-additional .inner { margin-left:0; }
	.slider-additional #slide-additional2:checked ~ #slides-additional .inner { margin-left:-100%; }
	.slider-additional #slide-additional3:checked ~ #slides-additional .inner { margin-left:-200%; }
	.slider-additional #slide-additional4:checked ~ #slides-additional .inner { margin-left:-300%; }
	.slider-additional #slide-additional5:checked ~ #slides-additional .inner { margin-left:-400%; }
	.slider-additional #slide-additional6:checked ~ #slides-additional .inner { margin-left:-500%; }
	.slider-additional #slide-additional7:checked ~ #slides-additional .inner { margin-left:-600%; }
	.slider-additional #slide-additional8:checked ~ #slides-additional .inner { margin-left:-700%; }
	.slider-additional #slide-additional9:checked ~ #slides-additional .inner { margin-left:-800%; }
	.slider-additional #slide-additional10:checked ~ #slides-additional .inner { margin-left:-900%; }
	.slider-additional #slide-additional11:checked ~ #slides-additional .inner { margin-left:-1000%; }
	.slider-additional #slide-additional12:checked ~ #slides-additional .inner { margin-left:-1100%; }


	#overflow-additional {
		width: 100%;
		overflow: hidden;
	}

	.slider-additional article img {
		width: 100%;
	}
	#slides-additional .inner {
		width: 500%;
		line-height: 0;
	}

	#slides-additional article {
		width: 20%;
		float: left;
		position:relative
	}

	/* Slider Styling */
	#slides-additional .info{display: none}

	/* Control Setup */
	#slides-additional article a{display:inline-block; width:100%;}
	#active-additional {
		text-align: center;
		left:0;
		z-index:9;
		margin:16px 0 0 0;
		width:100%;
		text-align:center;
		display: none;
	}

	#active-additional label {
		display: inline-block;
		width: 	18px;
		height: 18px;
		margin: 0 3px;
		cursor: pointer;
		background: none; 
		-webkit-border-radius: 18px; 
		-moz-border-radius: 18px;
		border-radius: 18px;
		background: #4c2c77
	}

	#active-additional label:hover {
		background: #74459b;
	}
	  
	#controls-additional {position:absolute; bottom:57%; width:100%; display: none;}
	#controls-additional label { 
		position:absolute;
		width: 22px;
		height: 57px;
		opacity: 1;
		z-index:17;
		cursor:pointer;
		margin:0;
	}

	#controls-additional label:hover {}
	.slider-additional input ~ #controls-additional label:first-child{
		background:none;
		background: url('../images/DM-bg.png') no-repeat 0 -148px;
		right:0;
		display: block;
	}
	.slider-additional #slide-additional1:checked ~ #controls-additional label:nth-child(2), 
	.slider-additional #slide-additional2:checked ~ #controls-additional label:nth-child(3), 
	.slider-additional #slide-additional3:checked ~ #controls-additional label:nth-child(4), 
	.slider-additional #slide-additional4:checked ~ #controls-additional label:nth-child(5), 
	.slider-additional #slide-additional5:checked ~ #controls-additional label:nth-child(6), 
	.slider-additional #slide-additional6:checked ~ #controls-additional label:nth-child(7), 
	.slider-additional #slide-additional7:checked ~ #controls-additional label:nth-child(8), 
	.slider-additional #slide-additional8:checked ~ #controls-additional label:nth-child(9), 
	.slider-additional #slide-additional9:checked ~ #controls-additional label:nth-child(10), 
	.slider-additional #slide-additional10:checked ~ #controls-additional label:nth-child(11), 
	.slider-additional #slide-additional11:checked ~ #controls-additional label:nth-child(12),
	.slider-additional #slide-additional12:checked ~ #controls-additional label:nth-child(1){
		background:none;
		background: url('../images/DM-bg.png') no-repeat 0 -148px;
		right:0;
		display: block;
		z-index:17;
	}
	.slider-additional #slide-additional1:checked ~ #controls-additional label:nth-child(2):hover, 
	.slider-additional #slide-additional2:checked ~ #controls-additional label:nth-child(3):hover, 
	.slider-additional #slide-additional3:checked ~ #controls-additional label:nth-child(4):hover, 
	.slider-additional #slide-additional4:checked ~ #controls-additional label:nth-child(5):hover, 
	.slider-additional #slide-additional5:checked ~ #controls-additional label:nth-child(6):hover, 
	.slider-additional #slide-additional6:checked ~ #controls-additional label:nth-child(7):hover, 
	.slider-additional #slide-additional7:checked ~ #controls-additional label:nth-child(8):hover, 
	.slider-additional #slide-additional8:checked ~ #controls-additional label:nth-child(9):hover, 
	.slider-additional #slide-additional9:checked ~ #controls-additional label:nth-child(10):hover, 
	.slider-additional #slide-additional10:checked ~ #controls-additional label:nth-child(11):hover, 
	.slider-additional #slide-additional11:checked ~ #controls-additional label:nth-child(12):hover,
	.slider-additional #slide-additional12:checked ~ #controls-additional label:nth-child(1):hover{
	}


	.slider-additional #slide-additional1:checked ~ #controls-additional label:nth-child(12),
	.slider-additional #slide-additional2:checked ~ #controls-additional label:nth-child(1),
	.slider-additional #slide-additional3:checked ~ #controls-additional label:nth-child(2),
	.slider-additional #slide-additional4:checked ~ #controls-additional label:nth-child(3),
	.slider-additional #slide-additional5:checked ~ #controls-additional label:nth-child(4),
	.slider-additional #slide-additional6:checked ~ #controls-additional label:nth-child(5),
	.slider-additional #slide-additional7:checked ~ #controls-additional label:nth-child(6),
	.slider-additional #slide-additional8:checked ~ #controls-additional label:nth-child(7),
	.slider-additional #slide-additional9:checked ~ #controls-additional label:nth-child(8),
	.slider-additional #slide-additional10:checked ~ #controls-additional label:nth-child(9),
	.slider-additional #slide-additional11:checked ~ #controls-additional label:nth-child(10),
	.slider-additional #slide-additional12:checked ~ #controls-additional label:nth-child(11) {
		background:none;
		background: url('../images/DM-bg.png') no-repeat 0 -44px;
		left:0;
		display: block;
		z-index:17;
	}
	.slider-additional #slide-additional1:checked ~ #controls-additional label:nth-child(12):hover,
	.slider-additional #slide-additional2:checked ~ #controls-additional label:nth-child(1):hover,
	.slider-additional #slide-additional3:checked ~ #controls-additional label:nth-child(2):hover,
	.slider-additional #slide-additional4:checked ~ #controls-additional label:nth-child(3):hover,
	.slider-additional #slide-additional5:checked ~ #controls-additional label:nth-child(4):hover,
	.slider-additional #slide-additional6:checked ~ #controls-additional label:nth-child(5):hover,
	.slider-additional #slide-additional7:checked ~ #controls-additional label:nth-child(6):hover,
	.slider-additional #slide-additional8:checked ~ #controls-additional label:nth-child(7):hover,
	.slider-additional #slide-additional9:checked ~ #controls-additional label:nth-child(8):hover,
	.slider-additional #slide-additional10:checked ~ #controls-additional label:nth-child(9):hover,
	.slider-additional #slide-additional11:checked ~ #controls-additional label:nth-child(10):hover,
	.slider-additional #slide-additional12:checked ~ #controls-additional label:nth-child(11):hover {
	}

	.slider-additional #slide-additional1 + #slides-additional + #controls-additional{display:none;}
	.slider-additional #slide-additional1  + #slides-additional + #controls-additional + #active-additional{display:none;}	
	
	/* Slider Styling */

	#slides-additional {
		margin: 0;
		background: #fff;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dbdac9',GradientType=0 ); /* IE6-9 */
	}


	/* Animation */

	#slides-additional .inner {
		-webkit-transform: translateZ(0);
		-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
		-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

		-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
		-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	}

	.slider-additional {
		-webkit-transform: translateZ(0);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}

	#controls-additional label{
		-webkit-transform: translateZ(0);
		-webkit-transition: opacity 0.2s ease-out;
		-moz-transition: opacity 0.2s ease-out;
		-o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
	}

	.slider-additional #slide-additional1:checked ~ #slides-additional article:nth-child(1) .info,
	.slider-additional #slide-additional2:checked ~ #slides-additional article:nth-child(2) .info,
	.slider-additional #slide-additional3:checked ~ #slides-additional article:nth-child(3) .info,
	.slider-additional #slide-additional4:checked ~ #slides-additional article:nth-child(4) .info,
	.slider-additional #slide-additional5:checked ~ #slides-additional article:nth-child(5) .info,
	.slider-additional #slide-additional6:checked ~ #slides-additional article:nth-child(6) .info,
	.slider-additional #slide-additional7:checked ~ #slides-additional article:nth-child(7) .info,
	.slider-additional #slide-additional8:checked ~ #slides-additional article:nth-child(8) .info,
	.slider-additional #slide-additional9:checked ~ #slides-additional article:nth-child(9) .info,
	.slider-additional #slide-additional10:checked ~ #slides-additional article:nth-child(10) .info,
	.slider-additional #slide-additional11:checked ~ #slides-additional article:nth-child(11) .info,
	.slider-additional #slide-additional12:checked ~ #slides-additional article:nth-child(12) .info {
		opacity: 1;
		-webkit-transition: all 1s ease-out 0.6s;
		-moz-transition: all 1s ease-out 0.6s;
		-o-transition: all 1s ease-out 0.6s;
		transition: all 1s ease-out 0.6s;
	}
	#controls-additional, #slides-additional, #active-additional, #active-additional label {
		-webkit-transform: translateZ(0);
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}	  
	@media  (max-width: 1024px) {}
	@media  (width: 768px) {}
	@media  (max-width: 767px) {}  
	@media  (max-width: 850px) and (min-width: 450px) {
		.slider-additional #slides-additional {
			padding: 0;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
	} 
	@media  (max-width: 639px) {		
		#active-additional{margin: 10px 0 0}
		#active-additional label{width: 12px; height: 12px;}
		#controls-additional{bottom: 68%}
	}
	@media  (max-width: 450px) {}
.slider-product {
	text-align: center;
}
.slider-product {
	margin: 0 auto;
	position:relative;
	width:500px;
}
/* Slider Setup */
.slider-product input {
	display: none;
}
.slider-product .overflow {
	width: 100%;
	overflow: hidden;
	background: transparent;
}
.slider-product .slides article img {
	max-width: 100%;
}
.slider-product .slides .inner{
	width:100%;
	background: #fff;
}
.slider-product .slides article {
	width: 6.25%;
	float: left;
	position:relative
}
/* Slider Styling */

/* Control Setup */
.slider-product .slides article a{display:inline-block; width:100%;}
.slider-product .active {
	text-align: center;
	position:absolute;
	left:0;
	z-index:9;
	bottom: 30px;
	margin: 0;
	width:100%;
	text-align:center
}
.slider-product .active label {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin: 0 5px;
	cursor: pointer;
	background: #ccc; 
	-webkit-border-radius: 21px; 
	-moz-border-radius: 21px;
	border-radius: 21px;
}
.slider-product .active label:hover {
	background: #57bee8;
}
.slider-product .controls {
	position:absolute;
	bottom:67%;
	width:100%;
	left:0;
}
.slider-product .controls label { 
	position:absolute;
	top:-27px;
	display: none;
	width: 44px;
	height: 44px;
	opacity: 0;
	z-index:9;
	cursor:pointer;
}
.slider-product .controls label:hover {
} 	
/* Slider Styling */
.slider-product .slides {
	margin: 0;
	background: transparent;
	padding:0 20px;
	position: relative;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dbdac9',GradientType=0 ); /* IE6-9 */	
}
/* Animation */
.slider-product .slides .inner{
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
.slider-product {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.slider-product .controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
.slider-product #product1:checked ~  .slides article:nth-child(1) .info,
.slider-product #product2:checked ~  .slides article:nth-child(2) .info,
.slider-product #product3:checked ~  .slides article:nth-child(3) .info,
.slider-product #product4:checked ~  .slides article:nth-child(4) .info,
.slider-product #product5:checked ~  .slides article:nth-child(5) .info,
.slider-product #product6:checked ~  .slides article:nth-child(6) .info,
.slider-product #product7:checked ~  .slides article:nth-child(7) .info,
.slider-product #product8:checked ~  .slides article:nth-child(8) .info,
.slider-product #product9:checked ~  .slides article:nth-child(9) .info,
.slider-product #product10:checked ~ .slides article:nth-child(10) .info,
.slider-product #product11:checked ~ .slides article:nth-child(11) .info,
.slider-product #product12:checked ~ .slides article:nth-child(12) .info{
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}
.slider-product .controls, .slider-product .slides, .slider-product .active, .slider-product .active label  {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.slider-product .active{display:none;}
.slider-product{width:100%;}
.slider-product .slides{padding:0;  position:relative}
.slider-product .slides article{width:25%; padding:0 10px; text-align: center;} 
.slider-product .slides article > div{ padding: 10px} 
.slider-product .slides article .images-product{ text-align:center; width:100%;min-height:144px;}
.slider-product .slides article .images-product a{max-width:100%;}
.slider-product .slides article .images-product img{max-height:220px; max-width:100%; width:auto;   }
.slider-product .slides article .name-product{ overflow:hidden; margin-top:17px; height: 39px;margin-bottom: 10px;}
.slider-product .slides article .name-product a {
    font-size: 13px;
    font-family: Arial;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    font-family: 'Titillium Web', sans-serif !important;
    /* color: red !important; */
}
.slider-product .slides article:hover .name-product a {text-decoration:underline;color:#3850A2}
.slider-product .slides article .price-product{ width:100%; margin-top:2px;}
.slider-product .slides article .price-product span {
    font-size: 18px;
    font-family: Arial;
    font-weight: 600;
    color: #4c4c4c;
    line-height: 20px;
    font-family: 'Titillium Web', sans-serif !important;
}
.slider-product .slides article > div >p{margin-top: 20px;}
.slider-product .slides article > div >p a {display:inline-block; float: left; height: 37px; width: 150px; position: relative;}
.slider-product .slides article > div >p a:after{background: #FFD200; content:"Buy Now"; color: #fff; position: absolute; top:0; left: 0; width: 100%; line-height: 37px;  font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase;}

.slider-brand .active{display:none; } 
.slider-brand .slides{padding:0 10px; }
.slider-brand .slides article{ display:inline-block; height:75px; text-align: center; width:16.6%; margin: 20px 0 0 0; padding: 0 10px;}
.slider-brand .slides article img{width:auto; max-height: 73px; max-width: 80%}
.slider-brand .slides article > div{height:100%; width: 100%; display:table; margin:0 auto; border: 0}
.slider-brand .slides article > div a{ display:table-cell; vertical-align:middle;}

@media only screen and (min-width: 768px) {
/************************** Cross sell 1 ******************/	
	/* Info Box */ 
	.slider-product .slides{margin:0 20px}
	.product-list .slider-product .controls	{display:block}
	.product-list .slider-product .slides .inner{width:600%;}
	.product-list .slider-product{width:100%;} 
	.product-list .slider-product .slides article{width:3.25%;} 
	.product-list .slider-product .controls{bottom:52%}
	.product-list .slider-product .active {bottom:-20px; display:none}
	.product-list .slider-product .active label{ width:10px; height:10px; margin:0 2px}
	
	.slider-product #product1:checked ~ .slides .inner{ margin-left:1%; }
	.slider-product #product2:checked ~ .slides .inner{ margin-left:-18.5%; }
	.slider-product #product3:checked ~ .slides .inner{ margin-left:-38%; }
	.slider-product #product4:checked ~ .slides .inner{ margin-left:-57%; }
	.slider-product #product5:checked ~ .slides .inner{ margin-left:-77%; }
	.slider-product #product6:checked ~ .slides .inner{ margin-left:-96%; }
	.slider-product #product7:checked ~ .slides .inner{ margin-left:-116%; }
	.slider-product #product8:checked ~ .slides .inner{ margin-left:-135%; }
	.slider-product #product9:checked ~ .slides .inner{ margin-left:-155%; }
	.slider-product #product10:checked ~ .slides .inner{ margin-left:-174%; }
	.slider-product #product11:checked ~ .slides .inner{ margin-left:-194%;}
	.slider-product #product12:checked ~ .slides .inner{ margin-left:-214%;}
	
	.slider-product .active label{display:inline-block !important;}
	
	.slider-product #product1:checked ~ .controls label:nth-child(2), 
	.slider-product #product2:checked ~ .controls label:nth-child(3), 
	.slider-product #product3:checked ~ .controls label:nth-child(4),
	.slider-product #product4:checked ~ .controls label:nth-child(5),
	.slider-product #product5:checked ~ .controls label:nth-child(6),
	.slider-product #product6:checked ~ .controls label:nth-child(7),
	.slider-product #product7:checked ~ .controls label:nth-child(8),
	.slider-product #product8:checked ~ .controls label:nth-child(9),
	.slider-product #product9:checked ~ .controls label:nth-child(10),
	.slider-product #product10:checked ~ .controls label:nth-child(11),
	.slider-product #product11:checked ~ .controls label:nth-child(12),
	.slider-product #product12:checked ~ .controls label:first-child{ 
		background:none ;		
		background: url('../images/for.png') no-repeat center;
		display: block;
		opacity: 1;
		right: 0px;
	} 
	.slider-product #product1:checked ~ .controls label:nth-child(12), 
	.slider-product #product2:checked ~ .controls label:nth-child(1), 
	.slider-product #product3:checked ~ .controls label:nth-child(2),
	.slider-product #product4:checked ~ .controls label:nth-child(3),
	.slider-product #product5:checked ~ .controls label:nth-child(4),
	.slider-product #product6:checked ~ .controls label:nth-child(5),
	.slider-product #product7:checked ~ .controls label:nth-child(6),
	.slider-product #product8:checked ~ .controls label:nth-child(7),
	.slider-product #product9:checked ~ .controls label:nth-child(8),
	.slider-product #product10:checked ~ .controls label:nth-child(9),
	.slider-product #product11:checked ~ .controls label:nth-child(10),
	.slider-product #product12:checked ~ .controls label:nth-child(11){
		background:none ;		
		background: url('../images/pre.png') no-repeat center;
		left:0px;
		display: block;
		opacity: 1;
	} 
	/*.slider-product input ~ .slider-product .active label:nth-child(1){background:#57bee8;}*/
	.slider-product #product1:checked ~ .active label:nth-child(1),
	.slider-product #product2:checked ~ .active label:nth-child(2),
	.slider-product #product3:checked ~ .active label:nth-child(3),
	.slider-product #product4:checked ~ .active label:nth-child(4),
	.slider-product #product5:checked ~ .active label:nth-child(5),
	.slider-product #product6:checked ~ .active label:nth-child(6),
	.slider-product #product7:checked ~ .active label:nth-child(7),
	.slider-product #product8:checked ~ .active label:nth-child(8),
	.slider-product #product9:checked ~ .active label:nth-child(9),
	.slider-product #product10:checked ~ .active label:nth-child(10),
	.slider-product #product11:checked ~ .active label:nth-child(11),
	.slider-product #product12:checked ~ .active label:nth-child(12) {
		background:none;
		background: #000;
	}  
	.slider-product #product4 + .slides + .controls{display:none;}
	.slider-product #product4 + .slides + .controls + .active{display:none;}	
	.slider-product .controls label:last-child, .slider-product .controls label:nth-last-child(2), .slider-product .controls label:nth-last-child(3){display: none !important;}

/************************** Cross sell 2 ******************/	
	/* Info Box */  
	
	.slider-product #product2-1:checked ~ .slides .inner{ margin-left:0; }
	.slider-product #product2-2:checked ~ .slides .inner{ margin-left:-25%; }
	.slider-product #product2-3:checked ~ .slides .inner{ margin-left:-50%; }
	.slider-product #product2-4:checked ~ .slides .inner{ margin-left:-75%; }
	.slider-product #product2-5:checked ~ .slides .inner{ margin-left:-100%; }
	.slider-product #product2-6:checked ~ .slides .inner{ margin-left:-125%; }
	.slider-product #product2-7:checked ~ .slides .inner{ margin-left:-150%; }
	.slider-product #product2-8:checked ~ .slides .inner{ margin-left:-175%; }
	.slider-product #product2-9:checked ~ .slides .inner{ margin-left:-200%; }
	.slider-product #product2-10:checked ~ .slides .inner{ margin-left:-200%; }
	.slider-product #product2-11:checked ~ .slides .inner{ margin-left:-200%;}
	.slider-product #product2-12:checked ~ .slides .inner{ margin-left:-200%;}
	
	
	.slider-product #product2-1:checked ~ .controls label:nth-child(2), 
	.slider-product #product2-2:checked ~ .controls label:nth-child(3), 
	.slider-product #product2-3:checked ~ .controls label:nth-child(4),
	.slider-product #product2-4:checked ~ .controls label:nth-child(5),
	.slider-product #product2-5:checked ~ .controls label:nth-child(6),
	.slider-product #product2-6:checked ~ .controls label:nth-child(7),
	.slider-product #product2-7:checked ~ .controls label:nth-child(8),
	.slider-product #product2-8:checked ~ .controls label:nth-child(9),
	.slider-product #product2-9:checked ~ .controls label:nth-child(10),
	.slider-product #product2-10:checked ~ .controls label:nth-child(11),
	.slider-product #product2-11:checked ~ .controls label:nth-child(12),
	.slider-product #product2-12:checked ~ .controls label:first-child{ 
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block;
		opacity: 1;
		right: 0px;
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(2):hover, 
	.slider-product #product2-2:checked ~ .controls label:nth-child(3):hover, 
	.slider-product #product2-3:checked ~ .controls label:nth-child(4):hover,
	.slider-product #product2-4:checked ~ .controls label:nth-child(5):hover,
	.slider-product #product2-5:checked ~ .controls label:nth-child(6):hover,
	.slider-product #product2-6:checked ~ .controls label:nth-child(7):hover,
	.slider-product #product2-7:checked ~ .controls label:nth-child(8):hover,
	.slider-product #product2-8:checked ~ .controls label:nth-child(9):hover,
	.slider-product #product2-9:checked ~ .controls label:nth-child(10):hover,
	.slider-product #product2-10:checked ~ .controls label:nth-child(11):hover,
	.slider-product #product2-11:checked ~ .controls label:nth-child(12):hover,
	.slider-product #product2-12:checked ~ .controls label:first-child:hover{ 
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(12), 
	.slider-product #product2-2:checked ~ .controls label:nth-child(1), 
	.slider-product #product2-3:checked ~ .controls label:nth-child(2),
	.slider-product #product2-4:checked ~ .controls label:nth-child(3),
	.slider-product #product2-5:checked ~ .controls label:nth-child(4),
	.slider-product #product2-6:checked ~ .controls label:nth-child(5),
	.slider-product #product2-7:checked ~ .controls label:nth-child(6),
	.slider-product #product2-8:checked ~ .controls label:nth-child(7),
	.slider-product #product2-9:checked ~ .controls label:nth-child(8),
	.slider-product #product2-10:checked ~ .controls label:nth-child(9),
	.slider-product #product2-11:checked ~ .controls label:nth-child(10),
	.slider-product #product2-12:checked ~ .controls label:nth-child(11){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -252px;
		left:0px;
		display: block;
		opacity: 1;
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(12):hover, 
	.slider-product #product2-2:checked ~ .controls label:nth-child(1):hover, 
	.slider-product #product2-3:checked ~ .controls label:nth-child(2):hover,
	.slider-product #product2-4:checked ~ .controls label:nth-child(3):hover,
	.slider-product #product2-5:checked ~ .controls label:nth-child(4):hover,
	.slider-product #product2-6:checked ~ .controls label:nth-child(5):hover,
	.slider-product #product2-7:checked ~ .controls label:nth-child(6):hover,
	.slider-product #product2-8:checked ~ .controls label:nth-child(7):hover,
	.slider-product #product2-9:checked ~ .controls label:nth-child(8):hover,
	.slider-product #product2-10:checked ~ .controls label:nth-child(9):hover,
	.slider-product #product2-11:checked ~ .controls label:nth-child(10):hover,
	.slider-product #product2-12:checked ~ .controls label:nth-child(11):hover{
	} 
	.slider-product #product2-1:checked ~ .active label:nth-child(1),
	.slider-product #product2-2:checked ~ .active label:nth-child(2),
	.slider-product #product2-3:checked ~ .active label:nth-child(3),
	.slider-product #product2-4:checked ~ .active label:nth-child(4),
	.slider-product #product2-5:checked ~ .active label:nth-child(5),
	.slider-product #product2-6:checked ~ .active label:nth-child(6),
	.slider-product #product2-7:checked ~ .active label:nth-child(7),
	.slider-product #product2-8:checked ~ .active label:nth-child(8),
	.slider-product #product2-9:checked ~ .active label:nth-child(9),
	.slider-product #product2-10:checked ~ .active label:nth-child(10),
	.slider-product #product2-11:checked ~ .active label:nth-child(11),
	.slider-product #product2-12:checked ~ .active label:nth-child(12) {
		background:none;
		background: #000;
	}  
	.slider-product-2 #product2-4 + .slides + .controls{display:none;}
	.slider-product-2 #product2-4 + .slides + .controls + .active{display:none;}	

/*********************** brand /************************/
		.slider-brand .controls{bottom:50% ;}
		.slider-brand .slides .inner{width: 800%}
		.slider-brand .slides article{width:2.495%;}
		.slider-brand #brand1:checked ~ .slides  .inner { margin-left:0; }
		.slider-brand #brand2:checked ~ .slides  .inner { margin-left:-20%; }
		.slider-brand #brand3:checked ~ .slides  .inner { margin-left:-40%; }
		.slider-brand #brand4:checked ~ .slides  .inner { margin-left:-60%; }
		.slider-brand #brand5:checked ~ .slides  .inner { margin-left:-80%; }
		.slider-brand #brand6:checked ~ .slides  .inner { margin-left:-100%; }
		.slider-brand #brand7:checked ~ .slides  .inner { margin-left:-120%; }
		.slider-brand #brand8:checked ~ .slides  .inner { margin-left:-140%; }
		.slider-brand #brand9:checked ~ .slides  .inner { margin-left:-160%; }
		.slider-brand #brand10:checked ~ .slides  .inner { margin-left:-180%; }
		.slider-brand #brand11:checked ~ .slides  .inner { margin-left:-200%; }
		.slider-brand #brand12:checked ~ .slides  .inner { margin-left:-220%; }
		.slider-brand #brand13:checked ~ .slides  .inner { margin-left:-240%; }
		.slider-brand #brand14:checked ~ .slides  .inner { margin-left:-260%; }
		.slider-brand #brand15:checked ~ .slides  .inner { margin-left:-280%; }
		.slider-brand #brand16:checked ~ .slides  .inner { margin-left:-300%; }
		.slider-brand #brand17:checked ~ .slides  .inner { margin-left:-300%; }
		.slider-brand #brand18:checked ~ .slides  .inner { margin-left:-300%; }
		.slider-brand #brand19:checked ~ .slides  .inner { margin-left:-300%; }
		.slider-brand #brand20:checked ~ .slides  .inner { margin-left:-300%; } 
		/*#slider input ~ #controls label:first-child,*/
		.slider-brand #brand1:checked ~ .controls label:nth-child(2), 
		.slider-brand #brand2:checked ~ .controls label:nth-child(3), 
		.slider-brand #brand3:checked ~ .controls label:nth-child(4),
		.slider-brand #brand4:checked ~ .controls label:nth-child(5),
		.slider-brand #brand5:checked ~ .controls label:nth-child(6),
		.slider-brand #brand6:checked ~ .controls label:nth-child(7),
		.slider-brand #brand7:checked ~ .controls label:nth-child(8),
		.slider-brand #brand8:checked ~ .controls label:nth-child(9),
		.slider-brand #brand9:checked ~ .controls label:nth-child(10),
		.slider-brand #brand10:checked ~ .controls label:nth-child(11),
		.slider-brand #brand11:checked ~ .controls label:nth-child(12),
		.slider-brand #brand12:checked ~ .controls label:nth-child(13),
		.slider-brand #brand13:checked ~ .controls label:nth-child(14),
		.slider-brand #brand14:checked ~ .controls label:nth-child(15),
		.slider-brand #brand15:checked ~ .controls label:nth-child(16),
		.slider-brand #brand16:checked ~ .controls label:nth-child(17),
		.slider-brand #brand17:checked ~ .controls label:nth-child(18),
		.slider-brand #brand18:checked ~ .controls label:nth-child(19),
		.slider-brand #brand19:checked ~ .controls label:nth-child(20),
		.slider-brand #brand20:checked ~ .controls label:nth-child(20){ 
			background:none ;		
			background: url('../images/DM-bg.png') no-repeat 0 -283px;
			display: block;
			opacity: 1;
			right:0px;
		} 
		.slider-brand #brand1:checked ~ .controls label:nth-child(2):hover, 
		.slider-brand #brand2:checked ~ .controls label:nth-child(3):hover, 
		.slider-brand #brand3:checked ~ .controls label:nth-child(4):hover,
		.slider-brand #brand4:checked ~ .controls label:nth-child(5):hover,
		.slider-brand #brand5:checked ~ .controls label:nth-child(6):hover,
		.slider-brand #brand6:checked ~ .controls label:nth-child(7):hover,
		.slider-brand #brand7:checked ~ .controls label:nth-child(8):hover,
		.slider-brand #brand8:checked ~ .controls label:nth-child(9):hover,
		.slider-brand #brand9:checked ~ .controls label:nth-child(10):hover,
		.slider-brand #brand10:checked ~ .controls label:nth-child(11):hover,
		.slider-brand #brand11:checked ~ .controls label:nth-child(12):hover,
		.slider-brand #brand12:checked ~ .controls label:nth-child(13):hover,
		.slider-brand #brand13:checked ~ .controls label:nth-child(14):hover,
		.slider-brand #brand14:checked ~ .controls label:nth-child(15):hover,
		.slider-brand #brand15:checked ~ .controls label:nth-child(16):hover,
		.slider-brand #brand16:checked ~ .controls label:nth-child(17):hover,
		.slider-brand #brand17:checked ~ .controls label:nth-child(18):hover,
		.slider-brand #brand18:checked ~ .controls label:nth-child(19):hover,
		.slider-brand #brand19:checked ~ .controls label:nth-child(20):hover,
		.slider-brand #brand20:checked ~ .controls label:first-child:hover{ 
		} 
		/*#product1:checked ~ #controls label:nth-last-child(2),*/
		.slider-brand #brand1:checked ~ .controls label:nth-child(20), 
		.slider-brand #brand2:checked ~ .controls label:nth-child(1), 
		.slider-brand #brand3:checked ~ .controls label:nth-child(2),
		.slider-brand #brand4:checked ~ .controls label:nth-child(3),
		.slider-brand #brand5:checked ~ .controls label:nth-child(4),
		.slider-brand #brand6:checked ~ .controls label:nth-child(5),
		.slider-brand #brand7:checked ~ .controls label:nth-child(6),
		.slider-brand #brand8:checked ~ .controls label:nth-child(7),
		.slider-brand #brand9:checked ~ .controls label:nth-child(8),
		.slider-brand #brand10:checked ~ .controls label:nth-child(9),
		.slider-brand #brand11:checked ~ .controls label:nth-child(10),
		.slider-brand #brand12:checked ~ .controls label:nth-child(11),
		.slider-brand #brand13:checked ~ .controls label:nth-child(12),
		.slider-brand #brand14:checked ~ .controls label:nth-child(13),
		.slider-brand #brand15:checked ~ .controls label:nth-child(14),
		.slider-brand #brand16:checked ~ .controls label:nth-child(15),
		.slider-brand #brand17:checked ~ .controls label:nth-child(16),
		.slider-brand #brand18:checked ~ .controls label:nth-child(17),
		.slider-brand #brand19:checked ~ .controls label:nth-child(18),
		.slider-brand #brand20:checked ~ .controls label:nth-child(19){
			background:none ;		
			background: url('../images/DM-bg.png') no-repeat 0 -252px;
			left:0px;
			display: block;
			opacity: 1;
		} 
		.slider-brand #brand1:checked ~ .controls label:nth-child(20):hover, 
		.slider-brand #brand2:checked ~ .controls label:nth-child(1):hover, 
		.slider-brand #brand3:checked ~ .controls label:nth-child(2):hover,
		.slider-brand #brand4:checked ~ .controls label:nth-child(3):hover,
		.slider-brand #brand5:checked ~ .controls label:nth-child(4):hover,
		.slider-brand #brand6:checked ~ .controls label:nth-child(5):hover,
		.slider-brand #brand7:checked ~ .controls label:nth-child(6):hover,
		.slider-brand #brand8:checked ~ .controls label:nth-child(7):hover,
		.slider-brand #brand9:checked ~ .controls label:nth-child(8):hover,
		.slider-brand #brand10:checked ~ .controls label:nth-child(9):hover,
		.slider-brand #brand11:checked ~ .controls label:nth-child(10):hover,
		.slider-brand #brand12:checked ~ .controls label:nth-child(11):hover,
		.slider-brand #brand13:checked ~ .controls label:nth-child(12):hover,
		.slider-brand #brand14:checked ~ .controls label:nth-child(13):hover,
		.slider-brand #brand15:checked ~ .controls label:nth-child(14):hover,
		.slider-brand #brand16:checked ~ .controls label:nth-child(15):hover,
		.slider-brand #brand17:checked ~ .controls label:nth-child(16):hover,
		.slider-brand #brand18:checked ~ .controls label:nth-child(17):hover,
		.slider-brand #brand19:checked ~ .controls label:nth-child(18):hover,
		.slider-brand #brand20:checked ~ .controls label:nth-child(19):hover{
		}	
		.slider-brand #brand1:checked ~ .active label:nth-child(1),
		.slider-brand #brand2:checked ~ .active label:nth-child(2),
		.slider-brand #brand3:checked ~ .active label:nth-child(3),
		.slider-brand #brand4:checked ~ .active label:nth-child(4),
		.slider-brand #brand5:checked ~ .active label:nth-child(5),
		.slider-brand #brand6:checked ~ .active label:nth-child(6),
		.slider-brand #brand7:checked ~ .active label:nth-child(7),
		.slider-brand #brand8:checked ~ .active label:nth-child(8),
		.slider-brand #brand9:checked ~ .active label:nth-child(9),
		.slider-brand #brand10:checked ~ .active label:nth-child(10),
		.slider-brand #brand11:checked ~ .active label:nth-child(11),
		.slider-brand #brand12:checked ~ .active label:nth-child(12),
		.slider-brand #brand13:checked ~ .active label:nth-child(13),
		.slider-brand #brand14:checked ~ .active label:nth-child(14),
		.slider-brand #brand15:checked ~ .active label:nth-child(15),
		.slider-brand #brand16:checked ~ .active label:nth-child(16),
		.slider-brand #brand17:checked ~ .active label:nth-child(17),
		.slider-brand #brand18:checked ~ .active label:nth-child(18),
		.slider-brand #brand19:checked ~ .active label:nth-child(19),
		.slider-brand #brand20:checked ~ .active label:nth-child(19) {
			background:none;
			background: #000;
		}
		
		.slider-brand .controls label:last-child ,.slider-brand .controls label:nth-last-child(2) ,.slider-brand .controls label:nth-last-child(3) ,.slider-brand .controls label:nth-last-child(4) {display:none !important;}
		.slider-brand .active label:last-child,.slider-brand .active label:nth-last-child(2),.slider-brand .active label:nth-last-child(3),.slider-brand .active label:nth-last-child(4){display:none !important;} 
		.slider-brand #brand1 + .slides + .controls{display:none;}
		.slider-brand #brand1 + .slides + .controls + .active{display:none;}
}
@media (min-width: 991px)  and (max-width:1024px){
	.slider-product .controls label{top:-30px;}
	.slider-product .slides article .name-product{margin-top:30px;}
}

@media (min-width: 939px)  and (max-width: 990px) {
	.slider-product .slides article .images-product img{max-height: 180px}
	.slider-product .slides article .name-product{margin-top:20px;}
	.slider-product .controls label{top:-20px;}
	.slider-product .slides article .images-product{min-height:144px;}
}
@media (min-width: 768px)  and (max-width: 938px){
	.slider-product .slides article .images-product{min-height: 125px;}
	.slider-product .slides article .name-product{margin-top:0;}
}
@media (min-width: 640px)  and (max-width: 767px) {
/************************** Cross sell 1 ******************/	
	.slider-product .slides{padding: 0 20px}
	/* Info Box */ 
	.product-list .slider-product .controls	{display:block}
	.product-list .slider-product .slides .inner{width:1500%;}
	.product-list .slider-product{width:100%; } 
	.product-list .slider-product .slides article{width:2.22%;} 
	.product-list .slider-product .controls{bottom:52%}
	.product-list .slider-product .active {bottom:-20px; display:none}
	.product-list .slider-product .active label{ width:10px; height:10px; margin:0 2px}
	
	.slider-product #product1:checked ~ .slides .inner{ margin-left:0; }
	.slider-product #product2:checked ~ .slides .inner{ margin-left:-33%; }
	.slider-product #product3:checked ~ .slides .inner{ margin-left:-67%; }
	.slider-product #product4:checked ~ .slides .inner{ margin-left:-100%; }
	.slider-product #product5:checked ~ .slides .inner{ margin-left:-133%; }
	.slider-product #product6:checked ~ .slides .inner{ margin-left:-165%; }
	.slider-product #product7:checked ~ .slides .inner{ margin-left:-200%; }
	.slider-product #product8:checked ~ .slides .inner{ margin-left:-233%; }
	.slider-product #product9:checked ~ .slides .inner{ margin-left:-266%; }
	.slider-product #product10:checked ~ .slides .inner{ margin-left:-300%; }
	.slider-product #product11:checked ~ .slides .inner{ margin-left:-330%;}
	.slider-product #product12:checked ~ .slides .inner{ margin-left:-330%;} 
	.slider-product input[name="slider-product"]:checked + .slides  .inner { margin-left:0 !important; }
	
	.slider-product #product1:checked ~ .controls label:nth-child(2), 
	.slider-product #product2:checked ~ .controls label:nth-child(3), 
	.slider-product #product3:checked ~ .controls label:nth-child(4),
	.slider-product #product4:checked ~ .controls label:nth-child(5),
	.slider-product #product5:checked ~ .controls label:nth-child(6),
	.slider-product #product6:checked ~ .controls label:nth-child(7),
	.slider-product #product7:checked ~ .controls label:nth-child(8),
	.slider-product #product8:checked ~ .controls label:nth-child(9),
	.slider-product #product9:checked ~ .controls label:nth-child(10),
	.slider-product #product10:checked ~ .controls label:nth-child(11),
	.slider-product #product11:checked ~ .controls label:nth-child(12),
	.slider-product #product12:checked ~ .controls label:first-child{ 
		background:none ;		
		background: url('../images/PetersofKensington-newpeoducts-nav-next.png') no-repeat center;
		display: block;
		opacity: 1;
		right: 0px;
	}   
	.slider-product #product1:checked ~ .controls label:nth-child(12), 
	.slider-product #product2:checked ~ .controls label:nth-child(1), 
	.slider-product #product3:checked ~ .controls label:nth-child(2),
	.slider-product #product4:checked ~ .controls label:nth-child(3),
	.slider-product #product5:checked ~ .controls label:nth-child(4),
	.slider-product #product6:checked ~ .controls label:nth-child(5),
	.slider-product #product7:checked ~ .controls label:nth-child(6),
	.slider-product #product8:checked ~ .controls label:nth-child(7),
	.slider-product #product9:checked ~ .controls label:nth-child(8),
	.slider-product #product10:checked ~ .controls label:nth-child(9),
	.slider-product #product11:checked ~ .controls label:nth-child(10),
	.slider-product #product12:checked ~ .controls label:nth-child(11){
		background:none ;		
		background: url('../images/PetersofKensington-newpeoducts-nav-pre.png') no-repeat center;
		left:0px;
		display: block;
		opacity: 1;
	} 
	/*.slider-product input ~ .slider-product .active label:nth-child(1){background:#57bee8;}*/
	.slider-product #product1:checked ~ .active label:nth-child(1),
	.slider-product #product2:checked ~ .active label:nth-child(2),
	.slider-product #product3:checked ~ .active label:nth-child(3),
	.slider-product #product4:checked ~ .active label:nth-child(4),
	.slider-product #product5:checked ~ .active label:nth-child(5),
	.slider-product #product6:checked ~ .active label:nth-child(6),
	.slider-product #product7:checked ~ .active label:nth-child(7),
	.slider-product #product8:checked ~ .active label:nth-child(8),
	.slider-product #product9:checked ~ .active label:nth-child(9),
	.slider-product #product10:checked ~ .active label:nth-child(10),
	.slider-product #product11:checked ~ .active label:nth-child(11),
	.slider-product #product12:checked ~ .active label:nth-child(12) {
		background:none;
		background: #000;
	}
	.slider-product input[name="slider-product"]:checked +  .slides  +  .controls label{display: none !important}
	.slider-product input[name="slider-product"]:checked +  .slides  +  .controls label:nth-child(2){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block !important;
		opacity: 1;
		right: 0px;
	} 
	.slider-product #product2 + .slides + .controls{display:none;}
	.slider-product #product2 + .slides + .controls + .active{display:none;}	
	.slider-product .controls label:last-child{display: none !important;}

/************************** Cross sell 2 ******************/	
	/* Info Box */  
	
	.slider-product #product2-1:checked ~ .slides .inner{ margin-left:0; }
	.slider-product #product2-2:checked ~ .slides .inner{ margin-left:-50%; }
	.slider-product #product2-3:checked ~ .slides .inner{ margin-left:-100%; }
	.slider-product #product2-4:checked ~ .slides .inner{ margin-left:-150%; }
	.slider-product #product2-5:checked ~ .slides .inner{ margin-left:-200%; }
	.slider-product #product2-6:checked ~ .slides .inner{ margin-left:-250%; }
	.slider-product #product2-7:checked ~ .slides .inner{ margin-left:-300%; }
	.slider-product #product2-8:checked ~ .slides .inner{ margin-left:-350%; }
	.slider-product #product2-9:checked ~ .slides .inner{ margin-left:-400%; }
	.slider-product #product2-10:checked ~ .slides .inner{ margin-left:-450%; }
	.slider-product #product2-11:checked ~ .slides .inner{ margin-left:-500%;}
	.slider-product #product2-12:checked ~ .slides .inner{ margin-left:-500%;} 
	.slider-product input[name="slider-product2"]:checked + .slides  .inner { margin-left:0 !important; }
	
	.slider-product #product2-1:checked ~ .controls label:nth-child(2), 
	.slider-product #product2-2:checked ~ .controls label:nth-child(3), 
	.slider-product #product2-3:checked ~ .controls label:nth-child(4),
	.slider-product #product2-4:checked ~ .controls label:nth-child(5),
	.slider-product #product2-5:checked ~ .controls label:nth-child(6),
	.slider-product #product2-6:checked ~ .controls label:nth-child(7),
	.slider-product #product2-7:checked ~ .controls label:nth-child(8),
	.slider-product #product2-8:checked ~ .controls label:nth-child(9),
	.slider-product #product2-9:checked ~ .controls label:nth-child(10),
	.slider-product #product2-10:checked ~ .controls label:nth-child(11),
	.slider-product #product2-11:checked ~ .controls label:nth-child(12),
	.slider-product #product2-12:checked ~ .controls label:first-child{ 
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block;
		opacity: 1;
		right: -5px;
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(2):hover, 
	.slider-product #product2-2:checked ~ .controls label:nth-child(3):hover, 
	.slider-product #product2-3:checked ~ .controls label:nth-child(4):hover,
	.slider-product #product2-4:checked ~ .controls label:nth-child(5):hover,
	.slider-product #product2-5:checked ~ .controls label:nth-child(6):hover,
	.slider-product #product2-6:checked ~ .controls label:nth-child(7):hover,
	.slider-product #product2-7:checked ~ .controls label:nth-child(8):hover,
	.slider-product #product2-8:checked ~ .controls label:nth-child(9):hover,
	.slider-product #product2-9:checked ~ .controls label:nth-child(10):hover,
	.slider-product #product2-10:checked ~ .controls label:nth-child(11):hover,
	.slider-product #product2-11:checked ~ .controls label:nth-child(12):hover,
	.slider-product #product2-12:checked ~ .controls label:first-child:hover{ 
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(12), 
	.slider-product #product2-2:checked ~ .controls label:nth-child(1), 
	.slider-product #product2-3:checked ~ .controls label:nth-child(2),
	.slider-product #product2-4:checked ~ .controls label:nth-child(3),
	.slider-product #product2-5:checked ~ .controls label:nth-child(4),
	.slider-product #product2-6:checked ~ .controls label:nth-child(5),
	.slider-product #product2-7:checked ~ .controls label:nth-child(6),
	.slider-product #product2-8:checked ~ .controls label:nth-child(7),
	.slider-product #product2-9:checked ~ .controls label:nth-child(8),
	.slider-product #product2-10:checked ~ .controls label:nth-child(9),
	.slider-product #product2-11:checked ~ .controls label:nth-child(10),
	.slider-product #product2-12:checked ~ .controls label:nth-child(11){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -252px;
		left:-5px;
		display: block;
		opacity: 1;
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(12):hover, 
	.slider-product #product2-2:checked ~ .controls label:nth-child(1):hover, 
	.slider-product #product2-3:checked ~ .controls label:nth-child(2):hover,
	.slider-product #product2-4:checked ~ .controls label:nth-child(3):hover,
	.slider-product #product2-5:checked ~ .controls label:nth-child(4):hover,
	.slider-product #product2-6:checked ~ .controls label:nth-child(5):hover,
	.slider-product #product2-7:checked ~ .controls label:nth-child(6):hover,
	.slider-product #product2-8:checked ~ .controls label:nth-child(7):hover,
	.slider-product #product2-9:checked ~ .controls label:nth-child(8):hover,
	.slider-product #product2-10:checked ~ .controls label:nth-child(9):hover,
	.slider-product #product2-11:checked ~ .controls label:nth-child(10):hover,
	.slider-product #product2-12:checked ~ .controls label:nth-child(11):hover{
	} 
	/*.slider-product input ~ .slider-product .active label:nth-child(1){background:#57bee8;}*/
	.slider-product #product2-1:checked ~ .active label:nth-child(1),
	.slider-product #product2-2:checked ~ .active label:nth-child(2),
	.slider-product #product2-3:checked ~ .active label:nth-child(3),
	.slider-product #product2-4:checked ~ .active label:nth-child(4),
	.slider-product #product2-5:checked ~ .active label:nth-child(5),
	.slider-product #product2-6:checked ~ .active label:nth-child(6),
	.slider-product #product2-7:checked ~ .active label:nth-child(7),
	.slider-product #product2-8:checked ~ .active label:nth-child(8),
	.slider-product #product2-9:checked ~ .active label:nth-child(9),
	.slider-product #product2-10:checked ~ .active label:nth-child(10),
	.slider-product #product2-11:checked ~ .active label:nth-child(11),
	.slider-product #product2-12:checked ~ .active label:nth-child(12) {
		background:none;
		background: #000;
	}  
	.slider-product input[name="slider-product2"]:checked +  .slides  +  .controls label{display: none !important}
	.slider-product input[name="slider-product2"]:checked +  .slides  +  .controls label:nth-child(2){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block !important;
		opacity: 1;
		right: 0px;
	} 
	.slider-product-2 #product2-2 + .slides + .controls{display:none;}
	.slider-product-2 #product2-2 + .slides + .controls + .active{display:none;}	
	 
/*********************** brand /************************/
	.slider-brand .controls{bottom:50% ;}
	.slider-brand .slides .inner{width: 800%}
	.slider-brand .slides article{width:4.15%;}
	.slider-brand #brand1:checked ~ .slides  .inner { margin-left:0; }
	.slider-brand #brand2:checked ~ .slides  .inner { margin-left:-33.3%; }
	.slider-brand #brand3:checked ~ .slides  .inner { margin-left:-66.7%; }
	.slider-brand #brand4:checked ~ .slides  .inner { margin-left:-100%; }
	.slider-brand #brand5:checked ~ .slides  .inner { margin-left:-133.3%; }
	.slider-brand #brand6:checked ~ .slides  .inner { margin-left:-166.7%; }
	.slider-brand #brand7:checked ~ .slides  .inner { margin-left:-200%; }
	.slider-brand #brand8:checked ~ .slides  .inner { margin-left:-233.3%; }
	.slider-brand #brand9:checked ~ .slides  .inner { margin-left:-266.7%; }
	.slider-brand #brand10:checked ~ .slides  .inner { margin-left:-300%; }
	.slider-brand #brand11:checked ~ .slides  .inner { margin-left:-333.3%; }
	.slider-brand #brand12:checked ~ .slides  .inner { margin-left:-366.7%; }
	.slider-brand #brand13:checked ~ .slides  .inner { margin-left:-400%; }
	.slider-brand #brand14:checked ~ .slides  .inner { margin-left:-433.3%; }
	.slider-brand #brand15:checked ~ .slides  .inner { margin-left:-466.7%; }
	.slider-brand #brand16:checked ~ .slides  .inner { margin-left:-500%; }
	.slider-brand #brand17:checked ~ .slides  .inner { margin-left:-533.3%; }
	.slider-brand #brand18:checked ~ .slides  .inner { margin-left:-566.7%; }
	.slider-brand #brand19:checked ~ .slides  .inner { margin-left:-566.7%; }
	.slider-brand #brand20:checked ~ .slides  .inner { margin-left:-566.7%; } 
	.slider-brand input[name="brand"]:checked + input + .slides  .inner { margin-left:0 !important; }
	/*#slider input ~ #controls label:first-child,*/
	.slider-brand #brand1:checked ~ .controls label:nth-child(2), 
	.slider-brand #brand2:checked ~ .controls label:nth-child(3), 
	.slider-brand #brand3:checked ~ .controls label:nth-child(4),
	.slider-brand #brand4:checked ~ .controls label:nth-child(5),
	.slider-brand #brand5:checked ~ .controls label:nth-child(6),
	.slider-brand #brand6:checked ~ .controls label:nth-child(7),
	.slider-brand #brand7:checked ~ .controls label:nth-child(8),
	.slider-brand #brand8:checked ~ .controls label:nth-child(9),
	.slider-brand #brand9:checked ~ .controls label:nth-child(10),
	.slider-brand #brand10:checked ~ .controls label:nth-child(11),
	.slider-brand #brand11:checked ~ .controls label:nth-child(12),
	.slider-brand #brand12:checked ~ .controls label:nth-child(13),
	.slider-brand #brand13:checked ~ .controls label:nth-child(14),
	.slider-brand #brand14:checked ~ .controls label:nth-child(15),
	.slider-brand #brand15:checked ~ .controls label:nth-child(16),
	.slider-brand #brand16:checked ~ .controls label:nth-child(17),
	.slider-brand #brand17:checked ~ .controls label:nth-child(18),
	.slider-brand #brand18:checked ~ .controls label:nth-child(19),
	.slider-brand #brand19:checked ~ .controls label:nth-child(20),
	.slider-brand #brand20:checked ~ .controls label:nth-child(1){ 
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block;
		opacity: 1;
		right:0px;
	} 
	.slider-brand #brand1:checked ~ .controls label:nth-child(2):hover, 
	.slider-brand #brand2:checked ~ .controls label:nth-child(3):hover, 
	.slider-brand #brand3:checked ~ .controls label:nth-child(4):hover,
	.slider-brand #brand4:checked ~ .controls label:nth-child(5):hover,
	.slider-brand #brand5:checked ~ .controls label:nth-child(6):hover,
	.slider-brand #brand6:checked ~ .controls label:nth-child(7):hover,
	.slider-brand #brand7:checked ~ .controls label:nth-child(8):hover,
	.slider-brand #brand8:checked ~ .controls label:nth-child(9):hover,
	.slider-brand #brand9:checked ~ .controls label:nth-child(10):hover,
	.slider-brand #brand10:checked ~ .controls label:nth-child(11):hover,
	.slider-brand #brand11:checked ~ .controls label:nth-child(12):hover,
	.slider-brand #brand12:checked ~ .controls label:nth-child(13):hover,
	.slider-brand #brand13:checked ~ .controls label:nth-child(14):hover,
	.slider-brand #brand14:checked ~ .controls label:nth-child(15):hover,
	.slider-brand #brand15:checked ~ .controls label:nth-child(16):hover,
	.slider-brand #brand16:checked ~ .controls label:nth-child(17):hover,
	.slider-brand #brand17:checked ~ .controls label:nth-child(18):hover,
	.slider-brand #brand18:checked ~ .controls label:nth-child(19):hover,
	.slider-brand #brand19:checked ~ .controls label:nth-child(20):hover,
	.slider-brand #brand20:checked ~ .controls label:first-child:hover{ 
	} 
	/*#product1:checked ~ #controls label:nth-last-child(2),*/
	.slider-brand #brand1:checked ~ .controls label:nth-child(20), 
	.slider-brand #brand2:checked ~ .controls label:nth-child(1), 
	.slider-brand #brand3:checked ~ .controls label:nth-child(2),
	.slider-brand #brand4:checked ~ .controls label:nth-child(3),
	.slider-brand #brand5:checked ~ .controls label:nth-child(4),
	.slider-brand #brand6:checked ~ .controls label:nth-child(5),
	.slider-brand #brand7:checked ~ .controls label:nth-child(6),
	.slider-brand #brand8:checked ~ .controls label:nth-child(7),
	.slider-brand #brand9:checked ~ .controls label:nth-child(8),
	.slider-brand #brand10:checked ~ .controls label:nth-child(9),
	.slider-brand #brand11:checked ~ .controls label:nth-child(10),
	.slider-brand #brand12:checked ~ .controls label:nth-child(11),
	.slider-brand #brand13:checked ~ .controls label:nth-child(12),
	.slider-brand #brand14:checked ~ .controls label:nth-child(13),
	.slider-brand #brand15:checked ~ .controls label:nth-child(14),
	.slider-brand #brand16:checked ~ .controls label:nth-child(15),
	.slider-brand #brand17:checked ~ .controls label:nth-child(16),
	.slider-brand #brand18:checked ~ .controls label:nth-child(17),
	.slider-brand #brand19:checked ~ .controls label:nth-child(18),
	.slider-brand #brand20:checked ~ .controls label:nth-child(19){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -252px;
		left:0px;
		display: block;
		opacity: 1;
	} 
	.slider-brand #brand1:checked ~ .controls label:nth-child(20):hover, 
	.slider-brand #brand2:checked ~ .controls label:nth-child(1):hover, 
	.slider-brand #brand3:checked ~ .controls label:nth-child(2):hover,
	.slider-brand #brand4:checked ~ .controls label:nth-child(3):hover,
	.slider-brand #brand5:checked ~ .controls label:nth-child(4):hover,
	.slider-brand #brand6:checked ~ .controls label:nth-child(5):hover,
	.slider-brand #brand7:checked ~ .controls label:nth-child(6):hover,
	.slider-brand #brand8:checked ~ .controls label:nth-child(7):hover,
	.slider-brand #brand9:checked ~ .controls label:nth-child(8):hover,
	.slider-brand #brand10:checked ~ .controls label:nth-child(9):hover,
	.slider-brand #brand11:checked ~ .controls label:nth-child(10):hover,
	.slider-brand #brand12:checked ~ .controls label:nth-child(11):hover,
	.slider-brand #brand13:checked ~ .controls label:nth-child(12):hover,
	.slider-brand #brand14:checked ~ .controls label:nth-child(13):hover,
	.slider-brand #brand15:checked ~ .controls label:nth-child(14):hover,
	.slider-brand #brand16:checked ~ .controls label:nth-child(15):hover,
	.slider-brand #brand17:checked ~ .controls label:nth-child(16):hover,
	.slider-brand #brand18:checked ~ .controls label:nth-child(17):hover,
	.slider-brand #brand19:checked ~ .controls label:nth-child(18):hover,
	.slider-brand #brand20:checked ~ .controls label:nth-child(19):hover{
	}	
	.slider-brand #brand1:checked ~ .active label:nth-child(1),
	.slider-brand #brand2:checked ~ .active label:nth-child(2),
	.slider-brand #brand3:checked ~ .active label:nth-child(3),
	.slider-brand #brand4:checked ~ .active label:nth-child(4),
	.slider-brand #brand5:checked ~ .active label:nth-child(5),
	.slider-brand #brand6:checked ~ .active label:nth-child(6),
	.slider-brand #brand7:checked ~ .active label:nth-child(7),
	.slider-brand #brand8:checked ~ .active label:nth-child(8),
	.slider-brand #brand9:checked ~ .active label:nth-child(9),
	.slider-brand #brand10:checked ~ .active label:nth-child(10),
	.slider-brand #brand11:checked ~ .active label:nth-child(11),
	.slider-brand #brand12:checked ~ .active label:nth-child(12),
	.slider-brand #brand13:checked ~ .active label:nth-child(13),
	.slider-brand #brand14:checked ~ .active label:nth-child(14),
	.slider-brand #brand15:checked ~ .active label:nth-child(15),
	.slider-brand #brand16:checked ~ .active label:nth-child(16),
	.slider-brand #brand17:checked ~ .active label:nth-child(17),
	.slider-brand #brand18:checked ~ .active label:nth-child(18),
	.slider-brand #brand19:checked ~ .active label:nth-child(19),
	.slider-brand #brand20:checked ~ .active label:nth-child(19) {
		background:none;
		background: #000;
	}
	.slider-brand input[name="brand"]:checked + input +  .slides  +  .controls label{display: none !important}
	.slider-brand input[name="brand"]:checked + input +  .slides  +  .controls label:nth-child(2){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block !important;
		opacity: 1;
		right: 0px;
	} 
	
	.slider-brand .controls label:last-child ,.slider-brand .controls label:nth-last-child(2) {display:none !important;}
	.slider-brand .active label:last-child,.slider-brand .active label:nth-last-child(2){display:none !important;} 
	.slider-brand #brand3 + .slides + .controls{display:none;}
	.slider-brand #brand3 + .slides + .controls + .active{display:none;}
}
@media only screen and (max-width: 639px) {
 
/************************** Cross sell 1 ******************/	
	/* Info Box */ 
	.product-list .slider-product .controls	{display:block}
	.product-list .slider-product .slides .inner{width:1500%;}
	.product-list .slider-product{width:100%; padding:0 10px} 
	.product-list .slider-product .slides article{width:6.67%; }  
	.product-list .slider-product .controls{bottom:52%}
	.product-list .slider-product .active {bottom:-20px; display:none}
	.product-list .slider-product .active label{ width:10px; height:10px; margin:0 2px} 
	
	.slider-product #product1:checked ~ .slides .inner{ margin-left:0; }
	.slider-product #product2:checked ~ .slides .inner{ margin-left:-100%; }
	.slider-product #product3:checked ~ .slides .inner{ margin-left:-200%; }
	.slider-product #product4:checked ~ .slides .inner{ margin-left:-300%; }
	.slider-product #product5:checked ~ .slides .inner{ margin-left:-400%; }
	.slider-product #product6:checked ~ .slides .inner{ margin-left:-500%; }
	.slider-product #product7:checked ~ .slides .inner{ margin-left:-600%; }
	.slider-product #product8:checked ~ .slides .inner{ margin-left:-700%; }
	.slider-product #product9:checked ~ .slides .inner{ margin-left:-800%; }
	.slider-product #product10:checked ~ .slides .inner{ margin-left:-900%; }
	.slider-product #product11:checked ~ .slides .inner{ margin-left:-1000%;}
	.slider-product #product12:checked ~ .slides .inner{ margin-left:-1100%;}
	
	.slider-product #product1:checked ~ .controls label:nth-child(2), 
	.slider-product #product2:checked ~ .controls label:nth-child(3), 
	.slider-product #product3:checked ~ .controls label:nth-child(4),
	.slider-product #product4:checked ~ .controls label:nth-child(5),
	.slider-product #product5:checked ~ .controls label:nth-child(6),
	.slider-product #product6:checked ~ .controls label:nth-child(7),
	.slider-product #product7:checked ~ .controls label:nth-child(8),
	.slider-product #product8:checked ~ .controls label:nth-child(9),
	.slider-product #product9:checked ~ .controls label:nth-child(10),
	.slider-product #product10:checked ~ .controls label:nth-child(11),
	.slider-product #product11:checked ~ .controls label:nth-child(12),
	.slider-product #product12:checked ~ .controls label:first-child{ 
		background:none ;		
		background: url('../images/for.png') no-repeat center;
		display: block;
		opacity: 1;
		right: 0px;
	} 
	.slider-product #product1:checked ~ .controls label:nth-child(12), 
	.slider-product #product2:checked ~ .controls label:nth-child(1), 
	.slider-product #product3:checked ~ .controls label:nth-child(2),
	.slider-product #product4:checked ~ .controls label:nth-child(3),
	.slider-product #product5:checked ~ .controls label:nth-child(4),
	.slider-product #product6:checked ~ .controls label:nth-child(5),
	.slider-product #product7:checked ~ .controls label:nth-child(6),
	.slider-product #product8:checked ~ .controls label:nth-child(7),
	.slider-product #product9:checked ~ .controls label:nth-child(8),
	.slider-product #product10:checked ~ .controls label:nth-child(9),
	.slider-product #product11:checked ~ .controls label:nth-child(10),
	.slider-product #product12:checked ~ .controls label:nth-child(11){
		background:none ;		
		background: url('../images/pre.png') no-repeat center;
		left:0px;
		display: block;
		opacity: 1;
	} 
	/*.slider-product input ~ .slider-product .active label:nth-child(1){background:#57bee8;}*/
	.slider-product #product1:checked ~ .active label:nth-child(1),
	.slider-product #product2:checked ~ .active label:nth-child(2),
	.slider-product #product3:checked ~ .active label:nth-child(3),
	.slider-product #product4:checked ~ .active label:nth-child(4),
	.slider-product #product5:checked ~ .active label:nth-child(5),
	.slider-product #product6:checked ~ .active label:nth-child(6),
	.slider-product #product7:checked ~ .active label:nth-child(7),
	.slider-product #product8:checked ~ .active label:nth-child(8),
	.slider-product #product9:checked ~ .active label:nth-child(9),
	.slider-product #product10:checked ~ .active label:nth-child(10),
	.slider-product #product11:checked ~ .active label:nth-child(11),
	.slider-product #product12:checked ~ .active label:nth-child(12) {
		background:none;
		background: #000;
	}  
	.slider-product #product1 + .slides + .controls{display:none;}
	.slider-product #product1 + .slides + .controls + .active{display:none;}	

	 
/************************** Cross sell 2 ******************/	
	/* Info Box */  
	
	.slider-product #product2-1:checked ~ .slides .inner{ margin-left:0; }
	.slider-product #product2-2:checked ~ .slides .inner{ margin-left:-100%; }
	.slider-product #product2-3:checked ~ .slides .inner{ margin-left:-200%; }
	.slider-product #product2-4:checked ~ .slides .inner{ margin-left:-300%; }
	.slider-product #product2-5:checked ~ .slides .inner{ margin-left:-400%; }
	.slider-product #product2-6:checked ~ .slides .inner{ margin-left:-500%; }
	.slider-product #product2-7:checked ~ .slides .inner{ margin-left:-600%; }
	.slider-product #product2-8:checked ~ .slides .inner{ margin-left:-700%; }
	.slider-product #product2-9:checked ~ .slides .inner{ margin-left:-800%; }
	.slider-product #product2-10:checked ~ .slides .inner{ margin-left:-900%; }
	.slider-product #product2-11:checked ~ .slides .inner{ margin-left:-1000%;}
	.slider-product #product2-12:checked ~ .slides .inner{ margin-left:-1100%;}
	
	.slider-product #product2-1:checked ~ .controls label:nth-child(2), 
	.slider-product #product2-2:checked ~ .controls label:nth-child(3), 
	.slider-product #product2-3:checked ~ .controls label:nth-child(4),
	.slider-product #product2-4:checked ~ .controls label:nth-child(5),
	.slider-product #product2-5:checked ~ .controls label:nth-child(6),
	.slider-product #product2-6:checked ~ .controls label:nth-child(7),
	.slider-product #product2-7:checked ~ .controls label:nth-child(8),
	.slider-product #product2-8:checked ~ .controls label:nth-child(9),
	.slider-product #product2-9:checked ~ .controls label:nth-child(10),
	.slider-product #product2-10:checked ~ .controls label:nth-child(11),
	.slider-product #product2-11:checked ~ .controls label:nth-child(12),
	.slider-product #product2-12:checked ~ .controls label:first-child{ 
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block;
		opacity: 1;
		right: -5px;
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(2):hover, 
	.slider-product #product2-2:checked ~ .controls label:nth-child(3):hover, 
	.slider-product #product2-3:checked ~ .controls label:nth-child(4):hover,
	.slider-product #product2-4:checked ~ .controls label:nth-child(5):hover,
	.slider-product #product2-5:checked ~ .controls label:nth-child(6):hover,
	.slider-product #product2-6:checked ~ .controls label:nth-child(7):hover,
	.slider-product #product2-7:checked ~ .controls label:nth-child(8):hover,
	.slider-product #product2-8:checked ~ .controls label:nth-child(9):hover,
	.slider-product #product2-9:checked ~ .controls label:nth-child(10):hover,
	.slider-product #product2-10:checked ~ .controls label:nth-child(11):hover,
	.slider-product #product2-11:checked ~ .controls label:nth-child(12):hover,
	.slider-product #product2-12:checked ~ .controls label:first-child:hover{ 
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(12), 
	.slider-product #product2-2:checked ~ .controls label:nth-child(1), 
	.slider-product #product2-3:checked ~ .controls label:nth-child(2),
	.slider-product #product2-4:checked ~ .controls label:nth-child(3),
	.slider-product #product2-5:checked ~ .controls label:nth-child(4),
	.slider-product #product2-6:checked ~ .controls label:nth-child(5),
	.slider-product #product2-7:checked ~ .controls label:nth-child(6),
	.slider-product #product2-8:checked ~ .controls label:nth-child(7),
	.slider-product #product2-9:checked ~ .controls label:nth-child(8),
	.slider-product #product2-10:checked ~ .controls label:nth-child(9),
	.slider-product #product2-11:checked ~ .controls label:nth-child(10),
	.slider-product #product2-12:checked ~ .controls label:nth-child(11){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -252px;
		left:-5px;
		display: block;
		opacity: 1;
	} 
	.slider-product #product2-1:checked ~ .controls label:nth-child(12):hover, 
	.slider-product #product2-2:checked ~ .controls label:nth-child(1):hover, 
	.slider-product #product2-3:checked ~ .controls label:nth-child(2):hover,
	.slider-product #product2-4:checked ~ .controls label:nth-child(3):hover,
	.slider-product #product2-5:checked ~ .controls label:nth-child(4):hover,
	.slider-product #product2-6:checked ~ .controls label:nth-child(5):hover,
	.slider-product #product2-7:checked ~ .controls label:nth-child(6):hover,
	.slider-product #product2-8:checked ~ .controls label:nth-child(7):hover,
	.slider-product #product2-9:checked ~ .controls label:nth-child(8):hover,
	.slider-product #product2-10:checked ~ .controls label:nth-child(9):hover,
	.slider-product #product2-11:checked ~ .controls label:nth-child(10):hover,
	.slider-product #product2-12:checked ~ .controls label:nth-child(11):hover{
	} 
	
	.slider-product #product2-1:checked ~ .active label:nth-child(1),
	.slider-product #product2-2:checked ~ .active label:nth-child(2),
	.slider-product #product2-3:checked ~ .active label:nth-child(3),
	.slider-product #product2-4:checked ~ .active label:nth-child(4),
	.slider-product #product2-5:checked ~ .active label:nth-child(5),
	.slider-product #product2-6:checked ~ .active label:nth-child(6),
	.slider-product #product2-7:checked ~ .active label:nth-child(7),
	.slider-product #product2-8:checked ~ .active label:nth-child(8),
	.slider-product #product2-9:checked ~ .active label:nth-child(9),
	.slider-product #product2-10:checked ~ .active label:nth-child(10),
	.slider-product #product2-11:checked ~ .active label:nth-child(11),
	.slider-product #product2-12:checked ~ .active label:nth-child(12) {
		background:none;
		background: #000;
	}  
	.slider-product-2 #product2-1 + .slides + .controls{display:none;}
	.slider-product-2 #product2-1 + .slides + .controls + .active{display:none;}	
	 
/*********************** brand /************************/
	.slider-brand .controls{bottom:50% ;}
	.slider-brand .slides{padding:0 10px;}
	.slider-brand  .slides .inner{width: 1500%}
	.slider-brand .slides article{width:3.33%; float:left;}
	.slider-brand #brand1:checked ~ .slides  .inner { margin-left:0; }
	.slider-brand #brand2:checked ~ .slides  .inner { margin-left:-50%; }
	.slider-brand #brand3:checked ~ .slides  .inner { margin-left:-100%; }
	.slider-brand #brand4:checked ~ .slides  .inner { margin-left:-150%; }
	.slider-brand #brand5:checked ~ .slides  .inner { margin-left:-200%; }
	.slider-brand #brand6:checked ~ .slides  .inner { margin-left:-250%; }
	.slider-brand #brand7:checked ~ .slides  .inner { margin-left:-300%; }
	.slider-brand #brand8:checked ~ .slides  .inner { margin-left:-350%; }
	.slider-brand #brand9:checked ~ .slides  .inner { margin-left:-400%; }
	.slider-brand #brand10:checked ~ .slides  .inner { margin-left:-450%; }
	.slider-brand #brand11:checked ~ .slides  .inner { margin-left:-500%; }
	.slider-brand #brand12:checked ~ .slides  .inner { margin-left:-550%; }
	.slider-brand #brand13:checked ~ .slides  .inner { margin-left:-600%; }
	.slider-brand #brand14:checked ~ .slides  .inner { margin-left:-650%; }
	.slider-brand #brand15:checked ~ .slides  .inner { margin-left:-700%; }
	.slider-brand #brand16:checked ~ .slides  .inner { margin-left:-750%; }
	.slider-brand #brand17:checked ~ .slides  .inner { margin-left:-800%; }
	.slider-brand #brand18:checked ~ .slides  .inner { margin-left:-850%; }
	.slider-brand #brand19:checked ~ .slides  .inner { margin-left:-900%; }
	.slider-brand #brand20:checked ~ .slides  .inner { margin-left:-950%; }
	/*#slider input ~ #controls label:first-child,*/
	.slider-brand #brand1:checked ~ .controls label:nth-child(2), 
	.slider-brand #brand2:checked ~ .controls label:nth-child(3), 
	.slider-brand #brand3:checked ~ .controls label:nth-child(4),
	.slider-brand #brand4:checked ~ .controls label:nth-child(5),
	.slider-brand #brand5:checked ~ .controls label:nth-child(6),
	.slider-brand #brand6:checked ~ .controls label:nth-child(7),
	.slider-brand #brand7:checked ~ .controls label:nth-child(8),
	.slider-brand #brand8:checked ~ .controls label:nth-child(9),
	.slider-brand #brand9:checked ~ .controls label:nth-child(10),
	.slider-brand #brand10:checked ~ .controls label:nth-child(11),
	.slider-brand #brand11:checked ~ .controls label:nth-child(12),
	.slider-brand #brand12:checked ~ .controls label:nth-child(13),
	.slider-brand #brand13:checked ~ .controls label:nth-child(14),
	.slider-brand #brand14:checked ~ .controls label:nth-child(15),
	.slider-brand #brand15:checked ~ .controls label:nth-child(16),
	.slider-brand #brand16:checked ~ .controls label:nth-child(17),
	.slider-brand #brand17:checked ~ .controls label:nth-child(18),
	.slider-brand #brand18:checked ~ .controls label:nth-child(19),
	.slider-brand #brand19:checked ~ .controls label:nth-child(20),
	.slider-brand #brand20:checked ~ .controls label:nth-child(20){ 
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -283px;
		display: block;
		opacity: 1;
		right:0px;
	} 
	.slider-brand #brand1:checked ~ .controls label:nth-child(2):hover, 
	.slider-brand #brand2:checked ~ .controls label:nth-child(3):hover, 
	.slider-brand #brand3:checked ~ .controls label:nth-child(4):hover,
	.slider-brand #brand4:checked ~ .controls label:nth-child(5):hover,
	.slider-brand #brand5:checked ~ .controls label:nth-child(6):hover,
	.slider-brand #brand6:checked ~ .controls label:nth-child(7):hover,
	.slider-brand #brand7:checked ~ .controls label:nth-child(8):hover,
	.slider-brand #brand8:checked ~ .controls label:nth-child(9):hover,
	.slider-brand #brand9:checked ~ .controls label:nth-child(10):hover,
	.slider-brand #brand10:checked ~ .controls label:nth-child(11):hover,
	.slider-brand #brand11:checked ~ .controls label:nth-child(12):hover,
	.slider-brand #brand12:checked ~ .controls label:nth-child(13):hover,
	.slider-brand #brand13:checked ~ .controls label:nth-child(14):hover,
	.slider-brand #brand14:checked ~ .controls label:nth-child(15):hover,
	.slider-brand #brand15:checked ~ .controls label:nth-child(16):hover,
	.slider-brand #brand16:checked ~ .controls label:nth-child(17):hover,
	.slider-brand #brand17:checked ~ .controls label:nth-child(18):hover,
	.slider-brand #brand18:checked ~ .controls label:nth-child(19):hover,
	.slider-brand #brand19:checked ~ .controls label:nth-child(20):hover,
	.slider-brand #brand20:checked ~ .controls label:first-child:hover{
	} 
	/*#product1:checked ~ #controls label:nth-last-child(2),*/
	.slider-brand #brand1:checked ~ .controls label:nth-child(20), 
	.slider-brand #brand2:checked ~ .controls label:nth-child(1), 
	.slider-brand #brand3:checked ~ .controls label:nth-child(2),
	.slider-brand #brand4:checked ~ .controls label:nth-child(3),
	.slider-brand #brand5:checked ~ .controls label:nth-child(4),
	.slider-brand #brand6:checked ~ .controls label:nth-child(5),
	.slider-brand #brand7:checked ~ .controls label:nth-child(6),
	.slider-brand #brand8:checked ~ .controls label:nth-child(7),
	.slider-brand #brand9:checked ~ .controls label:nth-child(8),
	.slider-brand #brand10:checked ~ .controls label:nth-child(9),
	.slider-brand #brand11:checked ~ .controls label:nth-child(10),
	.slider-brand #brand12:checked ~ .controls label:nth-child(11),
	.slider-brand #brand13:checked ~ .controls label:nth-child(12),
	.slider-brand #brand14:checked ~ .controls label:nth-child(13),
	.slider-brand #brand15:checked ~ .controls label:nth-child(14),
	.slider-brand #brand16:checked ~ .controls label:nth-child(15),
	.slider-brand #brand17:checked ~ .controls label:nth-child(16),
	.slider-brand #brand18:checked ~ .controls label:nth-child(17),
	.slider-brand #brand19:checked ~ .controls label:nth-child(18),
	.slider-brand #brand20:checked ~ .controls label:nth-child(19){
		background:none ;		
		background: url('../images/DM-bg.png') no-repeat 0 -252px;
		left:0px;
		display: block;
		opacity: 1;
	} 
	.slider-brand #brand1:checked ~ .controls label:nth-child(20):hover, 
	.slider-brand #brand2:checked ~ .controls label:nth-child(1):hover, 
	.slider-brand #brand3:checked ~ .controls label:nth-child(2):hover,
	.slider-brand #brand4:checked ~ .controls label:nth-child(3):hover,
	.slider-brand #brand5:checked ~ .controls label:nth-child(4):hover,
	.slider-brand #brand6:checked ~ .controls label:nth-child(5):hover,
	.slider-brand #brand7:checked ~ .controls label:nth-child(6):hover,
	.slider-brand #brand8:checked ~ .controls label:nth-child(7):hover,
	.slider-brand #brand9:checked ~ .controls label:nth-child(8):hover,
	.slider-brand #brand10:checked ~ .controls label:nth-child(9):hover,
	.slider-brand #brand11:checked ~ .controls label:nth-child(10):hover,
	.slider-brand #brand12:checked ~ .controls label:nth-child(11):hover,
	.slider-brand #brand13:checked ~ .controls label:nth-child(12):hover,
	.slider-brand #brand14:checked ~ .controls label:nth-child(13):hover,
	.slider-brand #brand15:checked ~ .controls label:nth-child(14):hover,
	.slider-brand #brand16:checked ~ .controls label:nth-child(15):hover,
	.slider-brand #brand17:checked ~ .controls label:nth-child(16):hover,
	.slider-brand #brand18:checked ~ .controls label:nth-child(17):hover,
	.slider-brand #brand19:checked ~ .controls label:nth-child(18):hover,
	.slider-brand #brand20:checked ~ .controls label:nth-child(19):hover{
	}	
	.slider-brand #brand1:checked ~ .active label:nth-child(1),
	.slider-brand #brand2:checked ~ .active label:nth-child(2),
	.slider-brand #brand3:checked ~ .active label:nth-child(3),
	.slider-brand #brand4:checked ~ .active label:nth-child(4),
	.slider-brand #brand5:checked ~ .active label:nth-child(5),
	.slider-brand #brand6:checked ~ .active label:nth-child(6),
	.slider-brand #brand7:checked ~ .active label:nth-child(7),
	.slider-brand #brand8:checked ~ .active label:nth-child(8),
	.slider-brand #brand9:checked ~ .active label:nth-child(9),
	.slider-brand #brand10:checked ~ .active label:nth-child(10),
	.slider-brand #brand11:checked ~ .active label:nth-child(11),
	.slider-brand #brand12:checked ~ .active label:nth-child(12),
	.slider-brand #brand13:checked ~ .active label:nth-child(13),
	.slider-brand #brand14:checked ~ .active label:nth-child(14),
	.slider-brand #brand15:checked ~ .active label:nth-child(15),
	.slider-brand #brand16:checked ~ .active label:nth-child(16),
	.slider-brand #brand17:checked ~ .active label:nth-child(17),
	.slider-brand #brand18:checked ~ .active label:nth-child(18),
	.slider-brand #brand19:checked ~ .active label:nth-child(19),
	.slider-brand #brand20:checked ~ .active label:nth-child(19) {
		background:none;
		background: #000;
	}
	
	.slider-brand .controls label:last-child {display:none !important;}
	.slider-brand .active label:last-child{display:none !important;} 
	.slider-brand #brand1 + .slides + .controls{display:none;}
	.slider-brand #brand1 + .slides + .controls + .active{display:none;}	
	
}/*
  Theme controls how everything looks in Gallery CSS.
*/
.gallery {
  position: relative;
  margin: 0 0 20px ;
}
.gallery .banner-slides {position: relative;}
.gallery .banner-slides .item {
  overflow: hidden;
  text-align: center;
  margin:0
}
.overflow {
  width: 100%;
  overflow: hidden;
}
.gallery .banner-slides .info{ display:none;position: absolute; top:30%; left:40%; color: #fff; font-size: 20px; }
.gallery .banner-slides .info h3{padding: 5px 0; background: #000}
.gallery .banner-slides .item  a{display:inline-block ; width:100%;}
.gallery .banner-slides .item  img{max-width:100%}
.gallery .controls-banner {
  position: absolute;
  bottom:7px;
  width: 100%;
  text-align: center;
}
.gallery .controls-banner .control-button {
  display: inline-block;
  margin: 0 .02em;
  font-size: 3em;
  text-align: center;
  text-decoration: none;
  transition: background .1s;
  width:10px;
  height:10px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  border:1px solid #776D69;
}

.gallery .controls-banner .control-button:hover {
  background: rgba(255, 255, 255, 1) !important;
}

.gallery .control-operator:target ~ .controls-banner .control-button {
  background: rgba(255, 255, 255, 0.5);
}

.gallery .controls-banner .control-button:first-of-type,
.gallery .control-operator:nth-of-type(1):target ~ .controls-banner .control-button:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target ~ .controls-banner .control-button:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target ~ .controls-banner .control-button:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target ~ .controls-banner .control-button:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target ~ .controls-banner .control-button:nth-of-type(5),
.gallery .control-operator:nth-of-type(6):target ~ .controls-banner .control-button:nth-of-type(6),
.gallery .control-operator:nth-of-type(7):target ~ .controls-banner .control-button:nth-of-type(7),
.gallery .control-operator:nth-of-type(8):target ~ .controls-banner .control-button:nth-of-type(8),
.gallery .control-operator:nth-of-type(9):target ~ .controls-banner .control-button:nth-of-type(9),
.gallery .control-operator:nth-of-type(10):target ~ .controls-banner .control-button:nth-of-type(10),
.gallery .control-operator:nth-of-type(11):target ~ .controls-banner .control-button:nth-of-type(11),
.gallery .control-operator:nth-of-type(12):target ~ .controls-banner .control-button:nth-of-type(12) {
  background: rgba(255, 255, 255, 1);
} 

.gallery .banner-slides .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}

.gallery .banner-slides .item:first-of-type {
  position: static;
  pointer-events: auto;
  opacity: 1;
}

.gallery .control-operator {
  display: none;
}

.gallery .control-operator:target  ~ .banner-slides .item {
  pointer-events: none;
  opacity: 0;
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}

.gallery .control-operator:target ~ .controls-banner .control-button {
  -webkit-animation: none;
  -o-animation: none;
  animation: none;
}


.gallery div#item-1 + .banner-slides + .controls-banner { display: none;}
 
.gallery div#item-1:target ~ .banner-slides .item:nth-of-type(1) {
  pointer-events: auto;
  opacity: 1;
}

.gallery div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
  pointer-events: auto;
  opacity: 1;
}

.gallery div#item-3:target ~ .banner-slides .item:nth-of-type(3) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-4:target ~ .banner-slides .item:nth-of-type(4) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-5:target ~ .banner-slides .item:nth-of-type(5) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-6:target ~ .banner-slides .item:nth-of-type(6) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-7:target ~ .banner-slides .item:nth-of-type(7) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-8:target ~ .banner-slides .item:nth-of-type(8) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-9:target ~ .banner-slides .item:nth-of-type(9) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-10:target ~ .banner-slides .item:nth-of-type(10) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-11:target ~ .banner-slides .item:nth-of-type(11) {
  pointer-events: auto;
  opacity: 1;
}
.gallery div#item-12:target ~ .banner-slides .item:nth-of-type(12) {
  pointer-events: auto;
  opacity: 1;
}

  .gallery .controls-banner .control-button:nth-of-type(1),
  .gallery .banner-slides .item:nth-of-type(1) {
    -webkit-animation-delay: -2s !important;
    -o-animation-delay: -2s !important;
    animation-delay: -2s !important;
  }

  .gallery .controls-banner  .control-button:nth-of-type(2),
  .gallery .banner-slides .item:nth-of-type(2) {
    -webkit-animation-delay: 3s !important;
    -o-animation-delay: 3s !important;
    animation-delay: 3s !important;
  }

  .gallery .controls-banner .control-button:nth-of-type(3),
  .gallery .banner-slides .item:nth-of-type(3) {
    -webkit-animation-delay: 8s !important;
    -o-animation-delay: 8s !important;
    animation-delay: 8s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(4),
  .gallery .banner-slides .item:nth-of-type(4) {
    -webkit-animation-delay: 13s !importants;
    -o-animation-delay: 13s !important;
    animation-delay: 13s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(5),
  .gallery .banner-slides .item:nth-of-type(5) {
    -webkit-animation-delay: 18s !important;
    -o-animation-delay: 18s !important;
    animation-delay: 18s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(6),
  .gallery .banner-slides .item:nth-of-type(6) {
    -webkit-animation-delay: 23s !important;
    -o-animation-delay: 23s !important;
    animation-delay: 23s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(7),
  .gallery .banner-slides .item:nth-of-type(7) {
    -webkit-animation-delay: 28s !important;
    -o-animation-delay: 28s !important;
    animation-delay: 28s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(8),
  .gallery .banner-slides .item:nth-of-type(8) {
    -webkit-animation-delay: 33s !important;
    -o-animation-delay: 33s !important;
    animation-delay: 33s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(9),
  .gallery .banner-slides .item:nth-of-type(9) {
    -webkit-animation-delay: 38s !important;
    -o-animation-delay: 38s !important;
    animation-delay: 38s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(10),
  .gallery .banner-slides .item:nth-of-type(10) {
    -webkit-animation-delay: 43s !important;
    -o-animation-delay: 43s !important;
    animation-delay: 43s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(11),
  .gallery .banner-slides .item:nth-of-type(11) {
    -webkit-animation-delay: 48s !important;
    -o-animation-delay: 48s !important;
    animation-delay: 48s !important;
  }
  .gallery .controls-banner .control-button:nth-of-type(12),
  .gallery .banner-slides .item:nth-of-type(12) {
    -webkit-animation-delay: 53s !important;
    -o-animation-delay: 53s !important;
    animation-delay: 53s !important;
  }

/************* BANNER HAVE 2 IMAGES ****************/

  @-webkit-keyframes controlAnimation-2 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    14.3%, 50% {
      background: rgba(255, 255, 255, 1);
    }

    64.3%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-o-keyframes controlAnimation-2 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    14.3%, 50% {
      background: rgba(255, 255, 255, 1);
    }

    64.3%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes controlAnimation-2 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    14.3%, 50% {
      background: rgba(255, 255, 255, 1);
    }

    64.3%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-webkit-keyframes galleryAnimation-2 {
    0% {
      opacity: 0;
    }

    14.3%, 50% {
      opacity: 1;
    }

    64.3%, 100% {
      opacity: 0;
    }
  }

  @-o-keyframes galleryAnimation-2 {
    0% {
      opacity: 0;
    }

    14.3%, 50% {
      opacity: 1;
    }

    64.3%, 100% {
      opacity: 0;
    }
  }

  @keyframes galleryAnimation-2 {
    0% {
      opacity: 0;
    }

    14.3%, 50% {
      opacity: 1;
    }

    64.3%, 100% {
      opacity: 0;
    }
  }

  .gallery.item-2 .controls-banner .control-button {
    -webkit-animation: controlAnimation-2 10s infinite;
    -o-animation: controlAnimation-2 10s infinite;
    animation: controlAnimation-2 10s infinite;
  }

  .gallery.item-2 .banner-slides .item {
    -webkit-animation: galleryAnimation-2 10s infinite;
    -o-animation: galleryAnimation-2 10s infinite;
    animation: galleryAnimation-2 10s infinite;
  } 

  @keyframes controlAnimation-2-target  {
     0%, 14.3% {
      background: rgba(255, 255, 255, 0.5);
    }

    14.3%, 50% {
      background: rgba(255, 255, 255, 1);
    }

    64.3%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes galleryAnimation-2-target{
     0%, 14.3% {
      opacity: 0;
    }

   14.3%, 50% {
      opacity: 1;
    }

     64.3%, 100% {
      opacity: 0;
    }
  }
  .gallery.item-2 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-2-target 10s infinite;
  }
  .gallery.item-2 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-2-target  10s infinite;
  } 

  .gallery.item-2 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-2 div#item-2:target ~ .banner-slides .item:nth-of-type(2) { 
    animation-delay: -2s !important;
  }
  .gallery.item-2 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-2 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-2  div#item-2:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-2 10s infinite;
  } 
  .gallery.item-2 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-2 10s infinite;
  } 

/************* BANNER HAVE 3 IMAGES ****************/

  @-webkit-keyframes controlAnimation-3 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    9.5%, 33.3% {
      background: rgba(255, 255, 255, 1);
    }

    42.9%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-o-keyframes controlAnimation-3 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    9.5%, 33.3% {
      background: rgba(255, 255, 255, 1);
    }

    42.9%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes controlAnimation-3 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    9.5%, 33.3% {
      background: rgba(255, 255, 255, 1);
    }

    42.9%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-webkit-keyframes galleryAnimation-3 {
    0% {
      opacity: 0;
    }

    9.5%, 33.3% {
      opacity: 1;
    }

    42.9%, 100% {
      opacity: 0;
    }
  }

  @-o-keyframes galleryAnimation-3 {
    0% {
      opacity: 0;
    }

    9.5%, 33.3% {
      opacity: 1;
    }

    42.9%, 100% {
      opacity: 0;
    }
  }

  @keyframes galleryAnimation-3 {
    0% {
      opacity: 0;
    }

    9.5%, 33.3% {
      opacity: 1;
    }

    42.9%, 100% {
      opacity: 0;
    }
  }

  .gallery.item-3  .controls-banner .control-button {
    -webkit-animation: controlAnimation-3 15s infinite;
    -o-animation: controlAnimation-3 15s infinite;
    animation: controlAnimation-3 15s infinite;
  }

  .gallery.item-3 .banner-slides .item {
    -webkit-animation: galleryAnimation-3 15s infinite;
    -o-animation: galleryAnimation-3 15s infinite;
    animation: galleryAnimation-3 15s infinite;
  } 

  @keyframes controlAnimation-3-target  {
    0%,9.5% {
      background: rgba(255, 255, 255, 0.5);
    }

    9.5%, 33.3% {
      background: rgba(255, 255, 255, 1);
    }

    42.9%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-3-target2  {
    0%,9.5% {
      background: rgba(255, 255, 255, 0.5);
    }

    9.5%, 33.3% {
      background: rgba(255, 255, 255, 1);
    }

    42.9%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-3-target3  {
    0%,9.5% {
      background: rgba(255, 255, 255, 0.5);
    }

    9.5%, 33.3% {
      background: rgba(255, 255, 255, 1);
    }

    42.9%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes galleryAnimation-3-target{
    0%, 9.5% { 
      opacity: 0;
    }

    9.5%, 33.3% {
      opacity: 1;
    }

    42.9%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-3-target2{
    0%, 9.5% { 
      opacity: 0;
    }

    9.5%, 33.3% {
      opacity: 1;
    }

    42.9%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-3-target3{
    0%, 9.5% { 
      opacity: 0;
    }

    9.5%, 33.3% {
      opacity: 1;
    }

    42.9%, 100% {
      opacity: 0;
    }
  } 
  .gallery.item-3 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-3-target 15s infinite;
  }
  .gallery.item-3 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-3-target  15s infinite;
  }   
  /* set animation delay when click #item-2 */
  .gallery.item-3 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-3 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-3 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-3 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-3 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-3 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-3  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-3-target2 15s infinite;
  } 
  .gallery.item-3 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-3-target2  15s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-3 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-3 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-3 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-3 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-3 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-3 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 8s !important;
  }
  .gallery.item-3  div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-3-target3 15s infinite;
  } 
  .gallery.item-3 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-3-target3  15s infinite;
  } 

/************* BANNER HAVE 4 IMAGES *****************/

  @-webkit-keyframes controlAnimation-4 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    7.1%, 25% {
      background: rgba(255, 255, 255, 1);
    }

    32.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-o-keyframes controlAnimation-4 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    7.1%, 25% {
      background: rgba(255, 255, 255, 1);
    }

    32.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes controlAnimation-4 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    7.1%, 25% {
      background: rgba(255, 255, 255, 1);
    }

    32.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-webkit-keyframes galleryAnimation-4 {
    0% {
      opacity: 0;
    }

    7.1%, 25% {
      opacity: 1;
    }

    32.1%, 100% {
      opacity: 0;
    }
  }

  @-o-keyframes galleryAnimation-4 {
    0% {
      opacity: 0;
    }

    7.1%, 25% {
      opacity: 1;
    }

    32.1%, 100% {
      opacity: 0;
    }
  }

  @keyframes galleryAnimation-4 {
    0% {
      opacity: 0;
    }

    7.1%, 25% {
      opacity: 1;
    }

    32.1%, 100% {
      opacity: 0;
    }
  } 
  .gallery.item-4   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-4 20s infinite
    -o-animation: controlAnimation-4  20s infinite ;
    animation: controlAnimation-4 20s infinite ;
  }

  .gallery.item-4  .banner-slides .item {
    -webkit-animation: galleryAnimation-4 20s infinite ;
    -o-animation: galleryAnimation-4 20s infinite ;
    animation: galleryAnimation-4 20s infinite ;
  }
   
  @keyframes controlAnimation-4-target  {
   0%, 7.1% {
      background: rgba(255, 255, 255, 0.5);
    }

    7.1%, 25% {
      background: rgba(255, 255, 255, 1);
    }

    32.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-4-target2 {
   0%, 7.1% {
      background: rgba(255, 255, 255, 0.5);
    }

    7.1%, 25% {
      background: rgba(255, 255, 255, 1);
    }

    32.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-4-target3  {
   0%, 7.1% {
      background: rgba(255, 255, 255, 0.5);
    }

    7.1%, 25% {
      background: rgba(255, 255, 255, 1);
    }

    32.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }@keyframes controlAnimation-4-target4  {
   0%, 7.1% {
      background: rgba(255, 255, 255, 0.5);
    }

    7.1%, 25% {
      background: rgba(255, 255, 255, 1);
    }

    32.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes galleryAnimation-4-target{
   0%, 7.1% {
      opacity: 0;
    }

    7.1%, 25% {
      opacity: 1;
    }

    32.1%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-4-target2{
   0%, 7.1% {
      opacity: 0;
    }

    7.1%, 25% {
      opacity: 1;
    }

    32.1%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-4-target3{
   0%, 7.1% {
      opacity: 0;
    }

    7.1%, 25% {
      opacity: 1;
    }

    32.1%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-4-target4{
   0%, 7.1% {
      opacity: 0;
    }

    7.1%, 25% {
      opacity: 1;
    }

    32.1%, 100% {
      opacity: 0;
    }
  } 
  .gallery.item-4 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-4-target 20s infinite;
  }
  .gallery.item-4 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-4-target  20s infinite;
  }   
  /* set animation delay when click #item-2 */
  .gallery.item-4 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-4 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-4 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-4 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-4 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-4 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-4 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-4 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-4  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-4-target2 20s infinite;
  } 
  .gallery.item-4 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-4-target2  20s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-4 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-4 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-4 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-4 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-4 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-4 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-4 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-4 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 13s !important;
  }
  .gallery.item-4  div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-4-target3 20s infinite;
  } 
  .gallery.item-4 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-4-target3  20s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-4 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-4 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-4 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-4 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-4 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-4 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 8s !important;
  }
  .gallery.item-4 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-4 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 13s !important;
  }
  .gallery.item-4  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-4-target4 20s infinite;
  } 
  .gallery.item-4 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-4-target4  20s infinite;
  } 

/************* BANNER HAVE 5 IMAGES *****************/

  @-webkit-keyframes controlAnimation-5 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-o-keyframes controlAnimation-5 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes controlAnimation-5 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-webkit-keyframes galleryAnimation-5 {
    0% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  }

  @-o-keyframes galleryAnimation-5 {
    0% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  }

  @keyframes galleryAnimation-5 {
    0% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  } 
  .gallery.item-5   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-5 25s infinite;
    -o-animation: controlAnimation-5  25s infinite;
    animation: controlAnimation-5 25s infinite;
  }

  .gallery.item-5  .banner-slides .item {
    -webkit-animation: galleryAnimation-5 25s infinite;
    -o-animation: galleryAnimation-5 25s infinite;
    animation: galleryAnimation-5 25s infinite;
  }

    
   
  @keyframes controlAnimation-5-target  {
    0%,5.7% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
   
  @keyframes controlAnimation-5-target2  {
    0%,5.7% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
   
  @keyframes controlAnimation-5-target3  {
    0%,5.7% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
   
  @keyframes controlAnimation-5-target4 {
    0%,5.7% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
   
  @keyframes controlAnimation-5-target5  {
    0%,5.7% {
      background: rgba(255, 255, 255, 0.5);
    }

    5.7%, 20% {
      background: rgba(255, 255, 255, 1);
    }

    25.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes galleryAnimation-5-target{
    0%, 5.7% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-5-target2{
    0%, 5.7% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-5-target3{
    0%, 5.7% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-5-target4{
    0%, 5.7% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-5-target5{
    0%, 5.7% {
      opacity: 0;
    }

    5.7%, 20% {
      opacity: 1;
    }

    25.7%, 100% {
      opacity: 0;
    }
  }

  .gallery.item-5 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-5-target 25s infinite;
  }
  .gallery.item-5 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-5-target  25s infinite;
  }   
  /* set animation delay when click #item-2 */
  .gallery.item-5 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-5 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-5 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-5 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-5 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-5 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-5 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-5 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-5 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-5 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-5  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-5-target2 25s infinite;
  } 
  .gallery.item-5 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-5-target2  25s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-5 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-5 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-5 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-5 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-5 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-5 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-5 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-5 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-5 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-5 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 18s !important;
  }
  .gallery.item-5 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-5-target3 25s infinite;
  } 
  .gallery.item-5 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-5-target3  25s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-5 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-5 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-5 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-5 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-5 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-5 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-5 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-5 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 13s !important;
  }
  .gallery.item-5 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-5 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 18s !important;
  }
  .gallery.item-5  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-5-target4 25s infinite;
  } 
  .gallery.item-5 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-5-target4  25s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-5 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-5 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-5 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-5 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-5 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-5 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 8s !important;
  }
  .gallery.item-5 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-5 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 13s !important;
  }
  .gallery.item-5 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-5 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 18s !important;
  }
  .gallery.item-5  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-5-target5 25s infinite;
  } 
  .gallery.item-5 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-5-target5  25s infinite;
  } 

/************* BANNER HAVE 6 IMAGES *****************/

  @-webkit-keyframes controlAnimation-6 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @-o-keyframes controlAnimation-6 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes controlAnimation-6 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-webkit-keyframes galleryAnimation-6 {
    0% {
      opacity: 0;
    }

    4.8%, 16.67% {
      opacity: 1;
    }

    21.47%, 100% {
      opacity: 0;
    }
  }

  @-o-keyframes galleryAnimation-6 {
    0% {
      opacity: 0;
    }

    4.8%, 16.67% {
      opacity: 1;
    }

    21.47%, 100% {
      opacity: 0;
    }
  }

  @keyframes galleryAnimation-6 {
    0% {
      opacity: 0;
    }

    4.8%, 16.67% {
      opacity: 1;
    }

    21.47%, 100% {
      opacity: 0;
    }
  } 
  .gallery.item-6   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-6 30s infinite;
    -o-animation: controlAnimation-6  30s infinite;
    animation: controlAnimation-6 30s infinite;
  }

  .gallery.item-6  .banner-slides .item {
    -webkit-animation: galleryAnimation-6 30s infinite;
    -o-animation: galleryAnimation-6 30s infinite;
    animation: galleryAnimation-6 30s infinite;
  }

  /* click item  */

  @keyframes controlAnimation-6-target  {
    0%, 4.8% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-6-target2  {
    0%, 4.8% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-6-target3  {
    0%, 4.8% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-6-target4  {
    0%, 4.8% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-6-target5  {
    0%, 4.8% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-6-target6  {
    0%, 4.8% {
      background: rgba(255, 255, 255, 0.5);
    }

    4.8%, 16.67% {
      background: rgba(255, 255, 255, 1);
    }

    21.47%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes galleryAnimation-6-target{
    0%, 4.8% {
      opacity: 0;
    }
    4.8%, 16.67% {
      opacity: 1;
    }
     21.47%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-6-target2{
    0%, 4.8% {
      opacity: 0;
    }
    4.8%, 16.67% {
      opacity: 1;
    }
     21.47%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-6-target3{
    0%, 4.8% {
      opacity: 0;
    }
    4.8%, 16.67% {
      opacity: 1;
    }
     21.47%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-6-target4{
    0%, 4.8% {
      opacity: 0;
    }
    4.8%, 16.67% {
      opacity: 1;
    }
     21.47%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-6-target5{
    0%, 4.8% {
      opacity: 0;
    }
    4.8%, 16.67% {
      opacity: 1;
    }
     21.47%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-6-target6{
    0%, 4.8% {
      opacity: 0;
    }
    4.8%, 16.67% {
      opacity: 1;
    }
     21.47%, 100% {
      opacity: 0;
    }
  }

  .gallery.item-6 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-6-target 30s infinite;
  }
  .gallery.item-6 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-6-target  30s infinite;
  }   
  /* set animation delay when click #item-2 */
  .gallery.item-6 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-6 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-6 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-6 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-6 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-6 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-6 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-6 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-6 div#item-2:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-6 div#item-2:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 18s !important;
  }
  .gallery.item-6 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-6 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 23s !important;
  }
  .gallery.item-6  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-6-target2 30s infinite;
  } 
  .gallery.item-6 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-6-target2  30s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-6 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-6 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-6 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-6 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-6 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-6 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-6 div#item-3:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-6 div#item-3:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 13s !important;
  }
  .gallery.item-6 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-6 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-6 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-6 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 23s !important;
  }
  .gallery.item-6 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-6-target3 30s infinite;
  } 
  .gallery.item-6 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-6-target3  30s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-6 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-6 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-6 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-6 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-6 div#item-4:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-6 div#item-4:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 8s !important;
  }
  .gallery.item-6 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-6 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-6 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-6 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 18s !important;
  }
  .gallery.item-6 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-6 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 23s !important;
  }
  .gallery.item-6  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-6-target4 30s infinite;
  } 
  .gallery.item-6 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-6-target4  30s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-6 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-6 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-6 div#item-5:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-6 div#item-5:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 3s !important;
  }
  .gallery.item-6 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-6 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-6 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-6 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 13s !important;
  }
  .gallery.item-6 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-6 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 18s !important;
  }
  .gallery.item-6 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-6 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 23s !important;
  }
  .gallery.item-6  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-6-target5 30s infinite;
  } 
  .gallery.item-6 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-6-target5  30s infinite;
  } 
  /* set animation delay when click #item-6 */
  .gallery.item-6 div#item-6:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-6 div#item-6:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: -2s !important;
  }
  .gallery.item-6 div#item-6:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-6 div#item-6:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-6 div#item-6:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-6 div#item-6:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 8s !important;
  }
  .gallery.item-6 div#item-6:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-6 div#item-6:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 13s !important;
  }
  .gallery.item-6 div#item-6:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-6 div#item-6:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 18s !important;
  }
  .gallery.item-6 div#item-6:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-6 div#item-6:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 23s !important;
  }
  .gallery.item-6 div#item-6:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-6-target6 30s infinite;
  } 
  .gallery.item-6 div#item-6:target ~  .controls-banner .control-button {
    animation: controlAnimation-6-target6  30s infinite;
  } 

/************* BANNER HAVE 7 IMAGES *****************/

  @-webkit-keyframes controlAnimation-7 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-o-keyframes controlAnimation-7 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-7 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-webkit-keyframes galleryAnimation-7 {
    0% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  }
  @-o-keyframes galleryAnimation-7 {
    0% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-7 {
    0% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  }
  .gallery.item-7   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-7 35s infinite;
    -o-animation: controlAnimation-7  35s infinite;
    animation: controlAnimation-7 35s infinite;
  }
  .gallery.item-7  .banner-slides .item {
    -webkit-animation: galleryAnimation-7 35s infinite;
    -o-animation: galleryAnimation-7 35s infinite;
    animation: galleryAnimation-7 35s infinite;
  }

  /* click item  */

  @keyframes controlAnimation-7-target  {
    0%, 4.1% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-7-target2  {
    0%, 4.1% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-7-target3  {
    0%, 4.1% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-7-target4  {
    0%, 4.1% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }  
  @keyframes controlAnimation-7-target5  {
    0%, 4.1% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-7-target6  {
    0%, 4.1% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-7-target7  {
    0%, 4.1% {
      background: rgba(255, 255, 255, 0.5);
    }
    4.1%, 14.28% {
      background: rgba(255, 255, 255, 1);
    }
    18.38%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes galleryAnimation-7-target{
    0%, 4.1% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-7-target2{
    0%, 4.1% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-7-target3{
    0%, 4.1% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-7-target4{
    0%, 4.1% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-7-target5{
    0%, 4.1% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-7-target6{
    0%, 4.1% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-7-target7{
    0%, 4.1% {
      opacity: 0;
    }
    4.1%, 14.28% {
      opacity: 1;
    }
    18.38%, 100% {
      opacity: 0;
    }
  } 
  .gallery.item-7 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-7-target 35s infinite;
  }
  .gallery.item-7 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-7-target  35s infinite;
  }   
  /* set animation delay when click #item-2 */
  .gallery.item-7 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-7 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-7 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-7 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-7 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-7 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-7 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-7 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-7 div#item-2:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-7 div#item-2:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 18s !important;
  }
  .gallery.item-7 div#item-2:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-7 div#item-2:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 23s !important;
  }
  .gallery.item-7 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-7 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 28s !important;
  }
  .gallery.item-7  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-7-target2 35s infinite;
  } 
  .gallery.item-7 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-7-target2  35s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-7 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-7 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-7 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-7 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-7 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-7 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-7 div#item-3:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-7 div#item-3:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 13s !important;
  }
  .gallery.item-7 div#item-3:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-7 div#item-3:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 18s !important;
  }
  .gallery.item-7 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-7 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 23s !important;
  }
  .gallery.item-7 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-7 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 28s !important;
  }
  .gallery.item-7 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-7-target3 35s infinite;
  } 
  .gallery.item-7 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-7-target3  35s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-7 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-7 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-7 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-7 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-7 div#item-4:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-7 div#item-4:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 8s !important;
  }
  .gallery.item-7 div#item-4:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-7 div#item-4:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 13s !important;
  }
  .gallery.item-7 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-7 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-7 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-7 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 23s !important;
  }
  .gallery.item-7 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-7 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 28s !important;
  }
  .gallery.item-7  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-7-target4 35s infinite;
  } 
  .gallery.item-7 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-7-target4  35s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-7 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-7 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-7 div#item-5:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-7 div#item-5:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 3s !important;
  }
  .gallery.item-7 div#item-5:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-7 div#item-5:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 8s !important;
  }
  .gallery.item-7 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-7 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-7 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-7 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 18s !important;
  }
  .gallery.item-7 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-7 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 23s !important;
  }
  .gallery.item-7 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-7 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 28s !important;
  }
  .gallery.item-7  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-7-target5 35s infinite;
  } 
  .gallery.item-7 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-7-target5  35s infinite;
  } 
  /* set animation delay when click #item-6 */
  .gallery.item-7 div#item-6:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-7 div#item-6:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: -2s !important;
  }
  .gallery.item-7 div#item-6:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-7 div#item-6:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 3s !important;
  }
  .gallery.item-7 div#item-6:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-7 div#item-6:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-7 div#item-6:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-7 div#item-6:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 13s !important;
  }
  .gallery.item-7 div#item-6:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-7 div#item-6:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 18s !important;
  }
  .gallery.item-7 div#item-6:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-7 div#item-6:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 23s !important;
  }
  .gallery.item-7 div#item-6:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-7 div#item-6:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 28s !important;
  }
  .gallery.item-7 div#item-6:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-7-target6 35s infinite;
  } 
  .gallery.item-7 div#item-6:target ~  .controls-banner .control-button {
    animation: controlAnimation-7-target6  35s infinite;
  } 
  /* set animation delay when click #item-7 */
  .gallery.item-7 div#item-7:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-7 div#item-7:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: -2s !important;
  }
  .gallery.item-7 div#item-7:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-7 div#item-7:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-7 div#item-7:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-7 div#item-7:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 8s !important;
  }
  .gallery.item-7 div#item-7:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-7 div#item-7:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 13s !important;
  }
  .gallery.item-7 div#item-7:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-7 div#item-7:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 18s !important;
  }
  .gallery.item-7 div#item-7:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-7 div#item-7:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 23s !important;
  }
  .gallery.item-7 div#item-7:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-7 div#item-7:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 28s !important;
  }
  .gallery.item-7 div#item-7:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-7-target7 35s infinite;
  } 
  .gallery.item-7 div#item-7:target ~  .controls-banner .control-button {
    animation: controlAnimation-7-target7  35s infinite;
  } 

/************* BANNER HAVE 8 IMAGES *****************/

  @-webkit-keyframes controlAnimation-8 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-o-keyframes controlAnimation-8 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-8 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-webkit-keyframes galleryAnimation-8 {
    0% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }
  @-o-keyframes galleryAnimation-8 {
    0% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-8 {
    0% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }
  .gallery.item-8   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-8 40s infinite;
    -o-animation: controlAnimation-8  40s infinite;
    animation: controlAnimation-8 40s infinite;
  }
  .gallery.item-8  .banner-slides .item {
    -webkit-animation: galleryAnimation-8 40s infinite;
    -o-animation: galleryAnimation-8 40s infinite;
    animation: galleryAnimation-8 40s infinite;
  }

  /* click item  */

  @keyframes controlAnimation-8-target  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-8-target2  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-8-target3  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-8-target4  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }  
  @keyframes controlAnimation-8-target5  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-8-target6  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-8-target7  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-8-target8  {
    0%,3.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.6%, 12.5% {
      background: rgba(255, 255, 255, 1);
    }
    16.1%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes galleryAnimation-8-target{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-8-target2{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-8-target3{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-8-target4{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-8-target5{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-8-target6{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-8-target7{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-8-target8{
    0%,3.6% {
      opacity: 0;
    }
    3.6%, 12.5% {
      opacity: 1;
    }
    16.1%, 100% {
      opacity: 0;
    }
  }  
  .gallery.item-8 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-8-target 40s infinite;
  }
  .gallery.item-8 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target  40s infinite;
  } 

  /* set animation delay when click #item-2 */
  .gallery.item-8 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-8 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-8 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-8 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-8 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-8 div#item-2:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 18s !important;
  }
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-8 div#item-2:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 23s !important;
  }
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-8 div#item-2:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 28s !important;
  }
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-8 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 33s !important;
  }
  .gallery.item-8  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-8-target2 40s infinite;
  } 
  .gallery.item-8 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target2  40s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-8 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-8 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-8 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-8 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-8 div#item-3:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 13s !important;
  }
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-8 div#item-3:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 18s !important;
  }
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-8 div#item-3:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 23s !important;
  }
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-8 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 28s !important;
  }
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-8 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 33s !important;
  }
  .gallery.item-8 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-8-target3 40s infinite;
  } 
  .gallery.item-8 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target3  40s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-8 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-8 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-8 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-8 div#item-4:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 8s !important;
  }
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-8 div#item-4:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 13s !important;
  }
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-8 div#item-4:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 18s !important;
  }
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-8 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 23s !important;
  }
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-8 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 28s !important;
  }
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-8 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 33s !important;
  }
  .gallery.item-8  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-8-target4 40s infinite;
  } 
  .gallery.item-8 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target4  40s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-8 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-8 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-8 div#item-5:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 3s !important;
  }
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-8 div#item-5:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 8s !important;
  }
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-8 div#item-5:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 13s !important;
  }
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-8 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-8 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 23s !important;
  }
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-8 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 28s !important;
  }
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-8 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 33s !important;
  }
  .gallery.item-8  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-8-target5 40s infinite;
  } 
  .gallery.item-8 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target5  40s infinite;
  } 
  /* set animation delay when click #item-6 */
  .gallery.item-8 div#item-6:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-8 div#item-6:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: -2s !important;
  }
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-8 div#item-6:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 3s !important;
  }
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-8 div#item-6:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 8s !important;
  }
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-8 div#item-6:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-8 div#item-6:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 18s !important;
  }
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-8 div#item-6:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 23s !important;
  }
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-8 div#item-6:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 28s !important;
  }
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-8 div#item-6:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 33s !important;
  }
  .gallery.item-8 div#item-6:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-8-target6 40s infinite;
  } 
  .gallery.item-8 div#item-6:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target6  40s infinite;
  } 
  /* set animation delay when click #item-7 */
  .gallery.item-8 div#item-7:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-8 div#item-7:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: -2s !important;
  }
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-8 div#item-7:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 3s !important;
  }
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-8 div#item-7:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-8 div#item-7:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 13s !important;
  }
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-8 div#item-7:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 18s !important;
  }
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-8 div#item-7:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 23s !important;
  }
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-8 div#item-7:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 28s !important;
  }
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-8 div#item-7:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 33s !important;
  }
  .gallery.item-8 div#item-7:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-8-target7 40s infinite;
  } 
  .gallery.item-8 div#item-7:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target7  40s infinite;
  } 
  /* set animation delay when click #item-8 */
  .gallery.item-8 div#item-8:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-8 div#item-8:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: -2s !important;
  }
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-8 div#item-8:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-8 div#item-8:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 8s !important;
  }
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-8 div#item-8:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 13s !important;
  }
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-8 div#item-8:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 18s !important;
  }
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-8 div#item-8:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 23s !important;
  }
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-8 div#item-8:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 28s !important;
  }
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-8 div#item-8:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 33s !important;
  }
  .gallery.item-8 div#item-8:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-8-target8 40s infinite;
  } 
  .gallery.item-8 div#item-8:target ~  .controls-banner .control-button {
    animation: controlAnimation-8-target8  40s infinite;
  } 

/************* BANNER HAVE 9 IMAGES *****************/

  @-webkit-keyframes controlAnimation-9 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-o-keyframes controlAnimation-9 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-9 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-webkit-keyframes galleryAnimation-9 {
    0% {
      opacity: 0;
    }
    3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }
  @-o-keyframes galleryAnimation-9 {
    0% {
      opacity: 0;
    }
    3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-9 {
    0% {
      opacity: 0;
    }
    3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }
  .gallery.item-9   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-9 45s infinite;
    -o-animation: controlAnimation-9  45s infinite;
    animation: controlAnimation-9 45s infinite;
  }
  .gallery.item-9  .banner-slides .item {
    -webkit-animation: galleryAnimation-9 45s infinite;
    -o-animation: galleryAnimation-9 45s infinite;
    animation: galleryAnimation-9 45s infinite;
  }

  /* click item  */

  @keyframes controlAnimation-9-target  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-9-target2  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-9-target3  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-9-target4  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }  
  @keyframes controlAnimation-9-target5  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-9-target6  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-9-target7  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-9-target8  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-9-target9  {
    0%,3.17% {
      background: rgba(255, 255, 255, 0.5);
    }
    3.17%, 11.11% {
      background: rgba(255, 255, 255, 1);
    }
    14.28%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes galleryAnimation-9-target{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-9-target2{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-9-target3{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-9-target4{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-9-target5{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-9-target6{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-9-target7{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-9-target8{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-9-target9{
    0%,3.17% {
      opacity: 0;
    }
     3.17%, 11.11% {
      opacity: 1;
    }
    14.28%, 100% {
      opacity: 0;
    }
  }  
  .gallery.item-9 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-9-target 45s infinite;
  }
  .gallery.item-9 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target  45s infinite;
  } 

  /* set animation delay when click #item-2 */
  .gallery.item-9 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-9 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 38s !important;
  }
  .gallery.item-9  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-9-target2 45s infinite;
  } 
  .gallery.item-9 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target2  45s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-9 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-9 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-9 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 38s !important;
  }
  .gallery.item-9 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-9-target3 45s infinite;
  } 
  .gallery.item-9 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target3  45s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-9 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-9 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-9 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 38s !important;
  }
  .gallery.item-9  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-9-target4 45s infinite;
  } 
  .gallery.item-9 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target4  45s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-9 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-9 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-9 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 38s !important;
  }
  .gallery.item-9  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-9-target5 45s infinite;
  } 
  .gallery.item-9 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target5  45s infinite;
  } 
  /* set animation delay when click #item-6 */
  .gallery.item-9 div#item-6:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-9 div#item-6:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-9 div#item-6:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 38s !important;
  }
  .gallery.item-9 div#item-6:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-9-target6 45s infinite;
  } 
  .gallery.item-9 div#item-6:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target6  45s infinite;
  } 
  /* set animation delay when click #item-7 */
  .gallery.item-9 div#item-7:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-9 div#item-7:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-9 div#item-7:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 38s !important;
  }
  .gallery.item-9 div#item-7:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-9-target7 45s infinite;
  } 
  .gallery.item-9 div#item-7:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target7  45s infinite;
  } 
  /* set animation delay when click #item-8 */
  .gallery.item-9 div#item-8:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-9 div#item-8:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-9 div#item-8:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 38s !important;
  }
  .gallery.item-9 div#item-8:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-9-target8 45s infinite;
  } 
  .gallery.item-9 div#item-8:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target8  45s infinite;
  } 
  /* set animation delay when click #item-9 */
  .gallery.item-9 div#item-9:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-9 div#item-9:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: -2s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 3s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 8s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 13s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 18s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 23s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 28s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 33s !important;
  }
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-9 div#item-9:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 38s !important;
  }
  .gallery.item-9 div#item-9:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-9-target9 45s infinite;
  } 
  .gallery.item-9 div#item-9:target ~  .controls-banner .control-button {
    animation: controlAnimation-9-target9  45s infinite;
  } 

/************* BANNER HAVE 10 IMAGES *****************/

  @-webkit-keyframes controlAnimation-10 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-o-keyframes controlAnimation-10 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-10 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-webkit-keyframes galleryAnimation-10 {
    0% {
      opacity: 0;
    }
    2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }
  @-o-keyframes galleryAnimation-10 {
    0% {
      opacity: 0;
    }
    2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-10 {
    0% {
      opacity: 0;
    }
    2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }
  .gallery.item-10   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-10 50s infinite;
    -o-animation: controlAnimation-10  50s infinite;
    animation: controlAnimation-10 50s infinite;
  }
  .gallery.item-10  .banner-slides .item {
    -webkit-animation: galleryAnimation-10 50s infinite;
    -o-animation: galleryAnimation-10 50s infinite;
    animation: galleryAnimation-10 50s infinite;
  }

  /* click item  */

  @keyframes controlAnimation-10-target  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-10-target2  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-10-target3  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-10-target4  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }  
  @keyframes controlAnimation-10-target5  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-10-target6  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-10-target7  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-10-target8  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-10-target9  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes controlAnimation-10-target10  {
    0%,2.85% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.85%, 10% {
      background: rgba(255, 255, 255, 1);
    }
    12.85%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes galleryAnimation-10-target{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-10-target2{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target3{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target4{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target5{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target6{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target7{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target8{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target9{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-10-target10{
    0%,2.85% {
      opacity: 0;
    }
     2.85%, 10% {
      opacity: 1;
    }
    12.85%, 100% {
      opacity: 0;
    }
  }  
  .gallery.item-10 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-10-target 50s infinite;
  }
  .gallery.item-10 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target  50s infinite;
  } 

  /* set animation delay when click #item-2 */
  .gallery.item-10 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-10 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 43s !important;
  }
  .gallery.item-10  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-10-target2 50s infinite;
  } 
  .gallery.item-10 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target2  50s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-10 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-10 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-10 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 43s !important;
  }
  .gallery.item-10 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target3 50s infinite;
  } 
  .gallery.item-10 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target3  50s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-10 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-10 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-10 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 43s !important;
  }
  .gallery.item-10  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target4 50s infinite;
  } 
  .gallery.item-10 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target4  50s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-10 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-10 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-10 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 43s !important;
  }
  .gallery.item-10  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target5 50s infinite;
  } 
  .gallery.item-10 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target5  50s infinite;
  } 
  /* set animation delay when click #item-6 */
  .gallery.item-10 div#item-6:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-10 div#item-6:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-10 div#item-6:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 43s !important;
  }
  .gallery.item-10 div#item-6:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target6 50s infinite;
  } 
  .gallery.item-10 div#item-6:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target6  50s infinite;
  } 
  /* set animation delay when click #item-7 */
  .gallery.item-10 div#item-7:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-10 div#item-7:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-10 div#item-7:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 43s !important;
  }
  .gallery.item-10 div#item-7:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target7 50s infinite;
  } 
  .gallery.item-10 div#item-7:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target7  50s infinite;
  } 
  /* set animation delay when click #item-8 */
  .gallery.item-10 div#item-8:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-10 div#item-8:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-10 div#item-8:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 43s !important;
  }
  .gallery.item-10 div#item-8:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target8 50s infinite;
  } 
  .gallery.item-10 div#item-8:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target8  50s infinite;
  } 
  /* set animation delay when click #item-9 */
  .gallery.item-10 div#item-9:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-10 div#item-9:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: -2s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 3s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 8s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 13s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 18s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 23s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 28s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 33s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 38s !important;
  }
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-10 div#item-9:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 43s !important;
  }
  .gallery.item-10 div#item-9:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target9 50s infinite;
  } 
  .gallery.item-10 div#item-9:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target9  50s infinite;
  }
  /* set animation delay when click #item-10 */
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(10),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(10) { 
    animation-delay: -2s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(1),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(1) { 
    animation-delay: 3s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(2) { 
    animation-delay: 8s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: 13s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: 18s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: 23s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: 28s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: 33s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: 38s !important;
  } 
  .gallery.item-10 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-10 div#item-10:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: 43s !important;
  } 
  .gallery.item-10 div#item-10:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-10-target10 50s infinite;
  } 
  .gallery.item-10 div#item-10:target ~  .controls-banner .control-button {
    animation: controlAnimation-10-target10  50s infinite;
  } 

/************* BANNER HAVE 11 IMAGES *****************/

  @-webkit-keyframes controlAnimation-11 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-o-keyframes controlAnimation-11 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-11 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-webkit-keyframes galleryAnimation-11 {
    0% {
      opacity: 0;
    }
    2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }
  @-o-keyframes galleryAnimation-11 {
    0% {
      opacity: 0;
    }
    2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-11 {
    0% {
      opacity: 0;
    }
    2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }
  .gallery.item-11   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-11 55s infinite;
    -o-animation: controlAnimation-11  55s infinite;
    animation: controlAnimation-11 55s infinite;
  }
  .gallery.item-11  .banner-slides .item {
    -webkit-animation: galleryAnimation-11 55s infinite;
    -o-animation: galleryAnimation-11 55s infinite;
    animation: galleryAnimation-11 55s infinite;
  }

  /* click item  */

  @keyframes controlAnimation-11-target  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-11-target2  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-11-target3  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-11-target4  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }  
  @keyframes controlAnimation-11-target5  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-11-target6  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-11-target7  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-11-target8  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-11-target9  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-11-target10  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-11-target11  {
    0%,2.6% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.6%, 9.1% {
      background: rgba(255, 255, 255, 1);
    }
    11.7%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes galleryAnimation-11-target{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-11-target2{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target3{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target4{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target5{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target6{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target7{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target8{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target9{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target10{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-11-target11{
    0%,2.6% {
      opacity: 0;
    }
     2.6%, 9.1% {
      opacity: 1;
    }
    11.7%, 100% {
      opacity: 0;
    }
  }  
  .gallery.item-11 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-11-target 55s infinite;
  }
  .gallery.item-11 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target  55s infinite;
  } 

  /* set animation delay when click #item-2 */
  .gallery.item-11 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-11 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 48s !important;
  }
  .gallery.item-11  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-11-target2 55s infinite;
  } 
  .gallery.item-11 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target2  55s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-11 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-11 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-11 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 48s !important;
  }
  .gallery.item-11 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target3 55s infinite;
  } 
  .gallery.item-11 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target3  55s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-11 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-11 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-11 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 48s !important;
  }
  .gallery.item-11  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target4 55s infinite;
  } 
  .gallery.item-11 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target4  55s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-11 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-11 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-11 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 48s !important;
  }
  .gallery.item-11  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target5 55s infinite;
  } 
  .gallery.item-11 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target5  55s infinite;
  } 
  /* set animation delay when click #item-6 */
  .gallery.item-11 div#item-6:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-11 div#item-6:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-11 div#item-6:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 48s !important;
  }
  .gallery.item-11 div#item-6:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target6 55s infinite;
  } 
  .gallery.item-11 div#item-6:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target6  55s infinite;
  } 
  /* set animation delay when click #item-7 */
  .gallery.item-11 div#item-7:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-11 div#item-7:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-11 div#item-7:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 48s !important;
  }
  .gallery.item-11 div#item-7:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target7 55s infinite;
  } 
  .gallery.item-11 div#item-7:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target7  55s infinite;
  } 
  /* set animation delay when click #item-8 */
  .gallery.item-11 div#item-8:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-11 div#item-8:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-11 div#item-8:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 48s !important;
  }
  .gallery.item-11 div#item-8:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target8 55s infinite;
  } 
  .gallery.item-11 div#item-8:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target8  55s infinite;
  } 
  /* set animation delay when click #item-9 */
  .gallery.item-11 div#item-9:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-11 div#item-9:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: -2s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 3s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 8s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 13s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 18s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 23s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 28s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 33s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 38s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 43s !important;
  }
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-11 div#item-9:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 48s !important;
  }
  .gallery.item-11 div#item-9:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target9 55s infinite;
  } 
  .gallery.item-11 div#item-9:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target9  55s infinite;
  }
  /* set animation delay when click #item-10 */
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(10),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(10) { 
    animation-delay: -2s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(11),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(11) { 
    animation-delay: 3s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(1),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(1) { 
    animation-delay: 8s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(2) { 
    animation-delay: 13s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: 18s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: 23s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: 28s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: 33s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: 38s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: 43s !important;
  } 
  .gallery.item-11 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-11 div#item-10:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: 48s !important;
  } 
  .gallery.item-11 div#item-10:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target10 55s infinite;
  } 
  .gallery.item-11 div#item-10:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target10  55s infinite;
  } 
  /* set animation delay when click #item-11 */
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(11),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(11) { 
    animation-delay: -2s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(1),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(1) { 
    animation-delay: 3s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(2) { 
    animation-delay: 8s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: 13s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: 18s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: 23s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: 28s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: 33s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: 38s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: 43s !important;
  } 
  .gallery.item-11 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(10),
  .gallery.item-11 div#item-11:target ~ .banner-slides .item:nth-of-type(10) { 
    animation-delay: 48s !important;
  } 
  .gallery.item-11 div#item-11:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-11-target11 55s infinite;
  } 
  .gallery.item-11 div#item-11:target ~  .controls-banner .control-button {
    animation: controlAnimation-11-target11  55s infinite;
  }



/************* BANNER HAVE 12 IMAGES *****************/

  @-webkit-keyframes controlAnimation-12 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-o-keyframes controlAnimation-12 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-12 {
    0% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @-webkit-keyframes galleryAnimation-12 {
    0% {
      opacity: 0;
    }
    2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }
  @-o-keyframes galleryAnimation-12 {
    0% {
      opacity: 0;
    }
    2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }
  @keyframes galleryAnimation-12 {
    0% {
      opacity: 0;
    }
    2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }
  .gallery.item-12   .controls-banner  .control-button {
    -webkit-animation: controlAnimation-12 60s infinite;
    -o-animation: controlAnimation-12  60s infinite;
    animation: controlAnimation-12 60s infinite;
  }
  .gallery.item-12  .banner-slides .item {
    -webkit-animation: galleryAnimation-12 60s infinite;
    -o-animation: galleryAnimation-12 60s infinite;
    animation: galleryAnimation-12 60s infinite;
  }

  /* click item  */

  @keyframes controlAnimation-12-target  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-12-target2  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-12-target3  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-12-target4  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }  
  @keyframes controlAnimation-12-target5  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-12-target6  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  } 
  @keyframes controlAnimation-12-target7  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-12-target8  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-12-target9  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-12-target10  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-12-target11  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }
  @keyframes controlAnimation-12-target12  {
    0%,2.37% {
      background: rgba(255, 255, 255, 0.5);
    }
    2.37%, 8.3% {
      background: rgba(255, 255, 255, 1);
    }
    10.67%, 100% {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @keyframes galleryAnimation-12-target{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  } 
  @keyframes galleryAnimation-12-target2{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target3{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target4{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target5{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target6{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target7{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target8{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target9{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target10{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target11{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  @keyframes galleryAnimation-12-target12{
    0%,2.37% {
      opacity: 0;
    }
     2.37%, 8.3% {
      opacity: 1;
    }
    10.67%, 100% {
      opacity: 0;
    }
  }  
  .gallery.item-12 div#item-1:target ~ .banner-slides .item  {
   animation: galleryAnimation-12-target 60s infinite;
  }
  .gallery.item-12 div#item-1:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target  60s infinite;
  } 

  /* set animation delay when click #item-2 */
  .gallery.item-12 div#item-2:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-12 div#item-2:target ~ .banner-slides .item:nth-of-type(2) {
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-2:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 53s !important;
  }
  .gallery.item-12  div#item-2:target  ~ .banner-slides .item   {
   animation: galleryAnimation-12-target2 60s infinite;
  } 
  .gallery.item-12 div#item-2:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target2  60s infinite;
  } 

  /* set animation delay when click #item-3 */
  .gallery.item-12 div#item-3:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-12 div#item-3:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-12 div#item-3:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 53s !important;
  }
  .gallery.item-12 div#item-3:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target3 60s infinite;
  } 
  .gallery.item-12 div#item-3:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target3  60s infinite;
  } 
  /* set animation delay when click #item-4 */
  .gallery.item-12 div#item-4:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-12 div#item-4:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-12 div#item-4:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 53s !important;
  }
  .gallery.item-12  div#item-4:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target4 60s infinite;
  } 
  .gallery.item-12 div#item-4:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target4  60s infinite;
  } 
  /* set animation delay when click #item-5 */
  .gallery.item-12 div#item-5:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-12 div#item-5:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-12 div#item-5:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 53s !important;
  }
  .gallery.item-12  div#item-5:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target5 60s infinite;
  } 
  .gallery.item-12 div#item-5:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target5  60s infinite;
  } 
  /* set animation delay when click #item-6 */
  .gallery.item-12 div#item-6:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-12 div#item-6:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-12 div#item-6:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 53s !important;
  }
  .gallery.item-12 div#item-6:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target6 60s infinite;
  } 
  .gallery.item-12 div#item-6:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target6  60s infinite;
  } 
  /* set animation delay when click #item-7 */
  .gallery.item-12 div#item-7:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-12 div#item-7:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-12 div#item-7:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 53s !important;
  }
  .gallery.item-12 div#item-7:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target7 60s infinite;
  } 
  .gallery.item-12 div#item-7:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target7  60s infinite;
  } 
  /* set animation delay when click #item-8 */
  .gallery.item-12 div#item-8:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-12 div#item-8:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(9),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(9) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-12 div#item-8:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 53s !important;
  }
  .gallery.item-12 div#item-8:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target8 60s infinite;
  } 
  .gallery.item-12 div#item-8:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target8  60s infinite;
  } 
  /* set animation delay when click #item-9 */
  .gallery.item-12 div#item-9:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-12 div#item-9:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: -2s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(10),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(10) {
    animation-delay: 3s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(11),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(11) {
    animation-delay: 8s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(12),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(12) {
    animation-delay: 13s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(1),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(1) {
    animation-delay: 18s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(2),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(2) {
    animation-delay: 23s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(3),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(3) {
    animation-delay: 28s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(4),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(4) {
    animation-delay: 33s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(5),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(5) {
    animation-delay: 38s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(6),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(6) {
    animation-delay: 43s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(7),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(7) {
    animation-delay: 48s !important;
  }
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button:nth-of-type(8),
  .gallery.item-12 div#item-9:target ~  .banner-slides .item:nth-of-type(8) {
    animation-delay: 53s !important;
  }
  .gallery.item-12 div#item-9:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target9 60s infinite;
  } 
  .gallery.item-12 div#item-9:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target9  60s infinite;
  }
  /* set animation delay when click #item-10 */
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(10),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(10) { 
    animation-delay: -2s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(11),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(11) { 
    animation-delay: 3s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(12),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(12) { 
    animation-delay: 8s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(1),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(1) { 
    animation-delay: 13s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(2) { 
    animation-delay: 18s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: 23s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: 28s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: 33s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: 38s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: 43s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: 48s !important;
  } 
  .gallery.item-12 div#item-10:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-12 div#item-10:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: 53s !important;
  } 
  .gallery.item-12 div#item-10:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target10 60s infinite;
  } 
  .gallery.item-12 div#item-10:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target10  60s infinite;
  } 
  /* set animation delay when click #item-11 */
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(11),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(11) { 
    animation-delay: -2s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(12),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(12) { 
    animation-delay: 3s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(1),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(1) { 
    animation-delay: 8s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(2) { 
    animation-delay: 13s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: 18s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: 23s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: 28s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: 33s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: 38s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: 43s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: 48s !important;
  } 
  .gallery.item-12 div#item-11:target ~ .controls-banner  .control-button:nth-of-type(10),
  .gallery.item-12 div#item-11:target ~ .banner-slides .item:nth-of-type(10) { 
    animation-delay: 53s !important;
  } 
  .gallery.item-12 div#item-11:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target11 60s infinite;
  } 
  .gallery.item-12 div#item-11:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target11  60s infinite;
  }
  /* set animation delay when click #item-12 */
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(12),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(12) { 
    animation-delay: -2s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(1),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(1) { 
    animation-delay: 3s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(2),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(2) { 
    animation-delay: 8s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(3),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(3) { 
    animation-delay: 13s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(4),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(4) { 
    animation-delay: 18s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(5),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(5) { 
    animation-delay: 23s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(6),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(6) { 
    animation-delay: 28s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(7),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(7) { 
    animation-delay: 33s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(8),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(8) { 
    animation-delay: 38s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(9),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(9) { 
    animation-delay: 43s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(10),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(10) { 
    animation-delay: 48s !important;
  } 
  .gallery.item-12 div#item-12:target ~ .controls-banner  .control-button:nth-of-type(11),
  .gallery.item-12 div#item-12:target ~ .banner-slides .item:nth-of-type(11) { 
    animation-delay: 53s !important;
  } 
  .gallery.item-12 div#item-12:target  ~ .banner-slides .item   { 
   animation: galleryAnimation-12-target12 60s infinite;
  } 
  .gallery.item-12 div#item-12:target ~  .controls-banner .control-button {
    animation: controlAnimation-12-target12  60s infinite;
  }