@charset "UTF-8";
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}



body {
font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
margin: 0;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);

}
@font-face{

font-family:"Thai Sans Neue";src:url("../font/ThaiSansNeue.woff") format("woff"),url("../font/ThaiSansNeue-fixed.svg#ThaiSansNeue-Light") format("svg"),url("../font/ThaiSansNeue-fixed.ttf") format("truetype");

} 


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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
  margin: 0.67em 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
  margin: 0;
}

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 {
  border: 0;
  padding: 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-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/* @import "bootstrap/print";
@import "bootstrap/glyphicons"; */
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #FAE805;
  text-decoration: none;
}

.0hmicro
{color:#FF0000;}

a:hover, a:focus {
  color: #FAE805;
  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 {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

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

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 64px;
}

h2, .h2 {
  font-size: 32px;
}

h3, .h3 {
  font-size: 30px;
}

h4, .h4 {
  font-size: 26px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 92%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777777;
}

.text-primary {
  color: #FAE805;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #cba200;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #FAE805;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #cba200;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {

  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

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.428571429;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}

@media (min-width: 1025px) {
  .container {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.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-left: 10px;
  padding-right: 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-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@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-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1025px) {
  .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-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@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-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: normal;
}

input[type="search"] {
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #FAE805;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #bbbbbb;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #bbbbbb;
}

.form-control::-webkit-input-placeholder {
  color: #bbbbbb;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm
  input[type="month"] {
    line-height: 31px;
  }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg
  input[type="month"] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 31px;
  line-height: 31px;
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 31px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 31px;
  line-height: 31px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 31px;
  min-height: 33px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;

  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 31px;
  height: 31px;
  line-height: 31px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="incrementHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="incrementHours"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="incrementMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="incrementMinutes"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="decrementHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="decrementHours"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="decrementMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="decrementMinutes"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="showHours"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="showHours"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="showMinutes"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="showMinutes"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="togglePeriod"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="togglePeriod"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="clear"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="clear"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.btn[data-action="today"]::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.btn[data-action="today"]::after ~ .form-control-feedback, .has-feedback .bootstrap-datetimepicker-widget label.picker-switch::after ~ .form-control-feedback, .bootstrap-datetimepicker-widget .has-feedback label.picker-switch::after ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 13px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #FAE805;
  background-color: #FAE805;
  border-color: #e5b700;
}

.btn-primary:focus, .btn-primary.focus {
  color: #FAE805;
  background-color: #cba200;
  border-color: #655100;
}

.btn-primary:hover {
  color: #FAE805;
  background-color: #cba200;
  border-color: #a78600;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #FAE805;
  background-color: #cba200;
  border-color: #a78600;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #FAE805;
  background-color: #a78600;
  border-color: #655100;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #FAE805;
  border-color: #e5b700;
}

.btn-primary .badge {
  color: #FAE805;
  background-color: #FAE805;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  color: #FAE805;
  font-weight: normal;
  border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
  color: #FAE805;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.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.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #FAE805;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

.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 > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .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:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.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-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-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: #333;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #FAE805;
  border-radius: 0;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  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-bottom-right-radius: 0;
  border-top-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-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.nav:before, .nav:after {
  content: " ";
  display: table;
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #FAE805;
}

.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.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: transparent;
}

.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: transparent;
  background-color: transparent;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-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-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before, .navbar:after {
  content: " ";
  display: table;
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;
}

.navbar-collapse:after {
  clear: both;
}

.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-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand {
  float: left;
  padding: -10px 6px;
  font-size: 18px;
  line-height: 20px;
  height: 100px;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus {
  outline: 0;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -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 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}

.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  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 {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}

.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 {
  background-color: #090909;
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

/* 
@import "bootstrap/breadcrumbs"; */
.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;
  line-height: 1.428571429;
  text-decoration: none;
  color: #FF6600;
  background-color: #FAE805;
  border: 1px solid #FF6600;
  margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #FAE805;
  background-color: #FF6600;
  border-color: #FF6600;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #FAE805;
  background-color: #FF6600;
  border-color: #FF6600;
  cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: rgba(82, 35, 152, 0.5);
  background-color: #FAE805;
  border-color: #FAE805;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}

.pager:before, .pager:after {
  content: " ";
  display: table;
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #FAE805;
  border: 1px solid #FF6600;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #FF6600;
}

.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: rgba(82, 35, 152, 0.5);
  background-color: #FAE805;
  cursor: not-allowed;
}

.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:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #777777;
}

.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #FAE805;
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #cba200;
}

.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;
}

/* @import "bootstrap/badges";
@import "bootstrap/jumbotron";
@import "bootstrap/thumbnails";
@import "bootstrap/progress-bars"; */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}

.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .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 th:first-child,
.panel > .table-responsive:first-child > .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 th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .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 th:last-child,
.panel > .table-responsive:first-child > .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 th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .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 th:first-child,
.panel > .table-responsive:last-child > .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 th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .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 th:last-child,
.panel > .table-responsive:last-child > .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 th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #FAE805;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #FAE805;
  border-color: #FAE805;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FAE805;
}

.panel-primary > .panel-heading .badge {
  color: #FAE805;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #FAE805;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}

.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 1025px) {
  .modal-lg {
    width: 900px;
  }
}

/* @import "bootstrap/tooltip";
@import "bootstrap/popovers";
@import "bootstrap/carousel"; */
.clearfix:before, .popular-tag:before, .stores-brand-directory-nav .stores-brand-dir-nav:before, .clearfix:after, .popular-tag:after, .stores-brand-directory-nav .stores-brand-dir-nav:after {
  content: " ";
  display: table;
}

.clearfix:after, .popular-tag:after, .stores-brand-directory-nav .stores-brand-dir-nav:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 1025px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #FAE805;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #FAE805;
  color: #FAE805;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #FAE805;
  color: #FAE805;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

/* Sprite Image   
// @url: background image url
// @position: background imag positon
*/
/* try passing different sizes and background images to the mixin */
/* Mixin Media Queries
================================================== */
/* @mixin small-mobile{
      @media only screen and (max-width: $screen-xs) { @content; }
}
 */
.hexagon-shape {
  position: relative;
  width: 222px;
  height: 256px;
  margin: 0 auto;
}

.hexagon-shape .hex {
  width: 220px;
  /* = (100-3) / 4 */
  padding-bottom: 254.034118443px;
  /* =  width / sin(60deg) */
  position: relative;
  list-style-type: none;
  float: left;
  overflow: hidden;
  visibility: hidden;
  /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  -webkit-backface-visibility: hidden;
  outline: 1px solid transparent;
}

.hexagon-shape .hex * {
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
}

.hexagon-shape .hex-border {
  background-image:url(../images/hexagon-big-bg.png);
  background-repeat: none;
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 3;
}

@media only screen and (min-width: 1025px) {
  .hexagon-shape:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.hexagon-shape .hexIn {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-color: gray;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  -webkit-backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .hexagon-shape .hexIn {
    background-image: none !important;
  }
}

.hexagon-shape .hexIn:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.hexagon-shape img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .hexagon-shape img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

.grayscale .hexagon-shape {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  min-height: 110px;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  bottom: 15px;
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.slick-dots li {
  display: block;
  float: left;
  line-height: 0;
  list-style: outside none none;
  margin: 0 5px;
}

.slick-dots .slick-active button {
  background: white;
  border-color: white;
}

.slick-dots button {
  border: 1px solid white;
  border-radius: 50%;
  font-size: 0;
  height: 15px;
  background: none;
  padding: 0;
  width: 15px;
}

/*!
 * ZooMove v1.2.0
 * http://thompsonemerson.github.io/zoomove
 *
 * Copyright (c) 2016, Emerson Thompson
 * Licensed http://thompsonemerson.mit-license.org
*/
.zoo-item {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.zoo-item .zoo-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

/*!
 *  Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
 font-family:"Thai Sans Neue";src:url(../fonts/ThaiSansNeue.woff) format("woff"),url(../fonts/ThaiSansNeue-fixed.svg#ThaiSansNeue-Light) format("svg"),url(../fonts/ThaiSansNeue-fixed.ttf) format("truetype");
} 

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.8571428571em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

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

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

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-eye:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

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

.mm-menu, .mm-panels, .mm-panels > .mm-panel {
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  box-sizing: border-box;
}

.mm-btn, .mm-menu {
  box-sizing: border-box;
}

.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
  text-decoration: none;
}

.mm-hidden {
  display: none !important;
}

.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
  display: block;
}

.mm-wrapper {
  overflow-x: hidden;
  position: relative;
}

.mm-menu {
  padding: 0;
  position: absolute;
}

.mm-panels, .mm-panels > .mm-panel {
  background: inherit;
  border-color: inherit;
  position: absolute;
}

.mm-btn, .mm-panel.mm-highest {
  z-index: 1;
}

.mm-panels {
  overflow: hidden;
}

.mm-panel {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-panel.mm-opened {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

.mm-panels > .mm-panel {
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 20px;
}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mm-panels > .mm-panel.mm-hasnavbar {
  padding-top: 40px;
}

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
  content: '';
  display: block;
  height: 20px;
}

.mm-vertical .mm-panel {
  -webkit-transform: none !important;
  transform: none !important;
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
  display: none;
  padding: 10px 0 10px 10px;
}

.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
  border-color: transparent;
}

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
  display: block;
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
  height: 40px;
  bottom: auto;
}

.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
  top: 16px;
  bottom: auto;
}

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 19px;
}

.mm-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-clear:before, .mm-close:before {
  border-right: none;
  border-bottom: none;
  right: 18px;
}

.mm-clear:after, .mm-close:after {
  border-left: none;
  border-top: none;
  right: 25px;
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
  content: '';
  border: 2px solid transparent;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mm-prev:before {
  border-right: none;
  border-bottom: none;
  left: 23px;
}

.mm-arrow:after, .mm-next:after {
  border-top: none;
  border-left: none;
  right: 23px;
}

.mm-navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mm-navbar > * {
  display: block;
  padding: 10px 0;
}

.mm-navbar .mm-btn:first-child {
  padding-left: 20px;
  left: 0;
}

.mm-navbar .mm-btn:last-child {
  text-align: right;
  padding-right: 20px;
  right: 0;
}

.mm-panel .mm-navbar {
  display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
  display: block;
}

.mm-listview, .mm-listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mm-listview {
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
  font-size: 14px;
  line-height: 20px;
}

.mm-listview > li {
  position: relative;
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
  border-color: inherit;
}

.mm-listview > li > a, .mm-listview > li > span {
  color: inherit;
  display: block;
  padding: 10px 10px 10px 20px;
  margin: 0;
}

.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
  padding-right: 50px;
}

.mm-listview > li:not(.mm-divider):after {
  content: '';
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 20px;
}

.mm-listview .mm-next {
  background: rgba(3, 2, 1, 0);
  width: 50px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}

.mm-listview .mm-next:before {
  content: '';
  border-left-width: 1px;
  border-left-style: solid;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.mm-listview .mm-next + a, .mm-listview .mm-next + span {
  margin-right: 50px;
}

.mm-listview .mm-next.mm-fullsubopen {
  width: 100%;
}

.mm-listview .mm-next.mm-fullsubopen:before {
  border-left: none;
}

.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
  padding-right: 50px;
  margin-right: 0;
}

.mm-panels > .mm-panel > .mm-listview {
  margin: 20px -20px;
}

.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -20px;
}

.mm-listview .mm-inset {
  list-style: disc inside;
  padding: 0 10px 15px 40px;
  margin: 0;
}

.mm-listview .mm-inset > li {
  padding: 5px 0;
}

.mm-listview .mm-divider {
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px;
}

.mm-listview .mm-spacer {
  padding-top: 40px;
}

.mm-listview .mm-spacer > .mm-next {
  top: 40px;
}

.mm-listview .mm-spacer.mm-divider {
  padding-top: 25px;
}

.mm-menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
  tap-highlight-color: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.5);
}

.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.05);
}

.mm-page {
  box-sizing: border-box;
  position: relative;
}

.mm-slideout {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  z-index: 1;
}

html.mm-opened {
  overflow-x: hidden;
  position: relative;
}

html.mm-blocking, html.mm-blocking body {
  overflow: hidden;
}

html.mm-background .mm-page {
  background: inherit;
}

#mm-blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

html.mm-blocking #mm-blocker {
  display: block;
}

.mm-menu.mm-offcanvas {
  z-index: 0;
  display: none;
  position: fixed;
}

.mm-menu.mm-offcanvas.mm-current {
  display: block;
}

.mm-menu {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

html.mm-opening .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
  }
}

.mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top {
  max-height: 80%;
}

.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen {
  max-height: 100%;
}

.mm-menu.mm-measureheight .mm-panel {
  display: block !important;
}

.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important;
}

.mm-menu.mm-columns {
  -webkit-transition-property: width,max-width,-webkit-transform;
  transition-property: width,max-width,-webkit-transform;
  transition-property: transform,width,max-width;
  transition-property: transform,width,max-width,-webkit-transform;
}

.mm-menu.mm-columns .mm-panels > .mm-panel {
  width: 100%;
  right: auto;
  display: none;
  -webkit-transition-property: width,-webkit-transform;
  transition-property: width,-webkit-transform;
  transition-property: transform,width;
  transition-property: transform,width,-webkit-transform;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
  border-right: 1px solid;
  border-color: inherit;
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  z-index: 2;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
  display: block;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-columns-0 {
  width: 80%;
  min-width: 140px;
  max-width: 0;
}

html.mm-opening.mm-columns-0 .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 0px) {
  html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
  display: block;
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.mm-menu.mm-columns-1 {
  width: 80%;
  min-width: 140px;
  max-width: 440px;
}

html.mm-opening.mm-columns-1 .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
  }
}

.mm-menu.mm-columns-1 .mm-panels > .mm-panel {
  width: 100%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
  display: block;
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}

.mm-menu.mm-columns-2 {
  width: 80%;
  min-width: 140px;
  max-width: 880px;
}

html.mm-opening.mm-columns-2 .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 1100px) {
  html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate3d(880px, 0, 0);
    transform: translate3d(880px, 0, 0);
  }
}

.mm-menu.mm-columns-2 .mm-panels > .mm-panel {
  width: 50%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
  display: block;
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}

.mm-menu.mm-columns-3 {
  width: 80%;
  min-width: 140px;
  max-width: 1320px;
}

html.mm-opening.mm-columns-3 .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 1650px) {
  html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate3d(1320px, 0, 0);
    transform: translate3d(1320px, 0, 0);
  }
}

.mm-menu.mm-columns-3 .mm-panels > .mm-panel {
  width: 33.34%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
  display: block;
  -webkit-transform: translate3d(500%, 0, 0);
  transform: translate3d(500%, 0, 0);
}

.mm-menu.mm-columns-4 {
  width: 80%;
  min-width: 140px;
  max-width: 1760px;
}

html.mm-opening.mm-columns-4 .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 2200px) {
  html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate3d(1760px, 0, 0);
    transform: translate3d(1760px, 0, 0);
  }
}

.mm-menu.mm-columns-4 .mm-panels > .mm-panel {
  width: 25%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
  -webkit-transform: translate3d(500%, 0, 0);
  transform: translate3d(500%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
  display: block;
  -webkit-transform: translate3d(600%, 0, 0);
  transform: translate3d(600%, 0, 0);
}

.mm-menu.mm-columns-5 {
  width: 80%;
  min-width: 140px;
  max-width: 2200px;
}

html.mm-opening.mm-columns-5 .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 2750px) {
  html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate3d(2200px, 0, 0);
    transform: translate3d(2200px, 0, 0);
  }
}

.mm-menu.mm-columns-5 .mm-panels > .mm-panel {
  width: 20%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
  -webkit-transform: translate3d(600%, 0, 0);
  transform: translate3d(600%, 0, 0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
  display: block;
  -webkit-transform: translate3d(700%, 0, 0);
  transform: translate3d(700%, 0, 0);
}

.mm-menu.mm-columns-6 {
  width: 80%;
  min-width: 140px;
  max-width: 2640px;
}

html.mm-opening.mm-columns-6 .mm-slideout {
  -webkit-transform: translate3d(80%, 0, 0);
  transform: translate3d(80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 3300px) {
  html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate3d(2640px, 0, 0);
    transform: translate3d(2640px, 0, 0);
  }
}

.mm-menu.mm-columns-6 .mm-panels > .mm-panel {
  width: 16.67%;
}

em.mm-counter {
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%;
}

em.mm-counter + a.mm-next {
  width: 90px;
}

em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
  margin-right: 90px;
}

em.mm-counter + a.mm-fullsubopen {
  padding-left: 0;
}

.mm-vertical > .mm-counter {
  top: 12px;
  margin-top: 0;
}

.mm-vertical.mm-spacer > .mm-counter {
  margin-top: 40px;
}

.mm-nosubresults > .mm-counter {
  display: none;
}

.mm-menu em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
  display: none;
}

.mm-fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-fixeddivider:after {
  content: none !important;
  display: none !important;
}

.mm-hasdividers .mm-fixeddivider {
  display: block;
}

.mm-menu .mm-fixeddivider span {
  background: rgba(0, 0, 0, 0.05);
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.mm-menu.mm-dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
}

html.mm-dropdown .mm-slideout {
  -webkit-transform: none !important;
  transform: none !important;
  z-index: 0;
}

html.mm-dropdown #mm-blocker {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
  z-index: 1;
}

html.mm-dropdown .mm-menu {
  z-index: 2;
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
  display: none;
}

.mm-menu.mm-tip:before {
  content: '';
  background: inherit;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-menu.mm-tipleft:before {
  left: 22px;
}

.mm-menu.mm-tipright:before {
  right: 22px;
}

.mm-menu.mm-tiptop:before {
  top: -8px;
}

.mm-menu.mm-tipbottom:before {
  bottom: -8px;
}

.mm-iconpanel .mm-panel {
  -webkit-transition-property: left,-webkit-transform;
  transition-property: left,-webkit-transform;
  transition-property: transform,left;
  transition-property: transform,left,-webkit-transform;
}

.mm-iconpanel .mm-panel.mm-opened {
  border-left: 1px solid;
  border-color: inherit;
}

.mm-iconpanel .mm-panel.mm-subopened {
  overflow-y: hidden;
  left: -40px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-iconpanel .mm-panel.mm-iconpanel-0 {
  left: 0;
}

.mm-iconpanel .mm-panel.mm-iconpanel-1 {
  left: 40px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-2 {
  left: 80px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-3 {
  left: 120px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-4 {
  left: 160px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-5 {
  left: 200px;
}

.mm-iconpanel .mm-panel.mm-iconpanel-6 {
  left: 240px;
}

.mm-subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.mm-subopened .mm-subblocker {
  opacity: .6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3;
}

.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
  border-bottom: none;
}

.mm-menu > .mm-navbar {
  background: inherit;
  padding: 0;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-navbar-bottom {
  border-top-width: 1px;
  border-top-style: solid;
  top: auto;
  bottom: 0;
}

.mm-navbar-bottom ~ .mm-navbar-bottom {
  border-top: none;
}

.mm-navbar.mm-hasbtns {
  padding: 0 40px;
}

.mm-navbar[class*=mm-navbar-content-] > * {
  box-sizing: border-box;
  display: block;
  float: left;
}

.mm-navbar .mm-breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px;
}

.mm-navbar .mm-breadcrumbs > * {
  display: inline-block;
  padding: 10px 3px;
}

.mm-navbar .mm-breadcrumbs > a {
  text-decoration: underline;
}

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
  margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
  margin-left: 0;
  padding-left: 0;
}

.mm-navbar-top-1 {
  top: 0;
}

.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
  top: 40px;
}

.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
  top: 80px;
}

.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
  top: 120px;
}

.mm-hasnavbar-top-4 .mm-panels {
  top: 160px;
}

.mm-navbar-bottom-1 {
  bottom: 0;
}

.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
  bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
  bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
  bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panels {
  bottom: 160px;
}

.mm-navbar-size-2 {
  height: 80px;
}

.mm-navbar-size-3 {
  height: 120px;
}

.mm-navbar-size-4 {
  height: 160px;
}

.mm-navbar-content-2 > * {
  width: 50%;
}

.mm-navbar-content-3 > * {
  width: 33.33%;
}

.mm-navbar-content-4 > * {
  width: 25%;
}

.mm-navbar-content-5 > * {
  width: 20%;
}

.mm-navbar-content-6 > * {
  width: 16.67%;
}

.mm-sronly {
  text-indent: 10px;
  overflow: hidden;
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: -1;
}

.mm-search, .mm-search input {
  box-sizing: border-box;
}

.mm-search {
  height: 40px;
  padding: 7px 10px 0;
  position: relative;
}

.mm-search input {
  border: none !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 26px;
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
  font-size: 14px;
  line-height: 26px;
  display: block;
  width: 100%;
  height: 26px;
  min-height: 26px;
  max-height: 26px;
  margin: 0;
  padding: 0 10px;
}

.mm-search input::-ms-clear {
  display: none;
}

.mm-search .mm-clear, .mm-search .mm-next {
  right: 0;
}

.mm-panel > .mm-search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mm-panel.mm-hassearch {
  padding-top: 40px;
}

.mm-panel.mm-hassearch.mm-hasnavbar {
  padding-top: 80px;
}

.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
  top: 40px;
}

.mm-noresultsmsg {
  text-align: center;
  font-size: 21px;
  padding: 40px 0;
}

.mm-noresults .mm-indexer {
  display: none !important;
}

li.mm-nosubresults > a.mm-next {
  display: none;
}

li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
  padding-right: 10px;
}

.mm-panels > .mm-resultspanel:not(.mm-opened) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7);
}

.mm-menu .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

.mm-indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -100px;
  z-index: 3;
  -webkit-transition: right .4s ease;
  transition: right .4s ease;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-indexer a {
  text-decoration: none;
  display: block;
  height: 3.85%;
}

.mm-indexer ~ .mm-panel.mm-hasindexer {
  padding-right: 40px;
}

.mm-hasindexer .mm-indexer {
  right: 0;
}

.mm-hasindexer .mm-fixeddivider {
  right: 20px;
}

.mm-menu .mm-indexer a {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
  -webkit-transition: background .4s ease;
  transition: background .4s ease;
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.5);
}

input.mm-check, input.mm-toggle {
  position: absolute;
  left: -10000px;
}

label.mm-check, label.mm-toggle {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  right: 20px;
}

label.mm-check:before, label.mm-toggle:before {
  content: '';
  display: block;
}

label.mm-toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px;
}

label.mm-toggle:before {
  border-radius: 30px;
  width: 28px;
  height: 28px;
  margin: 1px;
}

input.mm-toggle:checked ~ label.mm-toggle:before {
  float: right;
}

label.mm-check {
  width: 30px;
  height: 30px;
  margin-top: -15px;
}

label.mm-check:before {
  border-left: 3px solid;
  border-bottom: 3px solid;
  width: 40%;
  height: 20%;
  margin: 25% 0 0 20%;
  opacity: .1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input.mm-check:checked ~ label.mm-check:before {
  opacity: 1;
}

li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
  bottom: auto;
  margin-top: 0;
  top: 5px;
}

label.mm-toggle + a, label.mm-toggle + span {
  padding-right: 80px;
}

label.mm-check + a, label.mm-check + span {
  padding-right: 60px;
}

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
  right: 60px;
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
  margin-right: 50px;
}

a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
  padding-right: 70px;
}

a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
  padding-right: 50px;
}

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
  right: 100px;
}

em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
  margin-right: 90px;
}

.mm-menu label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu label.mm-toggle:before {
  background: #f3f3f3;
}

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.7);
}

.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
  content: none;
}

.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
  left: 0 !important;
}

.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
  right: 20px;
}

.mm-menu.mm-effect-menu-zoom {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu.mm-effect-menu-slide {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0);
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-menu-fade {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
  opacity: 1;
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
  transform: scale(1, 1) translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
}

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
  -webkit-transition: none .4s ease;
  transition: none .4s ease;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
}

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
  opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
  -webkit-transition-property: opacity,top;
  transition-property: opacity,top;
  opacity: 0;
  top: -25%;
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
  opacity: 1;
  top: 0;
}

.mm-menu.mm-fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

@media all and (max-width: 140px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0);
  }
}

@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(10000px, 0, 0);
    transform: translate3d(10000px, 0, 0);
  }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

@media all and (max-width: 140px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 10000px) {
  html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(-10000px, 0, 0);
    transform: translate3d(-10000px, 0, 0);
  }
}

.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top {
  height: 100%;
  min-height: 140px;
  max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before {
  content: none;
  display: none;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span {
  box-sizing: border-box;
  height: 100%;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before {
  content: '';
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  width: 0;
}

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
  text-overflow: clip;
  white-space: normal;
}

html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker {
  opacity: 0;
}

html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker {
  opacity: .3;
  -webkit-transition: opacity .4s ease .4s;
  transition: opacity .4s ease .4s;
}

html.mm-pagedim #mm-blocker {
  background: inherit;
}

html.mm-pagedim-white #mm-blocker {
  background: #fff;
}

html.mm-pagedim-black #mm-blocker {
  background: #000;
}

.mm-menu.mm-pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-pageshadow.mm-right:after {
  left: auto;
  right: 100%;
}

.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after {
  content: none;
  display: none;
}

.mm-menu.mm-popup {
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
  min-height: 140px;
  max-height: 880px;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
  opacity: 1;
}

html.mm-popup .mm-slideout {
  -webkit-transform: none !important;
  transform: none !important;
  z-index: 0;
}

html.mm-popup #mm-blocker {
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
  z-index: 1;
}

html.mm-popup .mm-menu {
  z-index: 2;
}

.mm-menu.mm-bottom, .mm-menu.mm-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 80%;
  min-height: 140px;
  max-height: 880px;
}

.mm-menu.mm-right {
  left: auto;
  right: 0;
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: translate3d(-80%, 0, 0);
  transform: translate3d(-80%, 0, 0);
}

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0);
  }
}

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0);
  }
}

html.mm-front .mm-slideout {
  -webkit-transform: none !important;
  transform: none !important;
  z-index: 0;
}

html.mm-front #mm-blocker {
  z-index: 1;
}

html.mm-front .mm-menu {
  z-index: 2;
}

.mm-menu.mm-front, .mm-menu.mm-next {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  transition: transform .4s ease,-webkit-transform .4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-menu.mm-top {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-menu.mm-theme-dark {
  background: #333;
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview {
  border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  tap-highlight-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-theme-dark label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-pageshadow.mm-theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.mm-menu.mm-theme-dark .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-dark label.mm-toggle {
  background: rgba(0, 0, 0, 0.15);
}

.mm-menu.mm-theme-dark label.mm-toggle:before {
  background: #333;
}

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu.mm-theme-white {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview {
  border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
  border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
  tap-highlight-color: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-theme-white label.mm-check:before {
  border-color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-pageshadow.mm-theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.mm-menu.mm-theme-white .mm-search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(0, 0, 0, 0.05);
}

.mm-menu.mm-theme-white label.mm-toggle {
  background: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-theme-white label.mm-toggle:before {
  background: #fff;
}

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu.mm-theme-black {
  background: #000;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview {
  border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
  border-color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  tap-highlight-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
  background: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-check:before {
  border-color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-pageshadow.mm-theme-black:after {
  content: none;
  display: none;
}

.mm-menu.mm-theme-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
  color: rgba(255, 255, 255, 0.4);
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
  background: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-theme-black label.mm-toggle {
  background: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-theme-black label.mm-toggle:before {
  background: #000;
}

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
  background: #4bd963;
}

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
  content: '';
  display: block;
  clear: both;
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
  content: none;
  display: none;
}

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
  width: 50%;
  height: 0;
  padding: 50% 0 0;
  float: left;
  position: relative;
}

.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
  left: 0;
  top: 0;
  border-right-width: 1px;
  border-right-style: solid;
  z-index: -1;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
  width: 12.5%;
  padding-top: 12.5%;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
  width: 25%;
  padding-top: 25%;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
  width: 75%;
  padding-top: 75%;
}

.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
  width: 100%;
  padding-top: 100%;
}

.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
  line-height: 1px;
  text-align: center;
  padding: 50% 10px 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 1px;
  bottom: 1px;
  left: 0;
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
  width: auto;
}

.mm-menu.mm-tileview .mm-panel {
  padding-left: 0;
  padding-right: 0;
}

.mm-menu.mm-tileview .mm-listview {
  margin: 0;
}

/*!
 * Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}

.bootstrap-select.btn-group.bs-container {
  position: absolute;
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: whitesmoke;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 120px;
  height: 32px;
  padding: 2px;
  margin: 0 0;
  background: #FAE805;
  cursor: pointer;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  top: -2px;
}

.switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
  font-size: 14px;
  color: #a6a6a6;
  text-transform: uppercase;
  -webkit-transition: inherit;
  transition: inherit;
}

.switch-label:before {
  content: attr(data-off);
  right: 18px;
  z-index: 2;
}

.switch-label:after {
  content: attr(data-on);
  left: 18px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.switch-input:checked ~ .switch-label:before {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 2;
}

.switch-input:checked ~ .switch-label:after {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 2;
}

.switch-handle {
  position: absolute;
  top: 2px;
  left: 60px;
  text-align: center;
  width: 58px;
  height: 28px;
  background: #FF6600;
}

.switch-input:checked ~ .switch-handle {
  left: 2px;
}

/* Transition
========================== */
.switch-label,
.switch-handle {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}



[class^="icomoon-"], .fa-line,
[class*=" icomoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-line:before, .fa-line:before {
  content: "\e900";
}


.img-responsive {

  max-width: 100%;
  margin: auto;
}

html {
  /* -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004); */
}

html.grayscale {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}

body {
  background: none;
  background-size: 100% auto;
  background-size: 100% auto;
}

ul li {
  list-style: none;
}

button,
a {
  outline: 0;
}

a {
  -webkit-transition: all 0.05s linear;
  transition: all 0.05s linear;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline-offset: -2px;
}

.container {
  max-width: 960px;
}

.main .container {
  position: relative;
}

h1 {
  font-size: 50px;
  line-height: 64px;
  margin: 40px 0 7px;
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  h1 {
    font-size: 40px;
    line-height: 1.1;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    line-height: 1;
    margin: 0px 0 7px;
  }
}

h1,
h2,
h3 {
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .mobile-block {
    display: block;
  }
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

.show-more {
  font-size: 13px;
}

.btn {
  background-image: url(../images/btn-bg.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 100%;
  background-color: transparent;
  text-align: center;
  border: none;
  color: #FAE805;
  font-size: 18px;
  font-weight: 600;
  height: 60px;
  text-transform: uppercase;
  line-height: 60px;
  padding: 0 10px;
  min-width: 194px;
  -webkit-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}

.btn:hover, .btn:focus, .btn:active, .btn.focus, .btn:active, .btn.active, .btn:active:hover {
  background-image: url(../images/btn-bg-pri.png);
  background-color: transparent;
  color: #FAE805;
  box-shadow: none;
  outline: none;
  outline-offset: 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.btn.btn-sm, .btn-group-sm > .btn {
  background: url(../images/btn-default.png) no-repeat 0px -353px;
  background-size: auto;
  min-width: 154px;
  height: 50px;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 50px;
  font-size: 16px;
}

.btn.btn-sm > span, .btn-group-sm > .btn > span {
  margin-top: -2px;
  display: block;
}

.btn.btn-sm:hover, .btn-group-sm > .btn:hover, .btn.btn-sm:focus, .btn-group-sm > .btn:focus, .btn.btn-sm:active, .btn-group-sm > .btn:active, .btn.btn-sm.focus, .btn-group-sm > .btn.focus, .btn.btn-sm:active, .btn-group-sm > .btn:active, .btn.btn-sm.active, .btn-group-sm > .btn.active, .btn.btn-sm:active:hover, .btn-group-sm > .btn:active:hover {
  background-position: 0 -417px;
}

.btn.btn-lg, .btn-group-lg > .btn {
  min-width: 254px;
}

.btn-primary {
  background-image: url(.../images/btn-bg-pri.png);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
  background-image: url(.../images/btn-bg.png);
  background-color: transparent;
}

.hexagon img {
  display: none;
}

.cart-empty {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .cart-empty {
    font-size: 16px;
  }
}

.block {
  display: block;
}

.btn-filter {
  background-color: transparent;
}

.link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  poiter-event: none;
  z-index: 99;
}

.link img {
  display: none;
}

/* .year-select {
    .dropdown-menu {
        max-height: 300px !important;
    }
} */
.select-dropdown .dropdown-menu {
  z-index: 999;
}

.form-group {
  /*
    @include tablet{
        span.form-error{
            position: absolute;
            left: 0;
            top: 100%;
            margin-bottom: 0px;
        }
    }
    */
}

.form-group label {
  color: #fff;
  font-size: 18px;
  margin-bottom: 15px;
}

.form-group .field-validation-error:before {
  content: "*";
}

.form-group .field-validation-error {
  color: #fff;
  margin: 5px 0px 10px;
  display: block;
  position: relative;
}

.form-group .field-validation-error::after {
  z-index: 1;
  content: "\f00d";
  font: normal normal normal 14px/1 FontAwesome;
  color: #ff0039;
  position: absolute;
  right: 0;
  font-size: 18px;
  margin-right: 15px;
  top: -5px;
  margin-top: -21px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form-control {
  font-size: 16px;
  border-width: 2px;
  height: 42px;
  border-width: 2px;
}

.form-control:focus {
  border-color: #FAE805;
  box-shadow: none !important;
}

.form-control.error {
  border-color: #ff0039 !important;
}

.form-control:disabled {
  background: #9a9a9a;
  border-color: #9b811b;
  color: #bbbbbb;
  -webkit-text-fill-color: #bbbbbb;
}

.form-control.input-validation-error {
  border-color: #ff0039;
  box-shadow: none;
}

.has-error .help-block {
  color: #fff;
}

.has-error .help-block:before {
  content: "*";
}

.has-error .form-control.input-validation-error {
  border-color: #ff0039;
  box-shadow: none;
}

label.require em {
  color: #e00034;
  margin-left: 5px;
  font-style: normal;
}

.nav-tabs > li > a {
  outline: none;
}

.checkbox.option-group input {
  display: none;
}

.checkbox.option-group label:before {
  content: "";
  background-image: url(.../images/checkbox-radio.png);
  background-position: -2px -2px;
  background-repeat: no-repeat;
  width: 12px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}

.checkbox.option-group input:checked + label:before {
  background-image: url(.../images/checkbox-radio.png);
  background-position: -16px -2px;
  background-repeat: no-repeat;
}

.checkbox.option-group label:hover:before {
  background-image: url(.../images/checkbox-radio.png);
  background-position: -30px -2px;
  background-repeat: no-repeat;
}

.checkbox.option-group label {
  padding: 0;
}

.radio.option-group input {
  display: none;
}

.radio.option-group label:before {
  content: "";
  background-image: url(.../images/checkbox-radio.png);
  background-position: 0px -17px;
  background-repeat: no-repeat;
  width: 17px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
}

.radio.option-group input:checked + label:before {
  background-image: url(.../images/checkbox-radio.png);
  background-position: -18px -17px;
  background-repeat: no-repeat;
}

.radio.option-group label:hover:before {
  background-image: url(.../images/checkbox-radio.png);
  background-position: -36px -17px;
  background-repeat: no-repeat;
}

.radio.option-group label {
  padding: 0;
}

.bootstrap-select {
  background: none;
}

.bootstrap-select .btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.bootstrap-select .dropdown-menu {
  background: #FF6600;
  box-shadow: none;
  border-radius: 0;
  z-index: 9999;
}

.bootstrap-select .dropdown-menu li:hover {
  background-color: #322398;
}

.bootstrap-select .dropdown-menu li a {
  color: white;
  background: none;
  padding: 5px 10px;
  outline: none !important;
}

.bootstrap-select .dropdown-menu li a:hover {
  color: #FAE805;
  background: none;
}

.bootstrap-select .btn {
  background: none !important;
  color: #FF6600 !important;
  border: 2px solid #FF6600 !important;
  box-shadow: none !important;
  padding: 10px 40px 12px 12px;
  border-radius: 0;
  height: 42px;
  font-size: 16px;
  line-height: 18px;
  text-transform: capitalize;
}

.bootstrap-select .btn:active, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover {
  background: none !important;
  box-shadow: none !important;
  border-color: #FF6600 !important;
  outline: none !important;
  outline-offset: 0 !important;
}

.bootstrap-select .btn .bs-caret {
  background: url(.../images/sprite.png) no-repeat -217px 0;
  display: block;
  height: 12px;
  left: auto;
  position: absolute;
  right: 10px;
  top: 13px;
  width: 26px;
}

.bootstrap-select .btn .bs-caret .caret {
  display: none;
}

.bootstrap-select .btn span {
  line-height: 100%;
  background: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.five-column {
  width: calc(100% / 5);
  padding: 0 15px;
  position: relative;
  float: left;
}

@media only screen and (max-width: 767px) {
  img {
    max-width: 100%;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container .row [class^="col-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: transparent;
}

.display-block {
  display: block !important;
}

.pagemode-edit .header {
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  html.overflow-hidden,
  html.overflow-hidden body {
    overflow: hidden !important;
    position: relative;
    height: 100%;
    width: 100%;
  }
}

.page-title {
  margin-bottom: 26px;
}

.page-title h2 {
  color: #FAE805;
  text-shadow: 2px 2px #2f0d14;
}

.select-dropdown {
  margin: 0;
}

.select-dropdown > li {
  position: relative;
}

.select-dropdown > li > a {
  text-decoration: none;
  border: 2px solid #FAE805;
  color: #FAE805;
  padding: 8px 14px;
  display: block;
  line-height: 18px;
  position: relative;
  min-height: 42px;
}

.select-dropdown > li > a:after {
  position: absolute;
  width: 26px;
  height: 12px;
  background: url(../images/sprite.png) no-repeat -246px 0;
  display: block;
  content: "";
  right: 8px;
  top: 12px;
}

.select-dropdown > li.open > a:after {
  background-position: -246px -12px;
}

.select-dropdown > li ul {
  background: #FF6600;
  width: 100%;
  padding: 10px 0 !important;
}

.select-dropdown > li ul li {
  margin-bottom: 5px !important;
}

.select-dropdown > li ul li a {
  color: white;
  padding: 8px 10px;
}

.select-dropdown > li ul li a:hover, .select-dropdown > li ul li a:active, .select-dropdown > li ul li a:focus {
  background: none;
  color: white;
}

.no-border {
  border: none !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 360px !important;
}

.btn-select {
  overflow: hidden;
  padding-right: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

::-ms-reveal,
::-ms-clear {
  display: none;
}

.video-bg {
  max-height: 676px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .video-bg {
    max-height: 780px;
  }
}

@media only screen and (max-width: 767px) {
  .video-bg {
    max-height: 540px;
  }
}

.video-bg:after {
  background: rgba(0, 0, 0, 0.4);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.video-bg video {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}

.result-total {
  color: white;
}

.full-bg-img {
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.full-bg-img .bg-img {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  position: absolute;
  left: 0;
  display: none;
  top: 0;
  width: 100%;
  height: 100%;
}

.item-description-more {
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* Edit mode admin */
.pagemode-edit #new-open-slider {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.pagemode-edit #new-open-slider .carouselmode-edit {
  float: left;
  margin-right: 10px;
  width: 23%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pagemode-edit .navbar-default .main-menu .navbar-nav > li.small-item {
  background: url(.../images/btn-left.png) no-repeat left top, url(.../images/btn-right.png) no-repeat right bottom;
  padding: 0 27px;
}

.pagemode-edit .navbar-default .main-menu .navbar-nav > li.small-item > a {
  background: url(../images/btn-middle.png) no-repeat 50%;
  background-size: 100% 100%;
}

.pagemode-edit .navbar-default .main-menu .navbar-nav > li.small-item > a > span {
  margin: 0 -10px;
}

.pagemode-edit .navbar-default .main-menu .navbar-nav > li.small-item > a:hover {
  background: url(../images/btn-middle-hover.png) no-repeat scroll 50%;
  background-size: 100% 100%;
}

.pagemode-edit .navbar-default .main-menu .navbar-nav > li.item2 > a > span {
  margin: 0;
}

.pagemode-edit .navbar-default .main-menu .navbar-nav > li.item3 > a > span {
  margin: 0;
}

.header {
  background:url(../images/header-bg.png) no-repeat top center;
  min-height: 174px;
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}

.header a {
  outline: 0px;
}

.header a:hover {
  outline: 0px;
}

.header a:focus {
  outline: 0px;
}

@media (min-width: 1921px) {
  .header {
    background-size: 100% 100%;
  }
}

.header:before {
  content: "";
  width: 100%;
  height: 96px;
  left: 0;
  top: auto;
  display: block;
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 1001;
  background: url(../images/header-bg-line-bar.png) no-repeat top center;
}

@media (min-width: 1921px) {
  .header:before {
    background-size: 100% 100%;
  }
}

@media only screen and (max-width: 767px) {
  .header:before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header {
    background-image: url(../images/header-bg-mobile.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: top left;
    min-height: 0;
  }
}

@media (max-width: 321px) {
  .header {
    background: url(../images/m.header-bg-320.png) no-repeat left top;
  }
}

.header + div > div:first-child {
  padding-top: 255px;
}

@media only screen and (min-width: 1025px) {
  .header + div > div:first-child {
    padding-top: 175px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header + div > div:first-child {
    padding-top: 170px;
  }
}

.header + div > div.show-tickit-content {
  padding-top: 175px;
}

@media only screen and (max-width: 767px) {
  .header .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.header .navbar {
  background: none;
  border: none;
}

@media only screen and (max-width: 767px) {
  .header .navbar {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header .navbar-brand {
    max-width: 130px;
    margin-top: 9px;
  }
  .header .navbar-brand img {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .header .navbar-brand {
    max-width: 170px;
    padding: 15px 0 15px 0;
    float: none;
    display: block;
  }
  .header .navbar-brand img {
    margin: 0 auto;
    padding-top: 1px;
    padding-bottom: 0px;
    width: 100px;
  }
}

@media only screen and (min-width: 768px) {
  .header .head-nav #left-nav {
    display: block !important;
  }
}

@media only screen and (max-width: 767px) {
  .header .head-nav #left-nav {
    background: rgba(0, 0, 0, 0.85);
    left: 0px;
    position: absolute;
    top: 40px;
    width: 100vw;
    min-width: 320px;
    padding: 15px 15px 5px 15px;
    z-index: 1000;
  }
  .header .head-nav #left-nav li span {
    display: none;
  }
  .header .head-nav #left-nav li {
    float: none;
    display: block;
  }
  .header .head-nav #left-nav li a {
    color: #FAE805;
    font-size: 16px;
  }
  .header .head-nav #left-nav li + li a {
    border-top: 1px solid #333333;
  }
}

@media only screen and (max-width: 767px) {
  .header .head-nav .left-nav {
    display: none;
  }
}

.header .head-nav .left-nav li {
  color: white;
  margin-left: 2px;
}

@media only screen and (max-width: 767px) {
  .header .head-nav .left-nav li {
    margin-left: 5px;
  }
}

.header .head-nav .left-nav li span {
  margin-top: 13px;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header .head-nav .left-nav li span {
    margin-top: 11px;
  }
}

.header .head-nav .left-nav li a {
  color: white;
  outline: none;
  font-size: 13px;
  text-transform: uppercase;
  padding: 14px 10px;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header .head-nav .left-nav li a {
    padding: 14px 4px;
    font-size: 11px;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 767px) {
  .header .head-nav .left-nav li a {
    padding: 12px 4px;
  }
}

.header .head-nav .left-nav li a span {
  margin-top: 0px;
}

.header .head-nav .left-nav li:first-child a {
  padding-left: 0;
}

@media only screen and (min-width: 768px) {
  .header .head-nav .left-nav li:first-child.active a:after {
    left: 0;
  }
}

@media only screen and (min-width: 768px) {
  .header .head-nav .left-nav li.active a {
    color: #FAE805;
    position: relative;
  }
  .header .head-nav .left-nav li.active a:after {
    height: 5px;
    display: block;
    width: auto;
    content: "";
    bottom: 10px;
    position: absolute;
    background: url(../images/under-line-yellow.png) no-repeat center bottom;
    background-size: 100% 100%;
    left: 10px;
    right: 10px;
  }
}

.header .head-nav .left-nav li:hover a {
  color: #FAE805;
  background: none;
}

.header .head-nav .right-nav > li {
  background: url(../images/right-nav-bg.png) no-repeat top center;
}

.header .head-nav .right-nav > li:hover {
  background-position: center -96px;
}

.header .head-nav .right-nav > li:hover a {
  background-color: transparent;
  outline: none;
}

.header .head-nav .right-nav > li:hover a .nav-right-icon {
  outline: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

.header .head-nav .right-nav > li:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
}

.header .head-nav .right-nav > li.account-menu .account-info {
  color: #fff;
font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 
  font-size: 13px;
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  display: inline-block;
  white-space: nowrap;
}

@media only screen and (min-width: 768px) {
  .header .head-nav .right-nav > li.account-menu .account-info {
    font-size: 11px;
  }
}

@media only screen and (min-width: 1025px) {
  .header .head-nav .right-nav > li.account-menu .account-info {
    font-size: 13px;
  }
}

.header .head-nav .right-nav > li.account-menu .account-info .highlight {
  color: #FAE805;
}

.header .head-nav .right-nav > li.search-open, .header .head-nav .right-nav > li.active, .header .head-nav .right-nav > li.open {
  background-position: center -50px;
}

.header .head-nav .right-nav > li > a {
  padding: 10px 10px;
}

.header .head-nav .right-nav > li > a span {
  color: white;
  display: block;
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif;
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  opacity: 0.7;
  filter: alpha(opacity=70);
  text-align: center;
}

.header .head-nav .right-nav > li > a .nav-right-icon {
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: relative;
  left: 3px;
  top: 2px;
  display: block;
}

.header .head-nav .right-nav > li > a .nav-right-icon.uiicon-wold {
  left: 0;
  top: 4px;
}

.header .head-nav .right-nav > li a.language-switcher {
  padding-top: 4px;
}

@media only screen and (max-width: 767px) {
  .header .head-nav .right-nav > li .dropdown-menu li a {
    font-size: 16px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .header .head-nav .right-nav {
    margin-right: -3px;
  }
  .header .head-nav .right-nav > li {
    background: none;
  }
  .header .head-nav .right-nav > li > a {
    padding: 10px 5px;
  }
  .header .head-nav .right-nav > li > a span {
    font-size: 9px;
    line-height: 9px;
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .header .head-nav .right-nav > li > a .nav-right-icon {
    opacity: 1;
    filter: alpha(opacity=100);
    left: 3px;
    top: 2px;
  }
  .header .head-nav .right-nav > li > a .nav-right-icon.uiicon-user {
    margin-top: 2px;
  }
  .header .head-nav .right-nav > li > a .nav-right-icon.uiicon-wold {
    left: 0;
    top: 4px;
    margin-top: 6px;
  }
}

.header .navbar-header {
  padding-top: 0px;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .header .navbar-header {
    padding-right: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .header .right-nav > li.open > a {
    position: relative;
  }
  .header .right-nav > li.open > a::after {
    border-color: transparent transparent rgba(0, 0, 0, 0.85);
    border-style: solid;
    border-width: 0 10px 10px;
    bottom: -5px;
    content: "";
    display: block;
    height: 0;
    left: 7px;
    position: absolute;
    width: 0;
  }
  .header .right-nav > li.open.account-menu > a::after {
    bottom: -10px;
    left: 10px;
  }
  .header .head-nav .dark-dropdow {
    left: 0;
    top: 48px;
    max-height: 100vh;
    width: 100%;
    overflow: auto;
  }
  .header .head-nav .dark-dropdow:after {
    display: none;
  }
  .header .head-nav .col-md-4, .header .right-nav li {
    position: static;
  }
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav > li > a:hover,
.nav > li > a:focus {
  background: transparent;
}

@media only screen and (max-width: 767px) {
  .head-nav .col-md-9 {
    padding-right: 0 !important;
  }
  .head-nav .col-md-3 {
    padding-left: 5px !important;
  }
}

.head-nav .dark-dropdow {
  z-index: 1002;
}

@media only screen and (max-width: 767px) {
  .head-nav .dark-dropdow {
    top: 120%;
  }
}

.head-nav .col-xs-6 {
  position: static;
}

.dark-dropdow {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  border-radius: 0;
  left: -58px;
  min-width: 150px;
  top: 115%;
}

.dark-dropdow > li {
  color: white;
  padding: 0 15px;
}

.dark-dropdow > li > a {
  color: white;
  padding: 6px 6px 6px 0;
}

.dark-dropdow > li > a:hover {
  color: #FAE805;
}

.dark-dropdow > li + li a {
  border-top: 1px solid #333333;
}

.dark-dropdow.profile-dropdow:after {
  margin-left: -12px;
}

.dark-dropdow:after {
  content: "";
  width: 0;
  display: block;
  position: absolute;
  left: 50%;
  top: -10px;
  margin-left: -5px;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
}

.language-dropdow > li > a {
  position: relative;
  font-size: 13px;
  padding: 6px 30px 6px 0 !important;
}

.language-dropdow > li > a:hover {
  color: #FAE805;
}

.language-dropdow img {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 1025px) {
  .language-dropdow img {
    width: 20px;
  }
}

.mobile-top-left-toggle {
  margin: 10px 0 0 5px;
  text-transform: uppercase;
  font-size: 12px;
}

.mobile-top-left-toggle a {
  font-weight: 600;
}

.mobile-top-left-toggle a.active i {
  -sand-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.mobile-top-left-toggle i {
  pointer-events: none;
  font-weight: 600;
  margin-left: -3px;
}

.IE10 .header:before, .IE9 .header:before {
  background-position: center -20px;
  height: 78px;
  z-index: 1;
}

.IE10 .navbar-default .main-menu .navbar-nav > li .dropdown-menu, .IE9 .navbar-default .main-menu .navbar-nav > li .dropdown-menu {
  top: 24px;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}

.yamm .container {
  position: relative;
}

.yamm .dropdown-menu {
  left: auto;
}

.yamm .yamm-content {
  padding: 20px 0px 0;
  width: 100%;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  margin: 0 -10px;
}

.navbar-default .main-menu {
  padding-top: 25px;
}

.navbar-default .main-menu .navbar-nav > li {
  height: 28px;
  padding: 0 27px;
  color:#FFFFFF;
  background: url(../images/btn-left.png) no-repeat left top, url(../images/btn-right.png) no-repeat right bottom;
  margin-left: 8px;
}

.navbar-default .main-menu .navbar-nav > li.active > a,
.navbar-default .main-menu .navbar-nav > li.open > a,
.navbar-default .main-menu .navbar-nav > li.open > a:hover,
.navbar-default .main-menu .navbar-nav > li.open > a:focus {
  background-color: transparent !important;
}

.navbar-default .main-menu .navbar-nav > li > a {
  background: url(../images/btn-middle.png) no-repeat center center;
  background-size: 100% 100%;
  color: #FFF;
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
  line-height: 28px;
  font-size: 15px;
  font-weight: 600;
  padding: 0;
  text-transform: uppercase;
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out 0s;
  min-width: 20px;
  text-align: center;
}

.navbar-default .main-menu .navbar-nav > li > a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.navbar-default .main-menu .navbar-nav > li > a span {
  margin: 0 -16px;
  display: block;
}

.navbar-default .main-menu .navbar-nav > li.small-item {
  background: none;
  padding: 0;
  min-width: 54px;
}

.navbar-default .main-menu .navbar-nav > li.small-item:hover {
  background: none;
}

.navbar-default .main-menu .navbar-nav > li.small-item:hover > a {
  background: url(../images/btn-default.png) no-repeat 0 -512px;
}

.navbar-default .main-menu .navbar-nav > li.small-item > a {
  background: url(../images/btn-default.png) no-repeat 0 -480px;
}

.navbar-default .main-menu .navbar-nav > li.small-item > a:hover {
  background-position: 0 -512px;
}

.navbar-default .main-menu .navbar-nav > li.small-item > a > span {
  margin: 0;
}

.navbar-default .main-menu .navbar-nav > li .dropdown-menu {
  margin: 0 -30px;
  background: none;
  top: 25px;
  padding-bottom: 0;
  border: medium none;
  box-shadow: none;
  box-shadow: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .navbar-default .main-menu .navbar-nav > li .dropdown-menu {
    top: 25px;
    max-height: 780px;
  }
}

.navbar-default .main-menu .navbar-nav > li .dropdown-menu .sub-menu {
  background: url(../images/sub-menu-bg-bu2.png) no-repeat center 20px;
  padding: 98px 10px 36px;
}

@media only screen and (min-width: 1025px) {
  .navbar-default .main-menu .navbar-nav > li .dropdown-menu .sub-menu {
    padding: 98px 30px 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .navbar-default .main-menu .navbar-nav > li .dropdown-menu .sub-menu {
    padding: 60px 10px 10px !important;
  }
}

.navbar-default .main-menu .navbar-nav > li .dropdown-menu .sub-menu:after {
  background: transparent url(../images/sub-menu-bg-bottom1.png) no-repeat center bottom;
  bottom: -75px;
  content: "";
  display: block;
  height: 75px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.navbar-default .main-menu .navbar-nav > li.open, .navbar-default .main-menu .navbar-nav > li.active {
  background: url(../images/btn-left-hover.png) no-repeat left top, url(../images/btn-right-hover.png) no-repeat right bottom;
}

.navbar-default .main-menu .navbar-nav > li.open > a, .navbar-default .main-menu .navbar-nav > li.active > a {
  color: #FAE805;
  background: url(../images/btn-middle-hover.png) no-repeat scroll center center;
  background-size: 100% 100%;
}

.navbar-default .main-menu .navbar-nav > li:hover {
  background: url(../images/btn-left-hover.png) no-repeat left top, url(../images/btn-right-hover.png) no-repeat right bottom;
}

.navbar-default .main-menu .navbar-nav > li:hover > a {
  color: #AA0DBE;
  background: url(../images/btn-middle-hover.png) no-repeat scroll center center;
  background-size: 100% 100%;
}

@media only screen and (min-width: 1025px) {
  .sub-menu .col-md-9 {
    width: 80%;
  }
  .sub-menu .col-md-3 {
    width: 20%;
  }
}

.sub-menu .view-all {
  margin: 0 5px 15px 0;
}

.sub-menu .view-all:last-child {
  margin: 0 5px 0 0;
}

.sub-menu .col-md-9 .bullet-list-col {
  margin: 0 40px 0 21px;
  width: calc(33.3333% - 61px);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-menu .col-md-9 .bullet-list-col {
    margin: 0 5px;
    width: calc(33.3333% - 10px);
  }
}

.sub-menu .col-md-9 .bullet-list-col .bullet-list li, .sub-menu .col-md-9 .bullet-list-col .category ul li, .sub-menu .category .col-md-9 .bullet-list-col ul li {
  margin-bottom: 10px;
}

.sub-menu .col-md-9 .bullet-list-col .bullet-list li a, .sub-menu .col-md-9 .bullet-list-col .category ul li a, .sub-menu .category .col-md-9 .bullet-list-col ul li a {
  font-size: 13px;
}

.sub-menu .col-md-9 .bullet-list-col .bullet-list + .view-all, .sub-menu .col-md-9 .bullet-list-col .category ul + .view-all, .sub-menu .category .col-md-9 .bullet-list-col ul + .view-all {
  font-size: 13px;
}

.sub-menu .col-md-3 .sub-menu-image-item {
  display: block;
  float: none;
  margin: 0 0 14px -32px;
  min-height: 112px;
  width: 192px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-menu .col-md-3 .sub-menu-image-item {
    width: 170px;
  }
}

.sub-menu .col-md-3 .sub-menu-image-item .text {
  width: calc(100% - 4px);
}

.sub-menu-right .view-all {
  font-size: 13px;
}

.sub-menu-right .sub-menu-image-item .image-item img {
  width: 192px;
}

.discover-sub-menu .sub-menu-image {
  margin-bottom: 32px;
}

.sub-menu .category {
  font-size: 13px;
}

.sub-menu .category ul li a {
  font-size: 13px;
  white-space: nowrap;
}

.sub-menu-heading {
  color: #FAE805;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0 0 7px;
}

.sub-menu-heading.sub-menu-primary {
  color: #d10074;
}

ul.bullet-list, .sub-menu .category ul {
  padding: 0;
}

ul.bullet-list li, .sub-menu .category ul li {
  position: relative;
  padding: 0 0 0 18px;
  margin-bottom: 12px;
  line-height: 18px;
}

ul.bullet-list li a, .sub-menu .category ul li a {
  color: white;
}

ul.bullet-list li a:hover, .sub-menu .category ul li a:hover {
  color: #FAE805;
}

ul.bullet-list li:after, .sub-menu .category ul li:after {
  content: "";
  width: 7px;
  height: 8px;
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  background: url(../images/sprite.png) no-repeat top right;
}

.sub-menu-image-item {
  float: left;
  margin: 5px;
  width: 170px;
  min-height: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sub-menu-image-item {
    width: 135px;
  }
}

.sub-menu-image-item .image-item {
  position: relative;
  display: block;
  text-align: center;
}

.sub-menu-image-item .image-item:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.sub-menu-image-item .image-item img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 170px;
}

.sub-menu-image-item .text {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  bottom: 14px;
  color: white;
  height: auto;
  left: 2px;
  line-height: 15px;
  height: 32px;
  padding: 9px 0;
  position: absolute;
  width: calc(100% - 4px);
  font-size: 14px -1;
}

.sub-menu-image-item .text span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  left: 0;
}

.sub-menu-image-item img {
  max-width: 100%;
}

.sub-menu-image-item .image,
.sub-menu-image-item .text {
  display: block;
}

.sub-menu-image {
  margin: 0 -5px;
}

.nav-pills > li + li {
  margin-left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .yamm-fw.item1 .col-md-3 {
    width: 20%;
  }
  .yamm-fw.item1 .col-md-9 {
    width: 80%;
  }
}

.yamm-fw.item2 .col-md-3 .sub-menu-heading {
  color: #d10074;
  margin-left: -40px;
  margin-bottom: 12px;
}

/* .yamm-fw.item2,
.navbar-nav li:nth-child(2) {
    ul.bullet-list li {
        margin-bottom: 9px;
    }
    .bullet-list-col:nth-child(1) {
        .category {
            margin-left: 20px;
        }
    }
    .bullet-list-col:nth-child(2) {
        .category {
            margin-left: 30px;
        }
    }
    .bullet-list-col:nth-child(3) {
        .category {
            margin-left: 40px;
        }
    }
    .feature-category {
        margin-left: 10px;
    }
    .sub-menu-image-item {
        display: block;
        float: none;
        margin: 0 0 14px;
        min-height: 112px;
        width: 192px;
    }
    .sub-menu-image-item .text {
        width: 188px;
    }
}

.feature-category {
    .sub-menu-heading {
        color: #d10074;
    }
} */
.shop-sub-menu.sub-menu {
  padding-bottom: 32px !important;
}

@media (min-width: 768px) {
  .yamm-fw.item3 .col-md-9 {
    width: 80%;
  }
  .yamm-fw.item3 .col-md-3 {
    width: 20%;
  }
}

.yamm-fw.item3 ul.bullet-list li, .yamm-fw.item3 .sub-menu .category ul li, .sub-menu .category .yamm-fw.item3 ul li {
  margin-bottom: 9px;
}

.yamm-fw.item3 .sub-menu {
  padding-bottom: 0 !important;
}

.close-menu-mobile {
  width: 50px;
  text-align: center;
  line-height: 50px;
  color: white;
  height: 50px;
  position: absolute;
  left: -50px;
  top: 50px;
  background: #cc0673;
  cursor: pointer;
  pointer-events: none;
}

.close-menu-mobile .fa-long-arrow-right {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 47%;
  left: 50%;
  font-size: 0px;
  width: 22px;
  height: 18px;
  display: block;
  background: url(../images/sprite.png) no-repeat -32px -54px;
}

.yamm-fw.item4 .sub-menu {
  padding: 76px 30px 0 !important;
}

.yamm-fw.item4 .sub-menu-image-item {
  min-height: 95px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .yamm-fw.item4 .sub-menu-image-item {
    width: 126px;
  }
}

.roll-section + .roll-section {
  margin-top: 50px;
}

.roll-section .roll-item {
  float: left;
  width: 140px;
}

.roll-section .roll-item + .roll-item {
  margin-left: 40px;
}

.time-open-box {
  color: white;
}

.time-open-box + .time-open-box {
  margin: 24px 0 26px;
}

.time-open-box .closed {
  color: #d10074;
}

.time-open-box .opened {
  color: #69be28;
}

.time-open-box .sub-menu-heading {
  margin-bottom: 0;
  line-height: 16px;
}

.time-open-box .time {
  line-height: 18px;
  white-space: nowrap;
}

.time-open-bar {
  margin-left: 5px;
  margin-top: 2px;
}

.time-open-bar .view-all {
  font-size: 14px;
}

.yamm-fw.item5 .sub-menu-right {
  padding-right: 0;
}

.yamm-fw.item5 .col-md-9 .sub-menu-heading {
  margin-left: 20px;
}

.yamm-fw.item5 .sub-menu-heading {
  font-weight: 600;
  color: #d10074;
}

.yamm-fw.item5 .sub-menu-image {
  padding-left: 20px;
}

.yamm-fw.item5 .sub-menu-image-item {
  width: 165px;
  margin: 0px 5px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .yamm-fw.item5 .sub-menu-image-item {
    width: 110px;
  }
}

.yamm-fw.item5 .sub-menu {
  padding-bottom: 0 !important;
}

.yamm-fw.item5 .col-md-3 .bullet-list-col {
  margin: 0 0 0 -36px;
}

.yamm-fw.item5 .col-md-3 .bullet-list-col ul.bullet-list li, .yamm-fw.item5 .col-md-3 .bullet-list-col .sub-menu .category ul li, .sub-menu .category .yamm-fw.item5 .col-md-3 .bullet-list-col ul li {
  margin-bottom: 10px;
}

.yamm-fw.item5 .col-md-3 .bullet-list-col ul.bullet-list li a, .yamm-fw.item5 .col-md-3 .bullet-list-col .sub-menu .category ul li a, .sub-menu .category .yamm-fw.item5 .col-md-3 .bullet-list-col ul li a {
  font-size: 13px;
}

.yamm-fw .sort-by-item {
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.yamm-fw .sort-by-item .image {
  margin-bottom: 5px;
}

.sortby-section {
  padding-left: 20px;
}

.sub-menu-right-feature {
  padding-left: 10px;
}

.sub-menu-right-feature .bullet-list, .sub-menu-right-feature .sub-menu .category ul, .sub-menu .category .sub-menu-right-feature ul {
  font-size: 13px;
}

.sub-menu-right-feature ul.bullet-list li, .sub-menu-right-feature .sub-menu .category ul li, .sub-menu .category .sub-menu-right-feature ul li {
  margin-bottom: 9px;
}

.roll-item .image-item {
  text-align: center;
  float: left;
  margin: 0 auto;
}

.roll-item .image-item + .image-item {
  margin-left: 70px;
}

.roll-item .image-item .image {
  margin: 0 0 5px 0;
}

.roll-item .item {
  display: table;
}

.roll-item .item .image {
  margin-right: 10px;
  width: 60px;
  display: table-cell;
  vertical-align: middle;
}

.roll-item .title {
  text-transform: uppercase;
  color: #yellow;
  font-weight: 600;
  display: table-cell;
  line-height: 16px;
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .mm-opening .mm-menu {
    display: none !important;
  }
}

.mm-opening .mm-menu .mm-slideout {
  z-index: 1;
}

.mm-slideout {
  z-index: inherit;
  overflow: hidden;
}

.mm-menu {
  background: url(../images/menu-mobile-bg.png) no-repeat top right;
  background-size: 100% 100%;
  padding-top: 80px;
  width: calc(100% - 50px);
  max-width: none;
}

.mm-menu a {
  outline: none !important;
}

.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
  border-color: white;
}

.mm-menu .mm-listview > li .mm-arrow:after,
.mm-menu .mm-listview > li .mm-next:after {
  border-color: #FAE805;
}

.mm-listview > li:not(.mm-divider):after {
  left: 0;
}

.mm-listview > li > a,
.mm-listview > li > span {
  padding: 14px 10px 14px 7px;
  color: white;
  line-height: 19px;
}

.mm-listview .mm-next {
  background: none;
  border-bottom: 1px solid;
  position: absolute;
  width: 100%;
}

.mm-listview .mm-next:before {
  border-left: 0;
}

.mm-listview .mm-next:after {
  right: 12px;
}

.mm-listview .mm-next + a {
  color: #FAE805;
  text-transform: uppercase;
}

.mm-opened .mm-menu {
  left: auto !important;
}

#mm-blocker {
  background: rgba(0, 0, 0, 0.6);
}

@media only screen and (max-width: 767px) {
  #my-list {
    display: block !important;
  }
}

#my-list .mm-navbar {
  display: none !important;
}

#my-list .mm-listview > li .mm-arrow:after,
#my-list .mm-listview > li .mm-next:after {
  border-color: #FF6600;
}

#my-list .mm-listview {
  margin-top: 20px;
  border-top: 1px solid #FF6600;
}

#my-list .mm-listview .mm-next {
  background: none;
  border-bottom: 1px solid;
}

#my-list .mm-listview .mm-next:before {
  border-left: 0;
}

#my-list .mm-listview .mm-next:after {
  right: 12px;
  border-width: 3px !important;
}

#my-list .mm-listview > li:after {
  border-color: #FF6600;
}

#my-list .mm-listview > li > a {
  margin-right: 0;
  padding: 13px 17px;
  color: #FF6600 !important;
  font-size: 16px;
  text-transform: uppercase;
  background: #FAE805;
  font-weight: 500;
}

.mm-listview .mm-next + a,
.mm-listview .mm-next + span {
  font-size: 16px;
}

.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 64px;
}

.mm-panels,
.mm-panels > .mm-panel {
  background: none;
}

.mm-panels .view-all,
.mm-panels > .mm-panel .view-all {
  color: #FAE805;
}

.mm-navbar {
  top: 80px;
  background: #FF6600;
  text-align: right;
  border-color: #704ba8;
  padding-right: 12px;
  height: 46px;
  font-size: 16px;
  text-transform: uppercase;
}

.mm-navbar > a {
  padding: 12px 0;
}

.mm-navbar .mm-prev:before {
  top: 3px;
}

.mm-navbar .mm-title {
  color: white !important;
}

.mm-arrow:after,
.mm-next:after,
.mm-prev:before {
  height: 10px;
  width: 10px;
}

.mm-prev:before {
  color: white;
  left: 12px;
}

.mm-listview > li,
.mm-listview > li:after {
  border-color: #6d3f56;
}

.mm-menu.mm-pageshadow:after {
  background: url(../images/shadow.png) repeat-y right top;
  box-shadow: none;
  width: 8px;
}

.navbar-default .navbar-toggle .icon-bar {
  background: white;
}

.mm-menu.mm-offcanvas {
  display: block;
  -webkit-transform: translate3d(440px, 0px, 0px);
  transform: translate3d(440px, 0px, 0px);
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.mm-panel.mm-subopened {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px);
}

html.mm-right.mm-opening .mm-slideout {
  -webkit-transform: none;
  transform: none;
}

html.mm-right.mm-opening .mm-menu.mm-offcanvas {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  z-index: 9999;
}

.navbar-default .navbar-toggle {
  background: none;
  border-radius: 0;
  margin-left: 0;
  padding: 9px 12px 10px 7px;
  border: none;
  float: none;
  display: block;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
  background: none;
}

.navbar-default .navbar-toggle .icon-bar {
  height: 1px;
  width: 20px;
  border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}

.contact-icon {
  position: absolute;
  right: 56px;
  top: 18px;
}

.contact-icon i {
  font-size: 24px;
  color: white;
}




.popular-tag a {
  color: #FF6600;
  background: #FAE805;
  padding: 3px 10px;
  display: block;
  float: left;
  margin: 7px 9px 4px 0;
}

@media (max-width: 1024px) {
  .navbar-default .main-menu .navbar-nav > li > a {
    font-size: 13px;
  }
}

.navbar-default .main-menu .navbar-nav > li:nth-child(4) {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.navbar-default .main-menu .navbar-nav > li:nth-child(4) .dropdown-menu {
  display: none !important;
  opacity: 0;
  filter: alpha(opacity=0);
}

#my-list .mm-listview li:nth-child(4) {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}

[class^=uiicon] {
  background-image: url(../images/uiicon.png);
  background-repeat: no-repeat;
  display: inline-block;
}

[class^=uiicon]:hover, .active [class^=uiicon] {
  background-image: url(../images/uiicon-hover.png);
}

@media only screen and (max-width: 767px) {
  .active .uiicon-user {
    background-image: url(../images/uiicon-hover.png);
    background-position: -225px -368px;
  }
}

.nav-right-icon {
  width: 23px;
  height: 20px;
}

.happening-icon {
  width: 40px;
  height: 40px;
}

.uiicon-wold {
  background-position: -9px -13px;
}

.uiicon-user {
  background-position: -10px -50px;
}

.uiicon-search {
  background-position: -10px -91px;
}

.uiicon-cart {
  background-position: -7px -129px;
}

.uiicon-calendar {
  background-position: -42px -1px;
}

.uiicon-deal {
  background-position: -40px -40px;
}

.uiicon-home {
  background-position: -40px -80px;
}

.uiicon-bus {
  background-position: -40px -120px;
}


.uiicon-car {
  background-position: -80px 0;
}

.uiicon-right-arow {
  background-position: -80px -40px;
}

.widget-footer-component {
  background: url(../images/widget-footet-bg.png) no-repeat center center;
  background-size: cover;
  padding: 46px 0 84px;
}

@media (max-width: 480px) {
  .widget-footer-component {
    background: url(../images/widget-footet-bg-mobile.jpg) no-repeat center center;
    background-size: cover;
  }
}

@media only screen and (max-width: 767px) {
  .widget-footer-component {
    padding: 36px 0 52px;
  }
}

.social-component + div {
  margin-top: 100px;
}

.social-component h5 {
  color: white;
  font-size: 18px;
  margin-bottom: 22px;
}

.social-component .social a {
  display: inline-block;
  padding: 0 25px 0 25px;
  -webkit-transition: all 0.3s linear 0.1s;
  transition: all 0.3s linear 0.1s;
}

.social-component .social a:hover i {
  color: #FAE805;
}

.social-component .social i {
  color: white;
  font-size: 36px;
  text-shadow: 2px 0 0 #d10074;
}

.social-component .social .fa-line {
  font-size: 34px;
}

@media only screen and (max-width: 767px) {
  .social-component + div {
    margin-top: 16px;
  }
  .social-component .social a {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .sign-up-component {
    margin-bottom: 15px;
  }
}

.sign-up-component h5 {
  color: white;
  font-size: 18px;
  margin-bottom: 22px;
}

@media only screen and (max-width: 767px) {
  .sign-up-component h5 {
    margin-bottom: 18px;
  }
}

.sign-up-component input {
  max-width: 460px;
  margin: 0 auto 20px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .sign-up-component input {
    text-align: center;
  }
}

.form-subcribe-success {
  color: white;
  text-align: center;
  margin: 0 auto;
  max-width: 480px;
}

.form-subcribe-success h2 {
  font-weight: 600;
  font-size: 30px;
  margin: 12px 0 12px;
  line-height: 1.2;
}

.form-subcribe-success > p {
  font-size: 16px !important;
  line-height: 1.4 !important;
}

@media only screen and (max-width: 767px) {
  .header + div > div:first-child.item-detail {
    padding-top: 148px;
  }
}

.item-detail.main-box {
  background: url(../images/location-detail.png) repeat center;
  position: relative;
  color: #fff;
}

.item-detail.main-box .content-container {
  margin-top: 33px;
}

.item-detail.main-box .item-name {
  position: relative;
}

.item-detail.main-box .item-name h2 {
  margin-top: 15px;
  font-size: 32px;
  text-shadow: 2px 2px #300d15;
  font-weight: 600;
  word-spacing: 0.5px;
}

.item-detail.main-box .item-name .col-xs-8 {
  padding-right: 0;
}

.item-detail.main-box .breadcrumb {
  background: none;
  font-size: 16px;
}

.item-detail.main-box .breadcrumb i {
  margin-right: 5px;
}

.item-detail.main-box .sharing {
  position: static;
  margin-top: 17px;
}

.item-detail.main-box .sharing .share {
  margin: 0px;
  padding: 0px;
}

.item-detail.main-box .sharing .addthis_button_compact {
  color: #FAE805;
}

.item-detail.main-box .item-data {
  margin-top: 32px;
  padding-bottom: 130px;
}

@media only screen and (max-width: 767px) {
  .item-detail.main-box .item-data {
    padding-bottom: 90px;
  }
}

.item-detail.main-box .item-data .item-infomations {
  padding: 0 7px;
  margin-top: -4px;
}

@media only screen and (max-width: 767px) {
  .item-detail.main-box .item-data .item-infomations {
    margin-top: 25px;
    padding: 0px;
  }
}

.item-detail.main-box .item-data .item-contact p {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: -2px;
}

.item-detail.main-box .item-data .item-contact .show-map {
  margin-top: 20px;
  text-transform: none;
  padding: 0 17px;
}

.item-detail.main-box .item-data .item-contact .show-map i {
  margin-left: 4px;
}

.item-detail.main-box .item-data .item-contact .actions .btn .fa {
  margin-left: 5px;
}

@media only screen and (max-width: 767px) {
  .item-detail.main-box .item-data .item-contact .actions {
    margin-bottom: 17px;
  }
  .item-detail.main-box .item-data .item-contact .actions .btn {
    min-width: 224px;
  }
}

.item-detail.main-box .item-data .website-brand-list {
  padding: 0px;
  margin-top: 10px;
  margin-left: -8px;
  margin-right: -8px;
}

@media only screen and (max-width: 767px) {
  .item-detail.main-box .item-data .website-brand-list {
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.item-detail.main-box .item-data .website-brand-list li {
  padding: 0px 8px;
  display: inline-block;
}

.item-detail.main-box .item-data .website-brand-list li a {
  display: block;
  color: #fff;
}

.item-detail.main-box .item-data .website-brand-list li a:hover i {
  color: #FAE805;
}

.item-detail.main-box .item-data .website-brand-list li a i {
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  .item-detail.main-box .item-data .website-brand-list li {
    padding: 0 15px;
  }
}

.item-detail.main-box .item-data .item-description {
  margin-top: 13px;
  margin-bottom: 16px;
}

.item-detail.main-box .item-data .item-description p {
  margin-bottom: 20px;
}

.item-detail.main-box .item-slider-detail .slick-arrow {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 43%;
  z-index: 80;
  background-color: transparent;
  border: 0px;
  height: 52px;
  width: 30px;
  font-size: 0px;
}

.item-detail.main-box .item-slider-detail .slick-prev {
  left: 8px;
  background-position: -62px -24px;
}

.item-detail.main-box .item-slider-detail .slick-next {
  right: 8px;
  background-position: -107px -24px;
}

.item-detail.main-box .item-slider-detail .slick-dots {
  bottom: 11px;
}

.item-detail.main-box .item-slider-detail .slick-dots li {
  margin: 0 0px;
}

.item-detail.main-box .item-slider-detail .slick-dots button {
  background-image: url(../images/uiicon.png);
  background-position: -113px -52px;
  background-repeat: no-repeat;
  border-radius: 0px;
  border: 0px;
  outline: 0;
}

.item-detail.main-box .item-slider-detail .slick-dots .slick-active button {
  background: transparent;
  background-image: url(../images/uiicon-hover.png);
  background-position: -113px -52px;
  background-repeat: no-repeat;
}

.relate-content, .page-404 {
  background: url(../images/location-detail.png) repeat center;
  padding: 34px 0 68px;
}

@media only screen and (max-width: 767px) {
  .relate-content, .page-404 {
    padding: 34px 0 40px;
  }
}

.relate-content h2.title, .page-404 h2.title {
  color: #FAE805;
  text-shadow: 1px 1px 0px #d10074;
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 15px;
}

.relate-content .related-post, .page-404 .related-post {
  padding: 10px 0;
  clear: both;
}

@media only screen and (max-width: 767px) {
  .relate-content .related-post, .page-404 .related-post {
    padding-top: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .related-post {
    max-width: none !important;
    overflow: hidden;
    padding-right: 5px !important;
  }
  .related-post div .hexagon-shape {
    position: relative;
    width: 178px;
    height: 204px;
    margin: 0 auto;
  }
  .related-post div .hexagon-shape .hex {
    width: 176px;
    /* = (100-3) / 4 */
    padding-bottom: 203.227294755px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .related-post div .hexagon-shape .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .related-post div .hexagon-shape .hex-border {
    background-image: url(../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 1025px) {
  .related-post div .hexagon-shape:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .related-post div .hexagon-shape .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
  .related-post div .hexagon-shape .hexIn {
    background-image: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .related-post div .hexagon-shape .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .related-post div .hexagon-shape img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-width: 767px) {
  .related-post div .hexagon-shape img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .related-post div .hexagon-shape .hex-border {
    background-position: center -225px;
  }
}

@media only screen and (max-width: 767px) {
  .related-post .hexagon {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) {
  .related-post > div {
    float: left;
    width: 25%;
    padding: 0 10px;
  }
}

.related-post > div .date-time {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .related-post .slick-prev,
  .related-post .slick-next {
    top: 85px !important;
  }
  .related-post .slick-prev {
    left: -30px !important;
  }
  .related-post .slick-next {
    right: -30px !important;
  }
}

@media only screen and (max-width: 479px) {
  .related-post {
    max-width: 400px;
  }
  .related-post .slick-prev {
    left: 0px !important;
  }
  .related-post .slick-next {
    right: 0px !important;
  }
}

.related-items-container {
  background: url(../images/repeat-bg-purple.png) repeat 0 0;
}

.related-items-container .section-icon {
  margin: -70px auto 0;
  max-height: 140px;
  max-width: 120px;
  overflow: hidden;
}

.related-items-container .section-icon + .related-items {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .related-items-container {
    bottom: 87%;
  }
}

.related-items {
  margin-top: 73px;
  margin-bottom: 59px;
}

.related-items .section-title {
  font-size: 32px;
  font-weight: 600;
  color: #FAE805;
  text-align: center;
  text-shadow: 2px 2px 0 #d10074;
}

.related-items .happening-slider, .related-items .related-post {
  padding-top: 14px;
}

.related-items .happening-slider .slick-arrow, .related-items .related-post .slick-arrow {
  top: 34%;
}

@media only screen and (max-width: 767px) {
  .related-items .happening-slider .hexagon, .related-items .related-post .hexagon {
    margin-left: auto;
    margin-right: auto;
  }
}

.related-items .happening-slider .date-time, .related-items .related-post .date-time {
  margin-bottom: 0px;
}

.related-product {
  background: url(../images/benefit-bg.jpg) no-repeat top center/100% 100%;
  position: relative;
}

.related-product:before {
  content: "";
  background: url(../images/sign-in-before-benfit.png) no-repeat top center/100% 100%;
  width: 100%;
  height: 81px;
  position: absolute;
  bottom: 100%;
}

@media only screen and (max-width: 767px) {
  .related-product:before {
    height: 18px;
  }
}

.related-product .related-items {
  margin-bottom: 33px;
}

.related-product .related-items .section-title {
  text-align: initial;
  color: #FF6600;
  text-shadow: 2px 2px #c6006e;
}

.related-product .related-items .happening-slider, .related-product .related-items .related-post {
  padding-top: 20px;
}

.related-product .happening-slider, .related-product .related-post {
  max-width: 885px;
  margin: 0 auto;
  padding-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .related-product .happening-slider, .related-product .related-post {
    max-width: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .related-product .happening-slider, .related-product .related-post {
    max-width: 320px;
  }
}

.related-product .happening-slider .slick-arrow, .related-product .related-post .slick-arrow {
  top: 42%;
}

.related-product .happening-slider .slick-prev, .related-product .related-post .slick-prev {
  left: -30px;
}

@media only screen and (max-width: 767px) {
  .related-product .happening-slider .slick-prev, .related-product .related-post .slick-prev {
    left: -14px;
  }
}

.related-product .happening-slider .slick-next, .related-product .related-post .slick-next {
  right: -30px;
}

@media only screen and (max-width: 767px) {
  .related-product .happening-slider .slick-next, .related-product .related-post .slick-next {
    right: -14px;
  }
}

.related-product .box-text-detail {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  left: 0px;
  right: 0px;
  z-index: 4;
  text-align: center;
}

.related-product .box-text-detail .product-name {
  color: #d10074;
  font-weight: bold;
  margin-bottom: 1px;
}

.related-product .box-text-detail .description {
  font-size: 13px;
  font-weight: normal;
}

.hexagon-item {
  position: relative;
  width: 203px;
  height: 235px;
  margin: 0 auto;
}

.hexagon-item .hex {
  width: 201px;
  /* = (100-3) / 4 */
  padding-bottom: 232.094808214px;
  /* =  width / sin(60deg) */
  position: relative;
  list-style-type: none;
  float: left;
  overflow: hidden;
  visibility: hidden;
  /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  -webkit-backface-visibility: hidden;
  outline: 1px solid transparent;
}

.hexagon-item .hex * {
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
}

.hexagon-item .hex-border {
  background-image: url(../images/hexagon-bg-pink.png);
  background-repeat: none;
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 3;
}

@media only screen and (min-width: 1025px) {
  .hexagon-item:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.hexagon-item .hexIn {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-color: gray;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  -webkit-backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .hexagon-item .hexIn {
    background-image: none !important;
  }
}

.hexagon-item .hexIn:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.hexagon-item img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .hexagon-item img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

.hexagon-item .hexIn:before {
  display: block;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}

.hexagon-item:hover .box-text-detail {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.hexagon-item:hover .hex {
  z-index: 2;
}

.hexagon-item:hover .hexIn:before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

@media only screen and (max-width: 767px) {
  .hexagon-item {
    position: relative;
    width: 178px;
    height: 205px;
    margin: 0 auto;
  }
  .hexagon-item .hex {
    width: 176px;
    /* = (100-3) / 4 */
    padding-bottom: 203.227294755px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .hexagon-item .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .hexagon-item .hex-border {
    background-image: url(../images/hexagon-bg-pink.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1025px) {
  .hexagon-item:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (max-width: 767px) {
  .hexagon-item .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .hexagon-item .hexIn {
    background-image: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .hexagon-item .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .hexagon-item img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .hexagon-item img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .hexagon-item .hex-border {
    background-position: center -240px;
  }
}

.sidebar-left {
  font-size: 18px;
  font-weight: 600;
}

.sidebar-left ul {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .sidebar-left .select-dropdown li {
    margin-bottom: 24px;
  }
}

.sidebar-left li {
  line-height: 1.35;
  margin-bottom: 20px;
}

.sidebar-left li a {
  color: white;
}

.sidebar-left li a [class^=sidebar-ico-] {
  vertical-align: middle;
  margin-right: 20px;
}

.sidebar-left li a:hover {
  color: #FAE805;
}

.sidebar-left li a:hover [class^=sidebar-ico-] {
  background: url(../images/uiicon-hover.png);
}

.sidebar-left li a:hover .sidebar-ico-tickets {
  background-position: 20px 0 !important;
  background-image: url(../images/ShowDC_TicketIcon.png);
  background-size: 40px 20px;
}

.sidebar-left li a.active {
  color: #FAE805;
  overflow: hidden;
  padding-right: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[class^=sidebar-ico-] {
  background: url(../images/uiicon.png);
  display: inline-block;
}

[class^=sidebar-ico-]:hover,
.active [class^=sidebar-ico-] {
  background: url(../images/uiicon-hover.png);
}

.sidebar-ico-tickets:hover, .active .sidebar-ico-tickets {
  background-position: 20px 0 !important;
  background-image: url(../images/ShowDC_TicketIcon.png);
  background-size: 40px 20px;
}

.sidebar-ico-account {
  background-position: -227px 0px !important;
}

.sidebar-ico-rewards {
  background-position: -227px -20px !important;
}

.sidebar-ico-book {
  background-position: -227px -40px !important;
}

.sidebar-ico-wallet {
  background-position: -227px -60px !important;
}

.sidebar-ico-order {
  background-position: -227px -80px !important;
}

.sidebar-ico-tickets {
  background-position: 0 0 !important;
  background-image: url(../images/ShowDC_TicketIcon.png);
  background-size: 40px 20px;
}

.sidebar-ico-all {
  background-position: -230px -125px !important;
}

.sidebar-ico-attractions {
  background-position: -227px -152px !important;
}

.sidebar-ico-events {
  background-position: -228px -181px !important;
}

.sidebar-ico-shops {
  background-position: -228px -333px !important;
}

.sidebar-ico-eateries {
  background-position: -227px -241px !important;
}

.sidebar-ico-beauty-relax {
  background-position: -227px -272px !important;
}

.sidebar-ico-products {
  background-position: -225px -301px !important;
}

@media only screen and (max-width: 767px) {
  .pagination-container {
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .pagination-container {
    text-align: center;
  }
}

@media only screen and (min-width: 1025px) {
  .pagination-container {
    text-align: right;
  }
}

.pagination-container .pagination > li {
  float: left;
  width: 32px;
}

@media only screen and (max-width: 767px) {
  .pagination-container .pagination > li {
    width: 45px;
    height: 44px;
  }
}

.pagination-container .pagination > li > a, .pagination-container .pagination > li > span {
  border-top: 0px;
  border-bottom: 0px;
  display: block;
  border-right-color: transparent;
  padding: 6px 0px;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .pagination-container .pagination > li > a, .pagination-container .pagination > li > span {
    padding: 13px 0px;
  }
}

.pagination-container .pagination > li:first-child > a, .pagination-container .pagination > li:first-child > span {
  border-left: 0px;
  border-radius: 0px;
}

.pagination-container .pagination > li:last-child > a, .pagination-container .pagination > li:last-child > span {
  border-right: 0px;
  border-radius: 0px;
}

.page-2colum {
  background: url(../images/bg-grey.jpg) no-repeat top center;
  background-size: cover;
}

.footer {
  background: #4d0d64;
  position: relative;
  margin: 0 auto;
  padding: 40px 0;
  color: #666666;
}

@media only screen and (max-width: 767px) {
  .footer {
    padding: 25px 0;
  }
}

.footer:after {
  content: "";
  width: 100%;
  height: 68px;
  left: 0;
  top: -52px;
  display: block;
  position: absolute;
  background: url(../images/footer-bg.png) no-repeat center top;
}

@media only screen and (min-width: 768px) {
  .footer:after {
    background-size: 100% 100%;
  }
}

@media (max-width: 480px) {
  .footer .language-footer {
    float: right;
  }
}

.footer-menu ul {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .footer-menu ul {
    display: none;
    padding-left: 20px;
  }
  .footer-menu ul .fa-angle-right {
    display: none;
  }
}

.footer-menu ul li a {
  color: #bababa;
  margin-bottom: 8px;
  outline: none;
  display: block;
}

@media only screen and (max-width: 767px) {
  .footer-menu ul li a {
    color: white;
    font-weight: 600;
  }
}

.footer-menu ul li a:hover {
  color: #FAE805;
}

.footer-menu ul li a .fa {
  margin-right: 5px;
}

.footer-menu h5 {
  font-weight: 600;
  color: #FAE805;
  font-size: 14px;
  pointer-events: none;
}

.footer-menu h5 .fa {
  display: none;
}

@media only screen and (max-width: 767px) {
  .footer-menu h5 {
    pointer-events: auto;
    cursor: pointer;
    margin: 8px 0;
  }
  .footer-menu h5 .fa {
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 10px;
    display: block;
  }
}

.footer-bottom {
  margin-top: 40px;
  font-size: 13px;
}

@media only screen and (max-width: 767px) {
  .footer-bottom {
    margin-top: 44px;
  }
}

.footer-bottom ul {
  margin: 0;
  padding: 7px 0 0;
}

@media only screen and (max-width: 767px) {
  .footer-bottom ul {
    padding: 24px 0;
  }
}

.footer-bottom li {
  display: inline-block;
}

.footer-bottom a {
  color: #666666;
}

.footer-bottom a:hover {
  color: #FAE805;
}

.footer-bottom .text-right {
  margin: 6px 0 0;
}

@media only screen and (max-width: 767px) {
  .footer-bottom .text-right {
    margin-top: 26px;
  }
}

.footer-bottom .text-right a {
  margin-left: 5px;
}

@media only screen and (max-width: 767px) {
  .footer-bottom .text-right a + a {
    margin-left: 10px;
  }
}

.btn-storage img {
  border: 1px solid #585858;
}

.home-content p {
  text-shadow: 1px 0 0 rgba(224, 0, 52, 0.75);
  margin-bottom: 12px;
  line-height: 1.3;
}

@media only screen and (min-width: 1025px) {
  .home-content p {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header + .one-column .show-tickit-content {
    padding-top: 280px !important;
  }
}

.show-tickit-content {
  background: url(../images/show-tickit-bg.jpg) no-repeat fixed top center;
  background-size: cover;
  padding-bottom: 70px;
}

@media only screen and (min-width: 768px) {
  .show-tickit-content .col-md-7 {
    min-height: 430px;
  }
}

@media only screen and (max-width: 767px) {
  .show-tickit-content {
    padding-bottom: 90px;
    background-attachment: scroll;
  }
}

.show-tickit-content h1,
.show-tickit-content p {
  color: white;
}

.shop-Indulge-content {
  background: url(../images/shop-Indulge-bg.jpg) no-repeat scroll top center;
  background-size: cover;
  padding-top: 35px;
  padding-bottom: 70px;
  min-height: 670px;
}

@media only screen and (max-width: 767px) {
  .shop-Indulge-content {
    min-height: 0;
    z-index: -1;
    background-size: auto;
    background-attachment: scroll;
    background-position: 20% 50%;
    position: relative;
  }
  .shop-Indulge-content > .container {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
  }
}

.shop-Indulge-content h1 {
  margin-bottom: 9px;
}

@media only screen and (max-width: 767px) {
  .shop-Indulge-content h1 {
    margin-bottom: 8px;
    line-height: 0.9;
  }
}

@media only screen and (max-width: 479px) {
  .shop-Indulge-content h1 {
    max-width: 73%;
  }
}

.shop-Indulge-content p {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .shop-Indulge-content p {
    margin-bottom: 10px;
  }
}

.shop-Indulge-content h1,
.shop-Indulge-content p {
  color: #fff;
  /*text-shadow: 2px 2px 1px rgba(254, 203, 0, 0.75);*/
  text-shadow: 1px 2px 0px rgba(254, 203, 0, 0.75);
}

.happening-content {
  background: url(../images/o-ora.png) repeat;
    width: 100%;
  padding-top: 28px;
  padding-bottom: 112px;
  margin-top: -1px;
}

@media only screen and (max-width: 767px) {
  .happening-content {
    padding-bottom: 30px;
    background-size: auto;
  }
}

.happening-content .tab-pane {
  margin: 0 -10px;
}

.happening-content h1 {
  color: #FFF;
  display: inline-block;
  position: relative;
  text-shadow: 2px 2px 0 #000;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .happening-content h1 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .happening-content h1 {
    max-width: 200px;
  }
}

.happening-content h1:after {
  width: 52px;
  height: 42px;
  display: block;
  content: "";
  background: url(../images/sgprite.png) no-repeat 0 0;
  position: absolute;
  left: auto;
  right: 0px;
  left: 305px;
  top: 30px;
}

@media only screen and (max-width: 767px) {
  .happening-content h1:after {
    right: -30px;
    top: 18px;
    background-position: 0 -45px;
    width: 26px;
    height: 20px;
  }
}

.happening-content .happening {
  padding: 88px 0 0 10px;
  border: medium none;
}

.happening-content .happening .fa {
  color: white;
  font-size: 35px;
  line-height: 45px;
  min-height: 45px;
  text-shadow: 1px 1px 0 #d10074;
}

.happening-content .happening .fa.fa-bullhorn {
  line-height: 38px;
}

@media only screen and (max-width: 767px) {
  .happening-content .happening {
    padding: 26px 0 0 7px;
  }
}

.happening-content .happening li {
  float: left;
}

.happening-content .happening li + li {
  margin-left: 68px;
}

.happening-content .happening li a {
  display: block;
  text-align: center;
  padding: 0;
  outline: none;
  border: none !important;
  margin: 0;
  -webkit-transition: none;
  transition: none;
  background-color: transparent !important;
}

.happening-content .happening li a span {
  display: block;
  color: white;
  font-size: 26px;
  font-weight: 600;
  text-shadow: 1px 2px 0 #d10074;
}

@media only screen and (max-width: 767px) {
  .happening-content .happening li a span {
    font-size: 18px;
  }
}

.happening-content .happening li.active [class^="uiicon"], .happening-content .happening li:hover [class^="uiicon"] {
  background-image: url(../images/uiicon-hover.png);
}

.happening-content .happening li.active .fa, .happening-content .happening li:hover .fa {
  color: #d10074;
  text-shadow: 1px 0px 0 #fff;
}

.happening-content .happening li.active span, .happening-content .happening li:hover span {
  color: #d10074;
  text-shadow: 1px 1px 0 #fff;
}

.happening-content .happening li.active a {
  position: relative;
}

.happening-content .happening li.active a:after {
  content: "";
  width: 94px;
  height: 11px;
  left: 50%;
  top: auto;
  display: block;
  position: absolute;
  margin-left: -47px;
  bottom: -9px;
  background: url(../images/under-line-violet-small.png) no-repeat center top;
  background-position: center bottom;
}

@media only screen and (max-width: 767px) {
  .happening-content .happening li.active a:after {
    background-position: center bottom;
  }
}

.happening-content .happening li:hover .fa {
  color: #d10074;
  text-shadow: 1px 0px 0 #fff;
}


.happening-content .happening li:hover [class^="uiicon"] {
  background-image: url(../images/uiicon-hover.png);
}

.happening-slider, .related-post, .text-in-item-slide {
  padding-top: 44px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .happening-slider, .related-post, .text-in-item-slide {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

.happening-slider .hexagon-shape, .related-post .hexagon-shape, .text-in-item-slide .hexagon-shape {
  position: relative;
  width: 222px;
  height: 256px;
  margin: 0 auto;
}

.happening-slider .hexagon-shape .hex, .related-post .hexagon-shape .hex, .text-in-item-slide .hexagon-shape .hex {
  width: 220px;
  /* = (100-3) / 4 */
  padding-bottom: 254.034118443px;
  /* =  width / sin(60deg) */
  position: relative;
  list-style-type: none;
  float: left;
  overflow: hidden;
  visibility: hidden;
  /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  -webkit-backface-visibility: hidden;
  outline: 1px solid transparent;
}

.happening-slider .hexagon-shape .hex *, .related-post .hexagon-shape .hex *, .text-in-item-slide .hexagon-shape .hex * {
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
}

.happening-slider .hexagon-shape .hex-border, .related-post .hexagon-shape .hex-border, .text-in-item-slide .hexagon-shape .hex-border {
  background-image: url(../images/hexagon-big-bg.png);
  background-repeat: none;
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 3;
}

@media only screen and (min-width: 1025px) {
  .happening-slider .hexagon-shape:hover .hexIn:before, .related-post .hexagon-shape:hover .hexIn:before, .text-in-item-slide .hexagon-shape:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.happening-slider .hexagon-shape .hexIn, .related-post .hexagon-shape .hexIn, .text-in-item-slide .hexagon-shape .hexIn {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-color: gray;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  -webkit-backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .happening-slider .hexagon-shape .hexIn, .related-post .hexagon-shape .hexIn, .text-in-item-slide .hexagon-shape .hexIn {
    background-image: none !important;
  }
}

.happening-slider .hexagon-shape .hexIn:before, .related-post .hexagon-shape .hexIn:before, .text-in-item-slide .hexagon-shape .hexIn:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.happening-slider .hexagon-shape img, .related-post .hexagon-shape img, .text-in-item-slide .hexagon-shape img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .happening-slider .hexagon-shape img, .related-post .hexagon-shape img, .text-in-item-slide .hexagon-shape img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media (max-width: 479px) {
  .happening-slider .hexagon-shape, .related-post .hexagon-shape, .text-in-item-slide .hexagon-shape {
    position: relative;
    width: 178px;
    height: 204px;
    margin: 0 auto;
  }
  .happening-slider .hexagon-shape .hex, .related-post .hexagon-shape .hex, .text-in-item-slide .hexagon-shape .hex {
    width: 176px;
    /* = (100-3) / 4 */
    padding-bottom: 203.227294755px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .happening-slider .hexagon-shape .hex *, .related-post .hexagon-shape .hex *, .text-in-item-slide .hexagon-shape .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .happening-slider .hexagon-shape .hex-border, .related-post .hexagon-shape .hex-border, .text-in-item-slide .hexagon-shape .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (max-width: 479px) and (min-width: 1025px) {
  .happening-slider .hexagon-shape:hover .hexIn:before, .related-post .hexagon-shape:hover .hexIn:before, .text-in-item-slide .hexagon-shape:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media (max-width: 479px) {
  .happening-slider .hexagon-shape .hexIn, .related-post .hexagon-shape .hexIn, .text-in-item-slide .hexagon-shape .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (max-width: 479px) and (min-width: 768px) {
  .happening-slider .hexagon-shape .hexIn, .related-post .hexagon-shape .hexIn, .text-in-item-slide .hexagon-shape .hexIn {
    background-image: none !important;
  }
}

@media (max-width: 479px) {
  .happening-slider .hexagon-shape .hexIn:before, .related-post .hexagon-shape .hexIn:before, .text-in-item-slide .hexagon-shape .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .happening-slider .hexagon-shape img, .related-post .hexagon-shape img, .text-in-item-slide .hexagon-shape img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 479px) and (max-width: 767px) {
  .happening-slider .hexagon-shape img, .related-post .hexagon-shape img, .text-in-item-slide .hexagon-shape img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media (max-width: 479px) {
  .happening-slider .hexagon-shape .hex-border, .related-post .hexagon-shape .hex-border, .text-in-item-slide .hexagon-shape .hex-border {
    background-position: center -225px;
  }
  .happening-slider .slick-next, .related-post .slick-next, .text-in-item-slide .slick-next {
    right: 0 !important;
  }
  .happening-slider .slick-prev, .related-post .slick-prev, .text-in-item-slide .slick-prev {
    left: 0 !important;
  }
}

.happening-slider .slick-slide, .related-post .slick-slide, .text-in-item-slide .slick-slide {
  padding: 0 10px;
  height: auto;
  outline: 0;
}

.happening-slider .date-time, .related-post .date-time, .text-in-item-slide .date-time {
  font-size: 12px;
  color: #000;
  text-align: center;
  margin-top: 8px;
}

@media only screen and (min-width: 768px) {
  .happening-slider .date-time, .related-post .date-time, .text-in-item-slide .date-time {
    font-size: 13px;
  }
}

.happening-slider .description, .related-post .description, .text-in-item-slide .description {
  font-size: 14px;
  min-height: 40px;
  font-weight: 600;
  color: white;
  text-align: center;
  text-shadow: none;
  margin: 0px;
  line-height: 20px;
}

@media only screen and (min-width: 768px) {
  .happening-slider .description, .related-post .description, .text-in-item-slide .description {
    font-size: 16px;
  }
}

.happening-slider .slick-next, .related-post .slick-next,
.happening-slider .slick-prev, .related-post .slick-prev, .text-in-item-slide .slick-next,
.text-in-item-slide .slick-prev {
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  background-color: transparent;
  width: 30px;
  height: 52px;
  border: none;
  color: transparent;
  top: 41%;
  position: absolute;
  z-index: 9;
  outline: none;
}

@media only screen and (max-width: 767px) {
  .happening-slider .slick-next, .related-post .slick-next,
  .happening-slider .slick-prev, .related-post .slick-prev, .text-in-item-slide .slick-next,
  .text-in-item-slide .slick-prev {
    top: 38%;
  }
}

.happening-slider .slick-next, .related-post .slick-next, .text-in-item-slide .slick-next {
  background-position: -107px -24px;
  right: -40px;
}

.happening-slider .slick-next:before, .related-post .slick-next:before, .text-in-item-slide .slick-next:before {
  content: "";
}

.happening-slider .slick-prev, .related-post .slick-prev, .text-in-item-slide .slick-prev {
  background-position: -62px -24px;
  left: -40px;
}

.happening-slider .slick-prev:before, .related-post .slick-prev:before, .text-in-item-slide .slick-prev:before {
  content: "";
}

.text-in-item-slide {
  margin: 44px auto 140px;
  padding-top: 0;
}

@media only screen and (max-width: 767px) {
  .text-in-item-slide .slick-next {
    right: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .text-in-item-slide .slick-prev {
    left: -10px;
  }
}

/*black yellow*/
.getting-content {
  background: #fed501 url(../images/getting-bg.jpg) no-repeat center top;
  margin: 0 auto 0;
  padding: 24px 0 82px 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .getting-content {
    padding: 34px 0 40px 0;
  }
}

.getting-content:after {
  content: "";
  width: 100%;
  height: 74px;
  left: 0;
  top: -74px;
  display: block;
  position: absolute;
  background: url(../images/getting-bg-top.png) no-repeat center top;
}

@media (min-width: 1921px) {
  .getting-content:after {
    background-size: 100% 100%;
  }
}

@media only screen and (max-width: 767px) {
  .getting-content:after {
    background-position: -410px 0;
    background-size: auto;
  }
}

.getting-content h1 {
  color:#0066FF;
  text-shadow: 2px 2px 0 #fff;
  margin-bottom: 15px;
}

.getting-content p {
  line-height: 18px;
  margin-bottom: 18px;
  text-shadow: none;
  color: #999;
}

@media only screen and (min-width: 768px) {
  .getting-content p {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 25px;
  }
}

.getting-content .brief {
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #522298;
}

.getting-content .getting-list {
  padding: 0;
  border: none;
}

@media only screen and (min-width: 768px) {
  .getting-content .getting-list {
    padding-top: 20px;
  }
}

.getting-content .getting-list li {
  display: block;
  margin-bottom: 25px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

@media only screen and (max-width: 767px) {
  .getting-content .getting-list li {
    margin-bottom: 15px;
    float: none;
  }
}

.getting-content .getting-list li a {
  background: none !important;
  padding: 0 42px 0 48px;
  position: relative;
  border: none !important;
}

@media only screen and (max-width: 767px) {
  .getting-content .getting-list li a {
    background: #d10074 !important;
    padding: 10px 42px 10px 10px;
    border-radius: 0;
  }
}

.getting-content .getting-list li a span {
  color: white;
}

@media only screen and (min-width: 768px) {
  .getting-content .getting-list li a span {
    color: #d10074;
  }
}

.getting-content .getting-list li.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.getting-content .getting-list li.active a {
  background-image: inherit;
}

.getting-content .getting-list li .title {
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .getting-content .getting-list li .title {
    font-size: 16px;
  }
}

.getting-content .getting-list span {
  font-size: 12px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .getting-content .getting-list span {
    font-size: 13px;
  }
}

.getting-content .getting-list [class^="uiicon"] {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 4px;
}

.getting-content .getting-list .uiicon-right-arow {
  left: auto;
  right: -15px;
  display: none;
  width: 35px;
}

@media only screen and (max-width: 767px) {
  .getting-content .getting-list .uiicon-right-arow {
    background: url(.../images/sprite.png) no-repeat -163px 0;
    height: 18px;
    right: 10px;
    top: 25px;
    width: 30px;
  }
}

.getting-content .getting-list .active .uiicon-right-arow {
  display: block;
}

.getting-content .tab-pane {
  position: relative;
  padding-top: 24px;
}

@media only screen and (min-width: 1025px) {
  .getting-content .tab-pane {
    margin-top: -180px;
    padding-top: 0;
  }
  .getting-content .tab-pane .image-icon-container {
    min-height: 228px;
    position: relative;
  }
  .getting-content .tab-pane .image-icon-container + img {
    margin-top: -18px;
  }
  .getting-content .tab-pane .diagram {
    margin-left: 4px;
  }
  .getting-content .tab-pane .diagram .hidden-xs.img-icon {
    bottom: 0;
    display: block;
    left: 294px;
    position: absolute;
    right: 0;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 767px) {
  .getting-content .tab-pane .diagram .visible-xs-block {
    margin: auto;
  }
}

.getting-content .bootstrap-select {
  max-width: 300px;
}

.getting-content .tab-pane-bottom {
  margin: 0 auto;
  padding: 36px 0 0;
  max-width: 460px;
}

@media only screen and (max-width: 767px) {
  .getting-content .tab-pane-bottom {
    padding-top: 21px;
  }
}

.getting-content .tab-pane-bottom p {
  margin-bottom: 23px;
}

@media only screen and (max-width: 767px) {
  .getting-content .tab-pane-bottom p {
    font-size: 14px;
  }
}

.getting-content .tab-pane-bottom .btn-toggle {
  border: 2px solid #FF6600;
  padding: 7px 12px;
}

@media only screen and (max-width: 767px) {
  .getting-content .tab-pane-bottom .btn-toggle {
    padding: 8px 12px;
  }
}

.getting-content .tab-pane-bottom .btn-toggle label {
  font-weight: normal;
  font-size: 13px;
  color: #fff;
  margin: 20px 0 8px;
}

.getting-content .tab-pane-bottom .btn-toggle.active .btn-select:after {
  background-position: -217px -12px;
}

.getting-content .tab-pane-bottom .btn-toggle .btn-select {
  position: relative;
  cursor: pointer;
  color: #FF6600;
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .getting-content .tab-pane-bottom .btn-toggle .btn-select {
    font-size: 16px;
  }
}

.getting-content .tab-pane-bottom .btn-toggle .btn-select:after {
  content: "";
  width: 26px;
  height: 12px;
  left: auto;
  top: 4px;
  display: block;
  position: absolute;
  right: 2px;
  background: url(.../images/sprite.png) no-repeat -217px 0;
}

.table-schedule {
  width: 100%;
  border: none;
  margin: 22px 0 0;
}

.table-schedule td + td,
.table-schedule th + th {
  border-left: 5px solid #FAE805;
}

.table-schedule tr th {
  color: white;
  background: #FF6600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding: 6px 5px;
}

.table-schedule tr:last-child td {
  border-bottom: none;
}

.table-schedule tr td {
  font-size: 16px;
  color: #333333;
  text-align: center;
  line-height: 22px;
  padding: 10px 5px;
  width: 50%;
  border-bottom: 2px solid #333333;
}

.table-schedule tr.even td {
  background: #fedb4d;
}

.table-schedule tr.odd td {
  background: #FAE805;
}

.key-attraction-container .key-attraction-content .key-attraction {
  display: inline-block;
}

@media only screen and (min-width: 1025px) {
  .key-attraction-container .key-attraction-content .key-attraction:hover {
    /* .hexagon {
                @include hexagon(210px);
            } */
  }
  .key-attraction-container .key-attraction-content .key-attraction:hover .txt {
    background: none;
    border: none;
    font-size: 16px;
    bottom: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.key-attraction-container + .main {
  margin-top: -1px;
}

@media only screen and (max-width: 767px) {
  .key-attraction-container-top {
    margin-bottom: -25px;
  }
  .key-attraction-container-bottom {
    margin-bottom: -75px;
  }
  .key-attraction-row {
    padding: 15px 0 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    font-size: 0px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    max-width: 252px;
    margin: -42px auto -26px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .key-attraction-row .key-attraction-content {
    width: 50%;
    margin-top: -35px;
    display: inline-block;
  }
  .key-attraction-row .key-attraction-content:nth-child(4n+3) .key-attraction, .key-attraction-row .key-attraction-content:nth-child(4n+4) .key-attraction {
    -webkit-transform: translate(15%, -19%);
            transform: translate(15%, -19%);
  }
  .key-attraction-row .key-attraction-content:nth-child(4n+5) .key-attraction, .key-attraction-row .key-attraction-content:nth-child(4n+6) .key-attraction{
    -webkit-transform: translate(-26%, -38%);
            transform: translate(-26%, -38%);
  }
  .key-attraction-row .key-attraction-content .key-attraction {
    -webkit-transform: translateX(-26%);
            transform: translateX(-26%);
  }
}

@media only screen and (min-width: 768px) {
  .key-attraction-container-top .key-attraction-content:nth-child(1) {
    right: 112px;
    top: -36px;
  }
  .key-attraction-container-top .key-attraction-content:nth-child(2) {
    right: 215px;
    top: 140px;
  }
  .key-attraction-container-top .key-attraction-content:nth-child(3) {
    right: 10px;
    top: 140px;
  }
  .key-attraction-container-top .key-attraction-content:nth-child(4) {
    right: 314px;
    top: 318px;
  }
  .key-attraction-container-top .key-attraction-row {
    position: absolute;
    right: 0;
    top: -480px;
  }
  .key-attraction-content {
    position: absolute;
    z-index: 2;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(1) {
    right: 215px;
    top: -48px;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(2) {
    right: 10px;
    top: -48px;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(3) {
    right: 112px;
    top: 128px;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(4) {
    right: 10px;
    top: 305px;
  }
  .key-attraction-container-bottom .key-attraction-row {
    position: absolute;
    right: 0;
    top: -605px;
  }
}

@media only screen and (min-width: 1025px) {
  .key-attraction-container-top .key-attraction-content:nth-child(1):hover {
    right: 102px;
    top: -48px;
  }
  .key-attraction-container-top .key-attraction-content:nth-child(2):hover {
    right: 205px;
    top: 128px;
  }
  .key-attraction-container-top .key-attraction-content:nth-child(3):hover {
    right: 0px;
    top: 128px;
  }
  .key-attraction-container-top .key-attraction-content:nth-child(4):hover {
    right: 303px;
    top: 307px;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(1):hover {
    right: 206px;
    top: -60px;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(2):hover {
    right: 0;
    top: -60px;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(3):hover {
    right: 104px;
    top: 117px;
  }
  .key-attraction-container-bottom .key-attraction-content:nth-child(4):hover {
    right: -3px;
    top: 292px;
  }
}

.key-attraction {
  -webkit-backface-visibility: hidden;
}

.key-attraction .hexagon-shape {
  position: relative;
  width: 192px;
  height: 222px;
  margin: 0 auto;
}

.key-attraction .hexagon-shape .hex {
  width: 190px;
  /* = (100-3) / 4 */
  padding-bottom: 219.393102292px;
  /* =  width / sin(60deg) */
  position: relative;
  list-style-type: none;
  float: left;
  overflow: hidden;
  visibility: hidden;
  /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  -webkit-backface-visibility: hidden;
  outline: 1px solid transparent;
}

.key-attraction .hexagon-shape .hex * {
  position: absolute;
  visibility: visible;
  outline: 1px solid transparent;
  /* fix for jagged edges in FF on hover transition */
}

.key-attraction .hexagon-shape .hex-border {
  background-image: url(.../images/hexagon-bg.png);
  background-repeat: none;
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 3;
}

@media only screen and (min-width: 1025px) {
  .key-attraction .hexagon-shape:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

.key-attraction .hexagon-shape .hexIn {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-color: gray;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  -webkit-backface-visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .key-attraction .hexagon-shape .hexIn {
    background-image: none !important;
  }
}

.key-attraction .hexagon-shape .hexIn:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.key-attraction .hexagon-shape img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .key-attraction .hexagon-shape img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .key-attraction .hexagon-shape {
    position: relative;
    width: 156px;
    height: 178px;
    margin: 0 auto;
  }
  .key-attraction .hexagon-shape .hex {
    width: 120px;
    /* = (100-3) / 4 */
    padding-bottom: 140px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
    top: 20px;
    left: 18px;
  }
  .key-attraction .hexagon-shape .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .key-attraction .hexagon-shape .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
    transform: scale(0.8);
  }
}

@media only screen and (max-width: 767px) and (min-width: 1025px) {
  .key-attraction .hexagon-shape:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (max-width: 767px) {
  .key-attraction .hexagon-shape .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .key-attraction .hexagon-shape .hexIn {
    background-image: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .key-attraction .hexagon-shape .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .key-attraction .hexagon-shape img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .key-attraction .hexagon-shape img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .key-attraction .hexagon-shape .hex-border {
    background-position: center bottom;
  }
}

@media only screen and (min-width: 1025px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction {
    width: 210px;
  }
  .key-attraction-container .key-attraction-content:hover .key-attraction {
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape {
    position: relative;
    width: 212px;
    height: 243px;
    margin: 0 auto;
  }
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape .hex {
    width: 210px;
    /* = (100-3) / 4 */
    padding-bottom: 242.48711306px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape .hex-border {
    background-image: url(.../images/hexagon-big-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (min-width: 1025px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (min-width: 768px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape .hexIn {
    background-image: none !important;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 767px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .key-attraction-container .key-attraction-content:hover .key-attraction .hexagon-shape .hex-border {
    background-position: center bottom;
    left: -1px;
  }
}

.key-attraction-container .key-attraction {
  width: 192px;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .key-attraction-container .key-attraction {
    overflow: hidden;
    width: 194px;
  }
}

.key-attraction-container .key-attraction .hexagon-shape .hex-border {
  left: 0;
  top: 0;
}

.key-attraction-container .key-attraction .txt {
  color: white;
  position: absolute;
  text-align: center;
  bottom: 58px;
  border: none;
  left: 0px;
  height: 40px;
  text-transform: uppercase;
  width: 100%;
  max-width: 192px;
  outline: none;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: none;
}

.key-attraction-container .key-attraction .txt:hover, .key-attraction-container .key-attraction .txt:focus, .key-attraction-container .key-attraction .txt:active {
  outline: none;
}

@media only screen and (max-width: 767px) {
  .key-attraction-container .key-attraction .txt {
    bottom: 46px;
  }
}

.key-attraction-container .key-attraction .txt span {
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  top: 50%;
  font-weight: 600;
  font-size: 13px;
  padding: 0 5px;
}

@media only screen and (max-width: 767px) {
  .key-attraction-container .key-attraction .txt span {
    line-height: 16px;
  }
}

@media (max-width: 1024px) {
  .happening-content .happening li + li {
    margin-left: 45px;
  }
  .happening-content .hexagon {
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 767px) {
  .key-attraction-container .slick-initialized .slick-slide {
    margin: 0 2px;
  }
  .key-attraction-container .container {
    padding: 3px 0;
  }
  .key-attraction-container .container .col-md-5 {
    padding: 0;
  }
  .key-attraction-container .container .row {
    margin: 0;
  }
  .key-attraction-container {
    /*  .hexagon {
            @include hexagon(154px);
        } */
    background: #FF6600;
  }
  .key-attraction-container .key-attraction .txt,
  .key-attraction-container .key-attraction {
    margin: 0 auto;
    width: 154px;
  }
  .happening-slider, .related-post {
    max-width: 320px;
    margin: 0 auto;
  }
  .happening-content .happening {
    text-align: center;
  }
  .happening-content .happening li {
    display: inline-block;
    float: none;
  }
  .happening-content .happening li + li {
    margin-left: 39px;
  }
  .text-right {
    text-align: left;
  }
}

@media (max-width: 480px) {
  .social.text-center {
    margin: 0 auto;
    max-width: 256px;
  }
  .social-component .social a {
    float: left;
    margin-right: 38px;
    padding: 0;
  }
  .social-component .social a .fa.fa-android {
    margin-left: 6px;
  }
  .social-component .social a .fa.fa-facebook {
    margin-left: 10px;
    margin-right: 8px;
  }
  .social-component .social a:nth-child(4), .social-component .social a:nth-child(8) {
    margin-right: 0;
  }
}

@media (max-width: 479px) {
  .happening-slider, .related-post {
    max-width: 280px;
    margin: 0 auto;
  }
}

#tab-accordion .col-md-4 {
  z-index: 4;
}

.tab-dropdown-menu.select-dropdown .dropdown-menu {
  background: #d10074;
  box-shadow: none;
  border: none;
}

.tab-dropdown-menu.select-dropdown .dropdown-menu .active {
  display: none;
}

.tab-dropdown-menu.select-dropdown .dropdown-menu li {
  opacity: 1;
  filter: alpha(opacity=100);
}

.tab-dropdown-menu.select-dropdown li.active a {
  cursor: pointer;
  margin-right: 0;
}

.tab-dropdown-menu.select-dropdown > li.open a:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.tab-dropdown-menu.select-dropdown > li > a {
  line-height: 20px;
  padding: 12px 42px 12px 10px;
}

.tab-dropdown-menu.select-dropdown > li > a:after {
  background: transparent url(.../images/sprite.png) no-repeat -163px 0;
  height: 18px;
  right: 10px;
  top: 25px;
  width: 30px;
}
.show-tickit-content.home-content, .shop-Indulge-content.home-content {
  max-height: 677px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.show-tickit-content .bg-top, .shop-Indulge-content .bg-bottom {
  left: 0;
  min-height: 677px;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .show-tickit-content .bg-top, .shop-Indulge-content .bg-bottom {
    min-height: 480px;
  }
}
.dine-nav {
  background: url(../images/dine-header-bg.jpg) no-repeat top center;
  padding-top: 175px;
  padding-bottom: 70px;
}

.dine-nav label {
  color: #fff;
}

.dine-nav .dine-nav-bar {
  margin: 20px auto;
}

.dine-nav .dine-nav-bar .form-inline {
  text-align: center;
}

.dine-nav .dine-nav-bar .form-inline .input-group-btn .btn {
  padding: 8px;
}

.dine-content {
  background: url(../images/dine-content-bg.png) no-repeat top center;
  margin-top: -75px;
  padding: 100px 0;
}

.dine-content .content-block {
  width: 140px;
  height: 160px;
  margin: 10px 0;
  background-color: #fff;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .header + div > div:first-child.stores-brand-directory-page {
    padding-top: 177px;
  }
}

.stores-brand-directory-nav {
  background: url(.../images/stores-brand-dir-header-bg.png) no-repeat center top;
  background-size: cover;
  padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav {
    padding-bottom: 0;
  }
}

.stores-brand-directory-nav.directory-variation {
  padding-bottom: 80px;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav.directory-variation {
    padding-bottom: 0;
  }
}

.stores-brand-directory-nav .stores-brand-dir-nav {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px 20px 52px 20px;
  background: url(.../images/filter-bar.png) no-repeat center;
  background-size: 100% 100%;
}

.stores-brand-directory-nav .stores-brand-dir-nav form {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .stores-brand-directory-nav .stores-brand-dir-nav {
    margin: 18px 28px;
    padding: 40px 32px 43px 37px;
  }
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav .stores-brand-dir-nav {
    background: url(.../images/filter-bar-mobile.png) no-repeat right top;
    background-size: 100% 100%;
    min-height: 200px;
  }
}

@media only screen and (max-width: 479px) {
  .stores-brand-directory-nav .stores-brand-dir-nav {
    min-height: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .stores-brand-directory-nav .stores-brand-dir-nav .category-select {
    max-width: 100px;
  }
  .stores-brand-directory-nav .stores-brand-dir-nav .search-box-group input[type="text"] {
    max-width: 193px;
  }
  .stores-brand-directory-nav .stores-brand-dir-nav .search-box-group input[type="text"]:focus + .input-search-btn .btn-search {
    background-position: -204px -41px;
  }
}

.stores-brand-directory-nav .stores-brand-dir-nav .search-box-group input[type="text"]:hover:focus + .input-search-btn .btn-search {
  background-position: -204px -41px;
}

@media only screen and (min-width: 768px) {
  .stores-brand-directory-nav .btn-filter,
  .stores-brand-directory-nav .btn-group,
  .stores-brand-directory-nav .input-group,
  .stores-brand-directory-nav .bootstrap-select,
  .stores-brand-directory-nav .label-filter {
    float: left !important;
  }
}

.stores-brand-directory-nav .label-filter {
  color: #FF6600;
  font-size: 16px;
  font-weight: 600;
  margin: 6px 18px 0 0;
}

@media only screen and (min-width: 768px) {
  .stores-brand-directory-nav .label-filter.long-text {
    /*  max-width: 110px;
                margin-top: 0;
                line-height: 1.2; */
  }
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav .label-filter {
    margin: 0 0 0px;
    display: block;
  }
  .stores-brand-directory-nav .label-filter + .category-select {
    width: 65% !important;
    margin: 9px 0;
  }
  .stores-brand-directory-nav .label-filter + .category-select + .detal-button {
    padding: 0;
  }
}

@media only screen and (min-width: 1025px) {
  .stores-brand-directory-nav .label-filter + div + div + div.search-box-group input.form-control {
    max-width: 290px;
    width: 290px;
  }
}

.stores-brand-directory-nav .btn-group {
  margin-right: 11px;
}

.stores-brand-directory-nav .btn-group .btn {
  min-width: 90px;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav .btn-group .btn {
    min-width: 0;
  }
}

.stores-brand-directory-nav .category-select {
  margin-right: 0;
}

@media only screen and (min-width: 768px) {
  .stores-brand-directory-nav .category-select {
    margin-right: 11px;
    max-width: 290px;
  }
}

.stores-brand-directory-nav .apha-select {
  max-width: 90px;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav .apha-select {
    float: right !important;
    margin: 9px 0 !important;
    max-width: none;
    width: 33% !important;
  }
  .stores-brand-directory-nav .apha-select select {
    margin: 0 !important;
    width: 100%;
  }
}

.stores-brand-directory-nav .search-box-group {
  position: relative;
  display: block;
  overflow: hidden;
}


@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav .search-box-group {
    width: 100%;
  }
}

.stores-brand-directory-nav .search-box-group input[type="text"] {
  border: 2px solid #FF6600;
  background: none;
  padding-right: 56px;
  height: 42px;
  font-size: 16px;
  max-width: 223px;
  color: #FF6600;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav .search-box-group input[type="text"] {
    max-width: none;
    width: 100%;
  }
}

.stores-brand-directory-nav .search-box-group input[type="text"].placeholder {
  color: #FF6600;
}

.stores-brand-directory-nav .search-box-group input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #FF6600;
}

.stores-brand-directory-nav .search-box-group input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #FF6600;
}

.stores-brand-directory-nav .search-box-group input[type="text"]::-webkit-input-placeholder {
  color: #FF6600;
}

.stores-brand-directory-nav .search-box-group input[type="text"]:-ms-input-placeholder {
  color: #FF6600;
}

.stores-brand-directory-nav .search-box-group .input-search-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 9;
}

.stores-brand-directory-nav .search-box-group .input-search-btn button {
  background: url(../images/sprite.png) -155px -41px;
  width: 48px;
  height: 34px;
  line-height: 38px;
  border: none;
  color: transparent;
}

.stores-brand-directory-nav .search-box-group .input-search-btn button:hover {
  background-position: -204px -41px;
}

.stores-brand-directory-nav .filter-button .btn-filter {
  max-width: none;
}

.stores-brand-directory-nav .btn-filter {
  margin-right: 11px;
  font-size: 16px;
  font-weight: 600;
  border: 2px solid #FF6600;
  color: #FF6600;
  min-width: 84px;
  text-align: center;
  padding: 8px 5px;
  line-height: 22px;
  display: inline-block;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .stores-brand-directory-nav .btn-filter {
    max-width: 84px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.stores-brand-directory-nav .btn-filter.active {
  text-decoration: none;
  background: #FF6600;
  color: #FAE805;
}

@media only screen and (min-width: 1025px) {
  .stores-brand-directory-nav .btn-filter:hover {
    text-decoration: none;
    background: #FF6600;
    color: #FAE805;
  }
}

@media only screen and (max-width: 767px) {
  .detal-button {
    float: right;
    margin: 9px 0px !important;
    width: 33%;
    padding: 0 5px;
  }
  .detal-button .btn-filter {
    width: 100%;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .btn-map-filter {
    position: absolute;
    top: 51px;
    width: calc(100% - 66%);
  }
}

.map-container {
  background: url(.../images/caro-shape-bg.png) no-repeat top center;
  margin-top: -75px;
  padding: 51px 0;
}

@media (min-width: 1201px) {
  .map-container {
    background-size: 100% 100%;
  }
}

@media only screen and (max-width: 767px) {
  .map-container {
    padding: 30px 0 0;
    margin-top: 0px;
    background-repeat: repeat-y;
    height: 100vh;
  }
}

.map-container .level-items .item {
  display: block;
  float: none;
}

/* hieu fixed 2h 28/3/2017 */
@media only screen and (max-width: 767px) {
  .map-container .zoom-btn-group {
    float: none !important;
    margin: 18px auto 0;
    text-align: center;
    display: none;
  }
}
/* end*/
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .map-container .zoom-btn-group {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .map-container .zoom-btn-group li {
    float: none;
    display: inline-block;
  }
}

.map-container .zoom-btn-group button {
  width: 50px;
  height: 50px;
  border: 1px solid red;
  text-indent: 1000px;
}

.stores-brand-directory-content {
  background: url(../images/repeat-bg-purple.png) repeat left top;
  margin: 0 auto;
  padding: 68px 0;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-content {
    padding: 25px 0;
  }
}

.stores-brand-directory-content:after {
  height: 80px;
  background: url(../images/repeat-bg-purple-top.png) repeat center top/100% 100%;
  position: absolute;
  width: 100%;
  top: -80px;
  content: "";
  display: block;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-content:after {
    background-position: 80% top;
    background-size: auto;
  }
}

.map {
  margin: 16px 0 0px 5px;
}

@media only screen and (max-width: 767px) {
  .map {
    margin: 15px 0px 0px;
  }
}

.map img {
  max-width: 100%;
  max-height: 50px;
}

@media only screen and (max-width: 767px) {
  .map img {
    max-height: 40px;
  }
}

.level-items {
  padding: 0 0 0 35px;
}

.list-filter .content-block {
  position: relative;
  min-height: 160px;
  margin: 14px 0;
  background-color: #fff;
  text-align: center;
  border-radius: 8px;
  border: 3px solid transparent;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  box-shadow: 3px 3px 3px #220963;
}

@media only screen and (min-width: 768px) {
  .list-filter .content-block {
    max-width: 140px;
  }
}

@media only screen and (max-width: 767px) {
  .list-filter .content-block {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.list-filter .content-block:hover {
  border: 3px solid #FAE805;
}

@media only screen and (max-width: 767px) {
  .list-filter .content-block {
    min-height: 80px;
    margin: 5px 0;
  }
}

.list-filter .content-block .title {
  font-weight: 600;
  color: #333333;
  display: block;
  font-size: 14px;
}

@media only screen and (min-width: 768px) {
  .list-filter .content-block .title {
    min-height: 38px;
  }
}

.list-filter .content-block img {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 768px) {
  .list-filter .content-block img {
    margin-bottom: 4px;
  }
}

.list-filter .content-block .img {
  max-width: 65px;
  height: 48px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .list-filter .content-block .img {
    display: table-cell;
    vertical-align: middle;
    min-width: 50px;
    text-align: center;
    padding: 0 22px 0 0;
  }
  .list-filter .content-block .img + .data-content {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .list-filter .content-block .img + .data-content {
    padding-left: 22px;
  }
}

.list-filter .content-block .deal-tag {
  width: 28px;
  height: 30px;
  display: block;
  position: absolute;
  right: 10px;
  top: -3px;
  z-index: 2;
  background: url(../images/uiicon.png) no-repeat -132px 0px;
}

.list-filter .content-block .text {
  font-size: 64px;
  color: #d10074;
  position: absolute;
  left: 50%;
  top: 50%;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-transform: uppercase;
}

.list-filter .content-block .date-time,
.list-filter .content-block .position {
  color: #666666;
  font-size: 13px;
  line-height: 120%;
}

@media only screen and (min-width: 768px) {
  .list-filter .content-block .date-time {
    position: relative;
    top: 8px;
  }
  .list-filter .content-block .position {
    position: relative;
    top: 7px;
  }
}

.list-filter .content-block .content-block-inner {
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .list-filter .content-block .content-block-inner {
    padding: 0 24px;
    position: static;
    -webkit-transform: none;
    transform: none;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

.list-filter .content-block .content-block-inner .fa {
  margin-right: 5px;
  color: #666666;
}

.filter-label .label {
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin: 18px 0;
  padding: 0;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .filter-label .label {
    margin: 15px 0px;
  }
}

.logo-page {
  text-align: center;
  margin: 10px 0 18px;
}

@media only screen and (max-width: 767px) {
  .logo-page {
    margin-bottom: 50px;
  }
}

.logo-page a {
  display: inline-block;
}

.logo-page span {
  font-size: 44px;
  display: block;
  color: #FAE805;
  font-weight: 600;
  text-shadow: 1px 2px 0 #d10074;
  position: relative;
  line-height: 120%;
}

@media only screen and (max-width: 767px) {
  .logo-page span {
    font-size: 32px;
  }
}

.logo-page span:after {
  background: url(../images/under-line-yellow.png) no-repeat center bottom;
  bottom: -6px;
  content: "";
  height: 5px;
  display: block;
  position: absolute;
  width: 93px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
  .logo-page span:after {
    bottom: -14px;
  }
}

.level-heading {
   font-size: 32px;
   color: #d10074;
   padding: 0 0 0 20px;
   font-weight: bold;
   margin: 20px 0 0px;
   text-shadow: 2px 2px 0 #FF6600;
}

.level-items.nav-tabs > li {
  margin: 0;
}

.level-items.nav-tabs > li:hover a {
  opacity: 1;
  filter: alpha(opacity=100);
}

.level-items.nav-tabs > li.active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.level-items.nav-tabs > li.active:after {
  display: none !important;
}

.level-items.nav-tabs > li.active > a {
  background: url(../images/uiicon.png) no-repeat -85px -240px !important;
  color: #FAE805 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

.level-items.nav-tabs > li > .level {
  margin: 12px 0 0;
  width: 48px;
  height: 55px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: block;
  background: url(../images/uiicon.png) no-repeat -85px -240px !important;
  text-align: center;
  line-height: 53px;
  font-weight: 600;
  font-size: 31px;
  text-indent: -3px;
  padding: 0;
  -webkit-transition: none;
  transition: none;
  border: none;
  color: #FAE805;
  text-decoration: none;
}

.level-items.nav-tabs > li > .level:hover {
  text-decoration: none;
  background: url(../images/uiicon.png) no-repeat -85px -240px !important;
}

.zoom-btn-group li {
  display: block;
  float: left;
}

@media only screen and (min-width: 768px) {
  .zoom-btn-group li + li {
    margin-left: 5px;
  }
}

.zoom-btn-group .btn-zoom {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  display: block;
  font-size: 30px;
  line-height: 26px;
  text-align: center;
  background: #d10074;
  padding-bottom: 4px;
  width: 30px;
  border-radius: 5px;
}

.zoom-btn-group .btn-zoom:active, .zoom-btn-group .btn-zoom:hover, .zoom-btn-group .btn-zoom:focus {
  text-decoration: none;
}

@media only screen and (min-width: 768px) {
  .zoom-btn-group .btn-zoom {
    box-shadow: none;
    background: url(../images/uiicon.png) no-repeat -84px -85px;
    display: block;
    color: transparent;
    width: 48px;
    height: 55px;
  }
}

.zoom-btn-group .zoom-minus {
  background-position: -154px -85px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .zoom-btn-group .btn-zoom {
    padding-bottom: 0px;
    padding-top: 2px;
  }
}

.map-target {
  display: none;
}

.map-target.active {
  display: block;
}
.map-target .res, .map-target .atm, .map-target .par, .map-target .ele, .map-target .ent, .map-target .bus{
  display: none;
}
.map-target .res.selected, .map-target .atm.selected, .map-target .ent.selected, .map-target .ele.selected, .map-target .par.selected, .map-target .bus.selected{
  display: block;
}
.map-target .map-guide {
  position: absolute;
  display: block;
  left: 0;
  top: 50px;
  width: auto;
}
@media only screen and (max-width: 767px) {
    .map-target .map-guide{
        display: none;
    }
}
.map-target .map-guide li a {
  font-size: 12px;
  text-transform: uppercase;
  color: black;
}

.map-target .map-guide li a i {
  background-image: url(.../images/map-guide-icon.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: left top;
  width: 42px;
  height: 33px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.map-target .map-guide li a .health-icon {
  background-position: left -34px;
}

.map-target .map-guide li a .fashion-icon {
  background-position: left -72px;
}

.map-target .map-guide li a .beauty-icon {
  background-position: left -105px;
}

.map-target .map-guide li a .jewelries-icon {
  background-position: left -143px;
}

.map-target .map-guide li a .thai-icon {
  background-position: left -176px;
}

.map-target .map-guide li a .other-icon {
  background-position: left -210px;
}

.map-target .map-select-place {
  position: absolute;
  display: block;
  left: 150px;
  top: 50px;
  width: auto;
}

.map {
  position: relative;
}

.map .map-legend {
  position: static;
  left: 0;
  right: 0;
  background-color: rgba(130, 190, 234, 0.9);
  padding: 5px 0px;
}

@media only screen and (max-width: 767px) {
  .map .map-legend .store-logo {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
  }
}

.map .map-legend .store-name {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .map .map-legend .store-name {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
  }
}

.map .map-legend .store-name h5 {
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .map .map-legend .store-name h5 {
    margin: 4px 0px;
  }
}
/* hieu change 2h30-28/3 */
.map .img-map {
  background-color: transparent;
  width: 100%;
  margin-bottom: 23px;
}
/*end*/
@media only screen and (min-width: 768px) {
  .map .img-map {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .map .img-map {
    height: calc(100vh - 90px);
    margin-left: 0px;
    overflow: hidden;
    padding: 0;
    border: 2px solid #cccdce;
  }
}

@media only screen and (min-width: 1025px) {
  .map .img-map {
    height: auto;
  }
}

.area * {
  opacity: 0 !important;
  fill: rgba(0, 0, 0, 0.1) !important;
}

.area:hover * {
  stroke: black !important;
  fill: blue !important;
  opacity: 0.6 !important;
}

.map svg > g g:not(#Image):hover *,
.map svg > g g:not(#Image).fill-color * {
  fill: transparent !important;
  opacity: 1 !important;
  cursor: pointer;
  stroke: red !important;
}

.map svg > g g:not(#Image) {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.room {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100px;
  color: white;
  position: absolute;
  width: 100px;
  z-index: 9999;
}

@media only screen and (max-width: 767px) {
  .directory-variation-filter .detal-button {
    position: absolute;
    right: 0;
    top: 23px;
  }
}
/*hieu 28/3*/
.zoom-btn-group {
  position: absolute;
  right: -90px;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .zoom-btn-group {
    bottom: 20px;
    right: 10px;
    z-index: 100;
    top: auto;
  }
}
/*end*/
.popover {
  position: absolute;
  z-index: 900;
  display: none;
  max-width: 276px;
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  /* Offset the popover to account for the popover arrow*/
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(../images/uiicon.png) no-repeat scroll left -344px;
  display: block;
  width: 25px;
  height: 25px;
}

.popover-content {
  width: 175px;
  white-space: normal;
}

.popover-content .popover-detail {
  padding: 15px;
}

.popover-content .popover-detail h5 {
  margin: 0;
}

.popover-content .popover-detail .shop-title {
  color: #656565;
  font-style: italic;
  margin: 0;
}

.popover-content .popover-detail .shop-des {
  color: #656565;
  margin-bottom: 10px;
}

.popover-content .popover-detail .shop-des .place-icon {
  background: url(.../images/uiicon.png) no-repeat scroll left -382px;
  height: 12px;
  width: 18px;
  display: inline-block;
}

.popover-content .popover-detail .link-shop .link-icon {
  background: url(.../images/uiicon.png) no-repeat scroll left -409px;
  width: 24px;
  height: 16px;
  display: inline-block;
}

.popover-content .popover-detail .link-shop a {
  color: #cf0070;
}

/*.arrow is outer, .arrow:after is inner*/
.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 {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

.popover.right > .arrow {
  top: 35%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

.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, 0.25);
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  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, 0.25);
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.location-detail-page.what-new, .location-detail-page.what-new.happening-content {
  background: url(.../images/location-detail-what-new-bg.png) no-repeat top center;
  padding-top: 175px;
  padding-bottom: 70px;
  margin-top: -100px;
}

.location-detail-page.what-new .hexagon-block, .location-detail-page.what-new.happening-content .hexagon-block {
  width: 100px;
  height: 55px;
  background: red;
  position: relative;
}

.location-detail-page.what-new .hexagon-block:before, .location-detail-page.what-new.happening-content .hexagon-block:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 25px solid red;
}

.location-detail-page.what-new .hexagon-block:after, .location-detail-page.what-new.happening-content .hexagon-block:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 25px solid red;
}

.sale-sticker {
  position: relative;
}

.sale-sticker .sticker {
  position: absolute;
  left: 50%;
  top: -100px;
}

.pink-bg-slide, .yellow-bg-container {
  background: transparent url(../images/repeat-bg-purple.png) repeat scroll center;
}

.pink-bg-slide .text-center-hexagon, .yellow-bg-container .text-center-hexagon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  display: block;
  width: 100%;
  zoom: 1.01;
  padding: 0 10px;
}

.pink-bg-slide .text-center-hexagon .header-text, .yellow-bg-container .text-center-hexagon .header-text {
  color: #d1007c;
  text-transform: uppercase;
}

.pink-bg-slide .text-center-hexagon .description, .yellow-bg-container .text-center-hexagon .description {
  font-size: 12px;
  height: 60px;
  overflow: hidden;
  color: white;
}

.pink-bg-slide .text-center-hexagon .date-time, .yellow-bg-container .text-center-hexagon .date-time {
  font-size: 12px;
  color: white;
}

.pink-bg-slide .hexagon-shape .hexIn:before, .yellow-bg-container .hexagon-shape .hexIn:before {
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
}

.pink-bg-slide .hexagon-shape:hover .hexIn:before, .yellow-bg-container .hexagon-shape:hover .hexIn:before {
  opacity: 0;
}

.pink-bg-slide .hexagon-shape:hover .text-center-hexagon, .yellow-bg-container .hexagon-shape:hover .text-center-hexagon {
  display: none;
}

.pink-bg-slide .deal-icon, .yellow-bg-container .deal-icon {
  width: 120px;
  margin: -70px auto;
  height: 139px;
  position: relative;
}

.pink-bg-slide .header-title, .yellow-bg-container .header-title {
  display: block;
  color: #fab404;
  font-size: 32px;
  font-weight: 600;
  text-shadow: 1px 2px 0 #d10074;
  margin-top: 112px;
  text-align: center;
}

.yellow-bg-container {
  background: url(../images/location-detail-what-new-bg.png) no-repeat scroll center top/cover;
  margin-top: -120px;
  padding: 70px 0 110px;
}
@media (max-width: 768px) {
  .yellow-bg-container {
    padding: 0;
  }
}
.yellow-bg-container .header-title {
  color: #FF6600;
  text-align: left;
  margin-bottom: 30px;
}

.yellow-bg-container .hexagon-shape {
  height: 260px;
  margin: 0 4px;
}
.yellow-bg-container .hexagon-shape.no-data {
  opacity: 0;
}
.yellow-bg-container .hexagon-shape .hex-border {
  background-image: url(../images/hexagon-bg-pink.png);
  background-position: center -473px;
}

.yellow-bg-container .hexagon-shape .hex {
  padding-top: 2px;
  padding-bottom: 255px;
}

.yellow-bg-container .whats-new .row1, .yellow-bg-container .whats-new .row2 {
  text-align: center;
}

.yellow-bg-container .whats-new .row1 .hexagon-shape, .yellow-bg-container .whats-new .row2 .hexagon-shape {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .yellow-bg-container .whats-new .row1 .hexagon-shape, .yellow-bg-container .whats-new .row2 .hexagon-shape {
    display: block;
    margin: 5px auto;
  }
}

.yellow-bg-container .whats-new .row2 {
  margin-top: -60px;
}

@media only screen and (max-width: 767px) {
  .yellow-bg-container .whats-new .row2 {
    margin-top: 0;
  }
  .yellow-bg-container .hexagon-shape {
    margin: 0 auto;
  }
}

.yellow-bg-container .btn {
  text-transform: none;
  margin-top: 50px;
}
@media (max-width: 479px) {
	.yellow-bg-container .hexagon-shape {
    position: relative;
    width: 178px;
    height: 204px;
    margin: 0 auto;
  }
  .yellow-bg-container .hexagon-shape .hex {
    width: 176px;
    /* = (100-3) / 4 */
    padding-bottom: 203.227294755px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .yellow-bg-container .hexagon-shape .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .yellow-bg-container .hexagon-shape .hex-border {
    background-image: url(.../images/hexagon-bg-pink.png);
	background-position: -11px -240px;
  }
}
.page-layout {
  background: url(../images/bg-column-layout-content.jpg) repeat-y center top;
}

@media (min-width: 1201px) {
  .page-layout {
    background-size: cover;
  }
}

.hero-section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 600px rgba(0, 0, 0, 0.8) inset;
}

@media only screen and (max-width: 767px) {
  .hero-section {
    background: none !important;
    position: relative;
  }
  .hero-section .hero-section-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    background-size: cover;
  }
}

.hero-section .container {
  padding-top: 0 !important;
}

.hero-section .container .col-md-12 {
  min-height: 410px;
}

@media only screen and (max-width: 767px) {
  .hero-section .container .col-md-12 {
    min-height: 361px;
  }
}

.hero-section h1 {
  color: white;
  font-size: 44px;
  margin-top: 40px;
  text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
  .hero-section h1 {
    font-size: 32px;
  }
}

.header + .column-layout .hero-section {
  padding-top: 165px;
}

@media only screen and (max-width: 767px) {
  .header + .column-layout .hero-section {
    padding-top: 138px;
  }
}

.sub-heading {
  position: absolute;
  bottom: 32px;
  overflow: hidden;
  padding: 0 20px;
  left: 0;
  width: 100%;
}

.sub-heading .uiTab > li.active > a {
  text-shadow: 1px 1px 0 #FF6600;
}

@media only screen and (min-width: 768px) {
  .sub-heading {
    left: -4px;
    bottom: 36px;
    padding: 0px;
  }
}

.two-column .tab-content {
  margin-top: 30px;
}

.two-column .share,
.two-column .share-chinese {
  padding-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .editorial-1 .share,
  .editorial-1 .share-chinese {
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .editorial-1 .header-block h2 {
    margin-top: 9px;
  }
}

.editorial-1 .btn {
  text-transform: none;
}

.uiTab {
  border: none;
}

.uiTab > li {
  margin-bottom: 0;
  margin-right: 7px;
}

.uiTab > li > a {
  font-size: 18px;
  font-weight: 600;
  color: white;
  border: none !important;
  text-shadow: 0px 2px 0 #e00034;
}

.uiTab > li > a:hover, .uiTab > li > a:active, .uiTab > li > a:focus {
  background: none !important;
  border: none !important;
  outline: none;
  outline-offset: 0px;
}

.uiTab > li.active > a {
  background: none !important;
  border: none !important;
  color: #d10074 !important;
  outline: none;
  text-shadow: 0px 1px 0 #FF6600;
}

.uiTab > li.active:after {
  display: block;
  width: 75%;
  height: 6px;
  content: "";
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  background: url(../images/under-line.png) no-repeat center;
  background-size: 100% 100%;
}

.share,
.share-chinese {
  padding: 16px 0 8px;
}

@media only screen and (min-width: 768px) {
  .share,
  .share-chinese {
    text-align: right;
    padding: 27px 0 8px;
  }
}

.share-chinese .bshareDiv {
  display: inline-block !important;
}

.one-column .col-md-8 .share,
.one-column .col-md-8 .share-chinese {
  padding-bottom: 0;
  text-align: left;
}

.one-column .col-md-8 .visible-xs-block.share,
.one-column .col-md-8 .visible-xs-block.share-chinese {
  padding-top: 0;
  margin-top: 24px;
  padding-bottom: 27px;
}

.addthis_button_compact {
  color: #FF6600;
  font-size: 15px;
  font-weight: 600;
}

.addthis_button_compact .fa {
  margin-right: 5px;
}

.page-layout {
  padding: 0 0 54px;
}

.page-layout .sidebar {
  position: relative;
  padding: 20px 0 0;
  background: url(../images/top-bg-box.png) no-repeat left top;
  width: 302px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .page-layout .sidebar {
    float: right;
  }
}

.page-layout .sidebar h3 {
  color: #FF6600;
  margin: 0 0 11px;
  font-size: 26px;
  font-weight: 600;
  line-height: 120%;
}

.page-layout .sidebar p {
  line-height: 140%;
}

@media only screen and (max-width: 767px) {
  .page-layout .sidebar {
    background-size: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 320px) {
  .page-layout .sidebar {
    width: 280px;
    margin: 0;
  }
}

.page-layout .sidebar .sidebar-inner-middle {
  padding: 16px 20px 16px;
  background: url(../images/middle-bg-box.png) repeat-y left top;
}

@media only screen and (max-width: 767px) {
  .page-layout .sidebar .sidebar-inner-middle {
    background-size: 100%;
  }
}

.page-layout .sidebar .sidebar-inner {
  padding-bottom: 22px;
  background: url(../images/bottom-bg-box.png) no-repeat left bottom;
}

@media only screen and (max-width: 767px) {
  .page-layout .sidebar .sidebar-inner {
    background-size: 100%;
    padding-bottom: 18px;
  }
}

.page-layout .app-butons {
  margin-top: 26px;
}

.page-layout .app-butons a {
  display: block;
}

.page-layout .app-butons a + a {
  margin-top: 10px;
}

.page-layout .content p {
  line-height: 138%;
  margin: 0 0 24px;
}

.page-layout .content p:first-child strong {
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 124%;
  margin-top: -3px;
}

.tab-select-mobile {
  position: relative;
}

.tab-select-mobile:after {
  content: "";
  width: 26px;
  height: 12px;
  left: auto;
  top: 14px;
  display: block;
  position: absolute;
  background: url(../images/sprite.png) -217px 0;
  pointer-events: none;
  right: 10px;
}

.original.tab-select {
  background: #FAE805;
  border: 2px solid #FF6600;
  width: 100%;
  color: #FF6600;
  font-weight: 600;
  font-size: 14px;
}

.stage-head,
.stage.end {
  background: #FF6600;
  padding: 10px 12px 10px 36px;
  color: white;
  position: relative;
  font-size: 16px;
  font-weight: 600;
}

.stage-head .fa,
.stage.end .fa {
  color: #d10074;
  font-size: 20px;
  position: absolute;
  left: 14px;
  top: 10px;
}

.stage-row {
  padding: 10px 18px;
  line-height: 138%;
  font-size: 16px;
}

.stage-row + .stage-row {
  border-top: 2px solid #333;
}

.result {
  margin-bottom: 24px;
}

.map-box {
  border: 2px solid #FF6600;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .map-box iframe {
    max-height: 215px;
  }
}

.search-box-localtion {
  margin: 32px 0 38px;
}

.search-box-localtion .label-title {
  color: #FF6600;
  font-weight: 600;
  font-size: 16px;
}

.search-box-localtion .form-control {
  margin: 2px 0 15px;
  height: 42px;
}

@media only screen and (min-width: 768px) {
  .search-box-localtion .form-control {
    max-width: 380px;
    display: inline;
    margin: 0 14px;
  }
}

.one-column .title {
  font-size: 26px;
  color: #FF6600;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .one-column .title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .one-column .share,
  .one-column .share-chinese {
    margin: 0;
    text-align: right;
  }
}

.the-content .image {
  text-align: center;
  margin-bottom: 20px;
}

.the-content .image img {
  display: block;
  margin: 20px auto 5px;
}

.the-content .image span {
  color: #FF6600;
  font-weight: 600;
  font-size: 16px;
}

.the-content li {
  list-style: outside none disc;
}

.result + .map-area {
  padding-top: 0;
}

.map-area {
  clear: both;
  padding-top: 72px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .map-area {
    padding-top: 25px;
  }
  .map-area .tab-select-mobile {
    margin-bottom: 18px;
  }
}

.map-area .tab-content {
  clear: both;
}

.map-area .nav-tabs {
  float: right;
  border: none;
}

.map-area .nav-tabs > li {
  border: none !important;
  background: none !important;
  outline: none !important;
  margin: 0 0 0 8px !important;
}

.map-area .nav-tabs > li.active > a {
  background-image: url(../images/btn-default.png) !important;
  background-position: 0 -278px !important;
  color: #FAE805;
}

.map-area .nav-tabs > li > a {
  border: none !important;
  background: none !important;
  font-size: 18px;
  -webkit-transition: none;
  transition: none;
  color: #FAE805;
  font-weight: 600;
  background-image: url(../images/btn-default.png) !important;
  background-position: 0 -193px !important;
  outline: none !important;
  min-width: 164px;
  padding: 16px 50px 6px;
  text-align: center;
}

.map-area .guide {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
  color: #FF6600;
  font-weight: 600;
  font-size: 16px;
}

@media only screen and (min-width: 1025px) {
  .map-area .guide {
    top: 14px;
    margin-bottom: 0;
  }
}

.atm-s > a {
  display: none !important;
}

.atm-s > a#atic_facebook,
.atm-s > a#atic_twitter,
.atm-s > a#atic_google_plusone_share,
.atm-s > a#atic_pinterest_share, .atm-s #atic_more {
  display: block !important;
}

#at_hover > a {
  display: none !important;
}

#at_hover #atic_facebook,
#at_hover #atic_twitter,
#at_hover #atic_pinterest_share,
#at_hover #atic_google_plusone_share, #at_hover #atic_more {
  display: block !important;
}

#at4m-menu-body .at4m-listitem {
  display: none !important;
}

#at4m-menu-body .at4m-listitem:nth-child(1),
#at4m-menu-body .at4m-listitem:nth-child(2),
#at4m-menu-body .at4m-listitem:nth-child(4),
#at4m-menu-body .at4m-listitem:nth-child(6) {
  display: block !important;
}

.page-404 {
  color: white;
  font-size: 16px;
}

.page-404 ul {
  padding: 0;
}

.page-404 ul li {
  margin: 5px 0;
}

.page-404 ul li a {
  color: #d10074;
  text-decoration: underline;
}

.page-404 .text-code {
  margin-bottom: 20px;
  color: #c0c2c4;
}

.page-404 h1 {
  color: #FAE805;
  text-shadow: none;
}

.page-404 .text {
  font-size: 26px;
  margin: 30px 0 44px;
}

@media only screen and (max-width: 767px) {
  .header + div > div:first-child.customer-sigin-register {
    padding-top: 160px;
  }
}

.customer-sigin-register {
  background: url('../images/bg-grey.jpg') no-repeat top center;
  background-size: cover;
}

.customer-sigin-register .content-container {
  margin-top: 22px;
}

@media only screen and (max-width: 767px) {
  .customer-sigin-register .content-container {
    margin-top: 0px;
  }
}

.customer-sigin-register .btn {
  text-transform: none;
}

.customer-sigin-register .page-title {
  margin-bottom: 26px;
  padding: 0 11px;
}

@media only screen and (max-width: 767px) {
  .customer-sigin-register .page-title {
    padding: 0 17px;
    margin-bottom: 22px;
  }
}

.customer-sigin-register h2 {
  color: #FAE805;
  font-size: 32px;
  font-weight: 600;
  text-shadow: 1px 2px #2f0d14;
}

@media only screen and (max-width: 767px) {
  .customer-sigin-register h2 {
    max-width: 72%;
  }
}

.customer-sigin-register p {
  color: #fff;
  font-size: 18px;
}

.customer-sigin-register .or {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.customer-sigin-register .or p {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
      align-self: center;
  text-shadow: 2px 2px #320e16;
  margin: 0px;
  font-size: 32px;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .customer-sigin-register .or {
    position: static;
    display: block;
    margin-top: 31px;
    float: left;
    width: 100%;
  }
}

.customer-sigin-register .social-box {
  z-index: 10;
}

.customer-sigin-register .social-container .social-icon ul {
  padding-left: 0px;
  margin-left: -8px;
  margin-right: -8px;
}

.customer-sigin-register .social-container .social-icon ul li {
  padding: 0px 8px;
  display: inline-block;
}

.customer-sigin-register .social-container .social-icon ul li a {
  width: 65px;
  display: block;
  text-align: center;
}

.customer-sigin-register .social-container .social-icon ul li a i {
  line-height: 20px;
  color: #fff;
  font-size: 31px;
  vertical-align: middle;
  padding: 28px 0px;
}

@media only screen and (max-width: 767px) {
  .customer-sigin-register .social-container .social-icon ul li a {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .header + .main.sign-in-content {
    padding-top: 157px;
  }
}

.sign-in-content .content-container {
  padding-bottom: 100px;
}

.sign-in-content .forgot-password-welcome {
  padding-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password-welcome {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password2,
  .sign-in-content .forgot-password {
    padding-bottom: 80px;
  }
}

.sign-in-content.reset-password {
  padding-bottom: 72px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .register-form {
    margin-top: 22px;
  }
  .sign-in-content .register-form .register-form-label {
    margin-bottom: 22px;
  }
}

.sign-in-content .form-group {
  margin-bottom: 13px;
}

.sign-in-content .form-group label {
  margin-bottom: 10px;
}

.sign-in-content .social-container p {
  max-width: 273px;
}

.sign-in-content .social-container .social-icon {
  margin-top: 18px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .social-container .social-icon {
    margin-top: 26px;
  }
}

.sign-in-content .or p {
  margin-top: -18px;
}

.sign-in-content .sign-in-button {
  margin-top: 10px;
  text-transform: none;
}

.sign-in-content .advice span {
  display: block;
  font-size: 14px;
}

.sign-in-content .advice span.hightlight {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 6px;
}

.sign-in-content .forgot-password-welcome .page-title {
  margin-bottom: 28px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password-welcome .page-title {
    margin-bottom: 20px;
  }
}

.sign-in-content .forgot-password-welcome .page-title h2 {
  margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password-welcome .page-title h2 {
    margin-bottom: 17px;
  }
}

.sign-in-content .forgot-password-welcome .page-title p {
  margin-top: 5px;
}

.sign-in-content .forgot-password-welcome .form-group {
  margin-bottom: 35px;
}

.sign-in-content .forgot-password-welcome .form-group.re-password {
  margin-bottom: 28px;
}

.sign-in-content .forgot-password-welcome .form-group label {
  margin-bottom: 8px;
}

.sign-in-content .forgot-password-welcome .showpass {
  margin-bottom: 17px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password .page-title {
    margin-bottom: 18px;
  }
}

.sign-in-content .forgot-password .register-form {
  margin-top: 18px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password .register-form {
    margin-top: 10px;
  }
}

.sign-in-content .forgot-password .advice span.hightlight {
  margin-bottom: 6px;
}

.sign-in-content .forgot-password .form-group {
  margin-bottom: 21px;
}

.sign-in-content .forgot-password .form-group label {
  margin-bottom: 9px;
}

.sign-in-content .forgot-password .g-recaptcha {
  -webkit-transform-origin: 0px 0px 0px;
          transform-origin: 0px 0px 0px;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.sign-in-content .forgot-password .g-recaptcha + .form-error {
  margin-top: 25px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password .g-recaptcha {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
}

.sign-in-content .forgot-password .sign-in-button {
  margin-top: 7px;
}

.sign-in-content .forgot-password2 {
  /*   .action {
            @include mobile {
                text-align: center
            }
        } */
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password2 .page-title {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password2 .advice span.hightlight {
    margin-bottom: 25px;
  }
}

.sign-in-content .forgot-password2 .password-message {
  margin-top: 36px;
  line-height: 23px;
  font-size: 14px;
}

.sign-in-content .forgot-password2 .password-message span {
  display: block;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password2 .password-message span {
    display: inline;
  }
}

.sign-in-content .forgot-password2 .sign-in-back-button {
  margin-top: 10px;
  text-transform: none;
  padding-left: 30px;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password2 .sign-in-back-button {
    margin-top: 2px;
  }
}

.sign-in-content .forgot-password2 .faq-link {
  margin-top: 16px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password2 .faq-link {
    text-align: left;
    line-height: 22px;
  }
}

.sign-in-content .forgot-password2 .register-form {
  margin-top: 19px;
}

@media only screen and (max-width: 767px) {
  .sign-in-content .forgot-password2 .register-form {
    margin-top: 10px;
  }
}

.sign-in-content .forgot-password2 .form-group label {
  margin-bottom: 8px;
}

.benefits-content {
  position: relative;
  padding-top: 41px;
  padding-bottom: 79px;
  background: url(.../images/benefit-bg.jpg) no-repeat top center;
  background-size: 100% 100%;
}

@media only screen and (max-width: 767px) {
  .benefits-content {
    padding-top: 0;
  }
}

.benefits-content:before {
  content: "";
  background: url(.../images/sign-in-before-benfit.png) no-repeat top center;
  background-size: 100% 100%;
  width: 100%;
  height: 81px;
  position: absolute;
  bottom: 100%;
}

@media only screen and (max-width: 767px) {
  .benefits-content:before {
    height: 53px;
    background-image: url(.../images/sign-in-before-mobile-benfit.png);
  }
}

.benefits-content h2 {
  margin-bottom: 6px;
  font-size: 32px;
  color: #333333;
  text-shadow: 2px 2px #a6a6a6;
  font-weight: 600;
}

.benefits-content p {
  margin-top: 5px;
  color: #522298;
  font-size: 18px;
  font-weight: 600;
}

.benefits-content .box-benefits {
  text-align: center;
}

.benefits-content .box-benefits ul {
  font-size: 0;
  display: inline-block;
  width: 100%;
  margin-top: 44px;
  margin-bottom: 24px;
  padding-left: 0px;
}

@media only screen and (max-width: 767px) {
  .benefits-content .box-benefits ul {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    margin-left: -8px;
    margin-right: -8px;
  }
}

.benefits-content .box-benefits ul li {
  display: inline-block;
  text-align: center;
  float: none;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  .benefits-content .box-benefits ul li {
    margin-bottom: 20px;
  }
  .benefits-content .box-benefits ul li.five-column {
    width: calc(100% / 2);
    padding-left: 8px;
    padding-right: 8px;
  }
}

.benefits-content .box-benefits ul li a {
  display: block;
}

.benefits-content .box-benefits ul li span {
  display: block;
  color: #522298;
  font-weight: 600;
  font-size: 16px;
  margin-top: 8px;
  max-width: 170px;
}

@media only screen and (max-width: 767px) {
  .benefits-content .box-benefits ul li span {
    margin-top: 7px;
    font-size: 14px;
    max-width: 120px;
  }
}

.benefits-content .button-container {
  text-align: center;
}

.benefits-content .button-container a {
  text-transform: none;
}

@media only screen and (max-width: 767px) {
  .benefits-content {
    background-repeat: repeat-y;
    padding-bottom: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .register-content .page-title {
    margin-bottom: 18px;
  }
  .register-content .page-title h2 {
    max-width: 97%;
  }
}

.register-content .register-form {
  margin-top: 18px;
}

.register-content .form-group {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .register-content .form-group {
    margin-bottom: 21px;
  }
}

.register-content .form-group label {
  margin-bottom: 8px;
}

.register-content .or p {
  margin-top: -204px;
}

@media only screen and (max-width: 767px) {
  .register-content .or p {
    margin-top: auto;
  }
}

@media only screen and (max-width: 767px) {
  .register-content .or {
    margin-top: 11px;
    margin-bottom: 22px;
  }
}

.register-content .social-icon {
  margin-top: 19px;
}

@media only screen and (max-width: 767px) {
  .register-content .social-icon {
    margin-top: 14px;
  }
}

.register-content hr {
  margin-top: 71px;
  border-color: #666666;
}

@media only screen and (max-width: 767px) {
  .register-content hr {
    margin-top: 51px;
  }
}

.register-content .already-account {
  margin-top: 32px;
  margin-bottom: 47px;
}

.register-content .already-account h2 {
  margin-top: 18px;
  padding: 0px;
  margin-bottom: 9px;
}

.register-content .already-account p {
  font-weight: 600;
}

.register-content .already-account a {
  color: #fff;
  text-decoration: underline;
}

.register-content .complete-registration-content .page-title {
  margin-bottom: 28px;
}

@media only screen and (max-width: 767px) {
  .register-content .complete-registration-content .page-title {
    margin-bottom: 20px;
  }
}

.register-content .complete-registration-content .bootstrap-select.input-validation-error .btn {
  border-color: #ff0039 !important;
}

.register-content .complete-registration-content .bootstrap-select.input-validation-error .btn .bs-caret {
  opacity: 0;
  z-index: -1;
}

.register-content .complete-registration-content .bootstrap-select.input-validation-error .btn:hover .bs-caret, .register-content .complete-registration-content .bootstrap-select.input-validation-error .btn:focus .bs-caret, .register-content .complete-registration-content .bootstrap-select.input-validation-error .btn:active .bs-caret {
  opacity: 1;
  z-index: 1;
}

.register-content .complete-registration-content .bootstrap-select.input-validation-error:hover .bs-caret, .register-content .complete-registration-content .bootstrap-select.input-validation-error:focus .bs-caret, .register-content .complete-registration-content .bootstrap-select.input-validation-error:active .bs-caret, .register-content .complete-registration-content .bootstrap-select.input-validation-error.open .bs-caret {
  opacity: 1;
  z-index: 1;
}

.register-content .complete-registration-content .bootstrap-select.input-validation-error:hover ~ .field-validation-error::after, .register-content .complete-registration-content .bootstrap-select.input-validation-error:focus ~ .field-validation-error::after, .register-content .complete-registration-content .bootstrap-select.input-validation-error:active ~ .field-validation-error::after, .register-content .complete-registration-content .bootstrap-select.input-validation-error.open ~ .field-validation-error::after {
  opacity: 0;
}

.register-content .complete-registration-content .bootstrap-select .btn {
  min-width: 0;
  color: #bbbbbb !important;
  border-color: #FAE805 !important;
  background-color: #fff !important;
}

.register-content .complete-registration-content .bootstrap-select .btn .bs-caret {
  background-position: -246px 0;
}

.register-content .complete-registration-content .bootstrap-select .btn .bs-caret .caret {
  display: none;
}

.register-content .complete-registration-content .bootstrap-select .dropdown-menu {
  background: #FF6600;
}

.register-content .complete-registration-content .bootstrap-select .dropdown-menu li a {
  color: white;
}

.register-content .complete-registration-content .checkbox label {
  color: #bababa;
  font-size: 14px;
  font-weight: normal;
  padding-left: 5px;
}

.register-content .complete-registration-content .checkbox label:before {
  margin-left: -7px;
  margin-right: 5px;
}

.register-content .complete-registration-content .checkbox.option-group {
  margin-bottom: 18px;
}

@media only screen and (max-width: 767px) {
  .register-content .complete-registration-content .checkbox.option-group {
    margin-bottom: 6px;
  }
}

.register-content .complete-registration-content .guide {
  color: #bababa;
  margin: 10px 0px;
}

.register-content .complete-registration-content .form-group {
  margin-bottom: 36px;
}

.register-content .complete-registration-content .form-group.date-select {
  margin-bottom: 26px;
}

@media only screen and (max-width: 767px) {
  .register-content .complete-registration-content .form-group.date-select .row {
    margin: 0 -5px;
  }
  .register-content .complete-registration-content .form-group.date-select .col-xs-4,
  .register-content .complete-registration-content .form-group.date-select .col-xs-12 {
    padding: 0 5px;
  }
}

.register-content .complete-registration-content .form-group.signup-options {
  margin-bottom: 22px;
}

@media only screen and (max-width: 767px) {
  .register-content .complete-registration-content .form-group.signup-options {
    margin-bottom: 16px;
  }
}

.register-content .complete-registration-content .showpass {
  margin-top: -15px;
  margin-bottom: 28px;
}

.register-content .complete-registration-content .action {
  margin-bottom: 24px;
}

.register-content .complete-registration-content hr {
  margin-top: 38px;
}

@media only screen and (max-width: 767px) {
  .register-content .complete-registration-content hr {
    margin-top: 32px;
  }
}

.register-content .complete-registration-content .already-account {
  margin-bottom: 29px;
}

.register-content .verify-content .page-title {
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  .register-content .verify-content .page-title h2 {
    max-width: 93%;
  }
}

.register-content .verify-content .verify-notice {
  margin-bottom: 5px;
}

.register-content .verify-content span.mobile-block {
  display: block;
}

.register-content .verify-content .already-account {
  margin-top: 15px;
}

.register-content .verify-content .already-account h2 {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .register-content .verify-content .already-account h2 {
    margin-top: 26px;
    margin-bottom: 6px;
  }
}

.register-content .verify-content hr {
  margin-top: 29px;
  width: calc(100% * 3 / 4);
  margin-left: 0px;
}

@media only screen and (max-width: 767px) {
  .register-content .verify-content hr {
    margin-top: 11px;
    width: auto;
  }
}

.register-content .thanks-content {
  padding-bottom: 46px;
}

.register-content .thanks-content .page-title {
  margin-bottom: 27px;
}

@media only screen and (max-width: 767px) {
  .register-content .thanks-content .page-title {
    margin-bottom: 23px;
  }
}

.register-content .thanks-content .discount-box {
  max-width: 258px;
  border-radius: 9px;
  box-shadow: 2px 0px 1px #110720;
  margin-top: 39px;
  margin-bottom: 17px;
}

@media only screen and (max-width: 767px) {
  .register-content .thanks-content .discount-box {
    margin-top: 52px;
    margin-left: auto;
    margin-right: auto;
  }
}

.register-content .thanks-content .discount-box .panel-body {
  text-align: center;
  padding: 19px;
}

.register-content .thanks-content .discount-box .icon-box i {
  font-size: 80px;
  color: #666;
}

.register-content .thanks-content .discount-box .discount-description {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  line-height: 21px;
}

.register-content .thanks-content .discount-box .discount-description span {
  color: #e00034;
}

.register-content .thanks-content .share {
  text-align: center;
  max-width: 258px;
  margin-top: 0px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .register-content .thanks-content .share {
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 52px 0;
  }
}

.register-content .thanks-content .share .addthis_button_compact {
  color: #FAE805;
}

.register-get-more-content {
  background: #FAE805 url(.../images/benefit-bg.jpg) no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  padding-bottom: 45px;
}

.register-get-more-content .btn {
  text-transform: none;
}

@inline tablet {
  .register-get-more-content {
    padding-top: 39px;
  }
}

.register-get-more-content:before {
  content: "";
  width: 100%;
  height: 81px;
  position: absolute;
  bottom: 100%;
  background: url(.../images/sign-in-before-benfit.png) no-repeat top center;
  background-size: 100% 100%;
}

@media only screen and (max-width: 767px) {
  .register-get-more-content:before {
    height: 53px;
    background-image: url(.../images/sign-in-before-mobile-benfit.png);
  }
}

.register-get-more-content h2 {
  text-shadow: 2px 2px #a6a6a6;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .register-get-more-content h2 {
    margin-bottom: 21px;
  }
}

.register-get-more-content p {
  color: #522298;
  font-size: 18px;
  font-weight: 600;
}

.register-get-more-content .box-1 {
  border-right: 1px solid #522298;
}

@media only screen and (max-width: 767px) {
  .register-get-more-content .box-1 {
    border-right: 0px;
    margin-bottom: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .register-get-more-content .box-1 .find-more {
    padding-bottom: 40px;
    border-bottom: 1px solid #522298;
  }
}

.register-get-more-content .find-more-container {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .register-get-more-content .find-more-container {
    margin-top: 20px;
  }
}

.register-get-more-content .find-more {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 20px;
}

.register-get-more-content .find-more .description {
  margin-top: 6px;
  margin-bottom: 9px;
  max-width: 236px;
  min-height: 50px;
  color: #522298;
  font-size: 16px;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .event-listing .logo-page span {
    font-size: 32px;
  }
}

.event-listing .stores-brand-dir-nav .event-listing-filter {
  margin: 0 -15px;
}

@media only screen and (min-width: 1025px) {
  .event-listing .stores-brand-dir-nav .event-listing-filter {
    margin: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .event-listing .stores-brand-dir-nav .event-listing-filter {
    margin: 0 -6px;
  }
}

.event-listing .stores-brand-dir-nav .filter-button {
  float: left;
  width: calc(100%/3);
  margin: 0px;
  padding: 0 15px;
}

.event-listing .stores-brand-dir-nav .filter-button button {
  float: none !important;
  margin: 0px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

@media only screen and (min-width: 1025px) {
  .event-listing .stores-brand-dir-nav .filter-button {
    width: 174px;
    margin-right: 9px;
    padding: 0px;
  }
  .event-listing .stores-brand-dir-nav .filter-button.all {
    width: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .event-listing .stores-brand-dir-nav .filter-button {
    padding: 0 3px;
  }
}

.event-listing .stores-brand-dir-nav .search-box-group {
  margin-top: 12px;
  padding: 0px 15px;
  width: 100%;
  float: left !important;
}

.event-listing .stores-brand-dir-nav .search-box-group input[type='text'] {
  width: 100%;
  max-width: none;
}

@media only screen and (min-width: 1025px) {
  .event-listing .stores-brand-dir-nav .search-box-group input[type='text'] {
    width: 345px;
  }
}

@media only screen and (min-width: 1025px) {
  .event-listing .stores-brand-dir-nav .search-box-group {
    float: left !important;
    width: auto;
    padding: 0px;
    margin: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .event-listing .stores-brand-dir-nav .search-box-group {
    padding: 0 3px;
  }
  .event-listing .stores-brand-dir-nav .search-box-group .input-search-btn {
    right: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .event-listing .stores-brand-dir-nav .search-box-group .input-search-btn {
    right: 19px;
  }
}

@media only screen and (min-width: 768px) {
  .event-listing .stores-brand-dir-nav {
    padding: 40px 24px 40px 32px;
  }
}

@media only screen and (max-width: 767px) {
  .event-listing .stores-brand-dir-nav {
    padding-bottom: 53px;
  }
}

.event-listing-content {
  padding-top: 38px;
  padding-bottom: 61px;
}

.event-listing-content .event-list .event {
  border: 4px solid transparent;
  position: relative;
  max-height: 208px;
  min-height: 208px;
  border-radius: 10px;
  box-shadow: 1px 2px 1px 1px #1c0659;
}

@media only screen and (max-width: 767px) {
  .event-listing-content .event-list .event {
    max-height: none;
  }
}

.event-listing-content .event-list .event.event-active, .event-listing-content .event-list .event:hover {
  border-color: #FAE805;
}

.event-listing-content .event-list .event .active-icon {
  position: absolute;
  top: -2px;
  right: 16px;
}

.event-listing-content .event-list .event .panel-body {
  padding: 6px;
}

.event-listing-content .event-list .event .event-image {
  height: 110px;
  overflow: hidden;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  .event-listing-content .event-list .event .event-image {
    height: auto;
  }
}

.event-listing-content .event-list .event .event-image img {
  width: 100%;
  border-radius: 10px;
}

.event-listing-content .event-list .event .event-image a.box-image {
  display: block;
  width: 100%;
  height: 110px;
  margin: 0 auto;
  background-size: cover;
  border-radius: 10px;
  background-repeat: no-repeat;
}

.event-listing-content .event-list .event .event-info {
  margin-top: 13px;
  text-align: center;
}

.event-listing-content .event-list .event .event-info .event-time {
  font-size: 13px;
  color: #d10074;
}

.event-listing-content .event-list .event .event-info .event-name {
  color: #333333;
  font-weight: 600;
  min-height: 60px;
  max-width: 218px;
  font-size: 16px;
  line-height: 20px;
}

.event-listing-content .has-description .event {
  max-height: 224px;
}

@media only screen and (max-width: 767px) {
  .event-listing-content .has-description .event {
    max-height: 100%;
  }
}

.event-listing-content .has-description .event .event-info {
  margin-top: 9px;
  height: 84px;
  overflow: hidden;
}

.event-listing-content .has-description .event .event-info .event-name {
  max-width: none;
  min-height: 25px;
}

.event-listing-content .has-description .event .event-info .event-short-des {
  color: #666666;
  font-size: 13px;
  font-weight: 600;
  padding: 0 10px;
  line-height: 17px;
}

@media only screen and (max-width: 767px) {
  .event-detail .related-items {
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .event-detail .item-detail.main-box .item-data {
    margin-top: 15px;
  }
  .event-detail .item-name .col-xs-8 {
    padding-right: 0;
  }
  .event-detail .item-detail.main-box .item-data .item-infomations {
    margin-top: 30px;
  }
  .event-detail .item-detail.main-box .item-data .item-infomations .actions {
    margin-bottom: 25px;
  }
  .event-detail .item-detail.main-box .item-data .item-infomations .actions .btn + .btn {
    margin-top: 10px;
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

#ticket-listing {
  padding-top: 0px;
  background-image: none;
  padding-bottom: 0;
}

#ticket-listing .stores-brand-dir-nav {
  margin-top: 36px;
}

#listing-header-carousel {
  z-index: 1;
}

#listing-header-carousel img {
  width: 100%;
}

#listing-header-carousel .slick-dots .slick-active button {
  background-color: #fff;
  width: 16px;
  height: 16px;
  margin-top: -2px;
}

#listing-header-carousel .slick-dots li button {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 12px;
  height: 12px;
  background-color: #777777;
  border-width: 0px;
  box-shadow: 2px 2px 0 0 #FF6600;
}

#listing-header-carousel .slick-prev {
  z-index: 1;
  position: absolute;
  left: 10%;
  top: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 34px;
  background-image: url(../images/ticket-listing-arrow-prev.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 34px;
  text-indent: -9999px;
  background-color: transparent;
  border-width: 0;
}

#listing-header-carousel .slick-next {
  z-index: 1;
  position: absolute;
  right: 10%;
  top: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 34px;
  background-image: url(../images/ticket-listing-arrow-next.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 34px;
  text-indent: -9999px;
  background-color: transparent;
  border-width: 0;
}

.ticket-listing .item-detail {
  background: url(.../images/location-detail.png) repeat center;
}

.ticket-listing .container {
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .ticket-listing .stores-brand-dir-nav .ticket-listing-filter .row {
    margin-left: -14px;
    margin-right: -14px;
  }
}

@media only screen and (min-width: 1025px) {
  .ticket-listing .stores-brand-dir-nav .ticket-listing-filter {
    margin: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-listing .stores-brand-dir-nav .ticket-listing-filter {
    margin: 0 -6px;
  }
}

.ticket-listing .stores-brand-dir-nav .ticket-listing-filter .category-select {
  width: 100%;
  margin-right: 0;
  max-width: 100%;
}

.ticket-listing .stores-brand-dir-nav .ticket-listing-filter .sorting {
  width: 100%;
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .ticket-listing .stores-brand-dir-nav .ticket-listing-filter .sorting {
    margin-top: 12px;
  }
}

.ticket-listing .stores-brand-dir-nav .filter-button {
  float: left;
  width: calc(100%/2);
  margin: 0px;
  padding: 0 15px;
}

.ticket-listing .stores-brand-dir-nav .filter-button button {
  float: none !important;
  margin: 0px;
  width: 100%;
}

@media only screen and (min-width: 1025px) {
  .ticket-listing .stores-brand-dir-nav .filter-button {
    width: 174px;
    margin-right: 9px;
    padding: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-listing .stores-brand-dir-nav .filter-button {
    padding: 0 3px;
  }
}

.ticket-listing .stores-brand-dir-nav .search-box-group {
  margin-top: 12px;
  width: 100%;
  float: left !important;
}

.ticket-listing .stores-brand-dir-nav .search-box-group input[type='text'] {
  width: 100%;
  max-width: none;
}

@media only screen and (min-width: 1025px) {
  .ticket-listing .stores-brand-dir-nav .search-box-group input[type='text'] {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .ticket-listing .stores-brand-dir-nav .search-box-group {
    float: left !important;
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-listing .stores-brand-dir-nav .search-box-group .input-search-btn {
    right: 4px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ticket-listing .stores-brand-dir-nav .search-box-group .input-search-btn {
    right: 4px;
  }
}

@media only screen and (min-width: 768px) {
  .ticket-listing .stores-brand-dir-nav {
    padding: 40px 24px 40px 32px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-listing .stores-brand-dir-nav {
    padding-bottom: 53px;
  }
}

.ticket-listing-content {
  padding-top: 196px;
  padding-bottom: 0;
  margin-top: -176px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ticket-listing-content {
    padding-top: 250px;
    margin-top: -230px;
  }
}

.ticket-listing-content.stores-brand-directory-content {
  background-image: url(../images/location-detail.png);
  background-repeat: repeat;
  background-position: center;
}

.ticket-listing-content.stores-brand-directory-content:after {
  background: none;
}

.ticket-listing-content .ticket-list .ticket {
  border: 4px solid transparent;
  position: relative;
  max-height: 365px;
  min-height: 365px;
  border-radius: 10px;
  box-shadow: 1px 2px 1px 1px #1c0659;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ticket-listing-content .ticket-list .ticket {
    max-height: 330px;
    min-height: 330px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-listing-content .ticket-list .ticket {
    max-height: auto;
    min-height: auto;
    height: auto;
  }
}

.ticket-listing-content .ticket-list .ticket .panel-body {
  padding: 6px;
}

.ticket-listing-content .ticket-list .ticket .ticket-image {
  height: 200px;
  max-height: 200px;
  min-height: 200px;
  overflow: hidden;
  border-radius: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ticket-listing-content .ticket-list .ticket .ticket-image {
    height: 150px;
    max-height: 150px;
    min-height: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-listing-content .ticket-list .ticket .ticket-image {
    max-height: auto;
    min-height: auto;
    height: auto;
  }
}

.ticket-listing-content .ticket-list .ticket .ticket-image img {
  width: 100%;
  border-radius: 10px;
}

.ticket-listing-content .ticket-list .ticket .ticket-info {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  text-align: left;
}

.ticket-listing-content .ticket-list .ticket .ticket-info .ticket-price {
  font-size: 13px;
  color: #d10074;
  display: inline-block;
}

.ticket-listing-content .ticket-list .ticket .ticket-info .ticket-name {
  display: inline-block;
  margin-right: 10px;
  color: #333333;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.ticket-listing-content .ticket-list .ticket .ticket-info .ticket-short-des {
  display: block;
  margin-top: 10px;
  color: #666666;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
}

.ticket-listing-content .ticket-list .ticket .ticket-info .ticket-period {
  display: block;
  margin-top: 10px;
  color: #666666;
  font-size: 13px;
  font-weight: 600;
  line-height: 17px;
}

.ticket-listing-content .ticket-list .ticket .ticket-info .ticket-promotion {
  position: absolute;
  top: 15px;
  left: -14px;
  width: 109px;
  height: 39px;
  background-image: url(../images/ticket-listing-promotion-bedge.png);
  background-repeat: no-repeat;
  line-height: 34px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding-right: 15px;
  padding-top: 5px;
}

.ticket-listing-content .ticket-list .ticket .ticket-info a {
  position: relative;
  display: block;
  width: 100%;
}

.ticket-listing-content .ticket-list .ticket .ticket-info a:focus {
  outline-width: 0;
}

.ticket-listing-content .ticket-list .ticket .ticket-info a::after {
  content: "";
  width: 12px;
  height: 26px;
  background-image: url(../images/ticket-listing-readmore-arrow.png);
  background-size: 12px 26px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ticket-listing-content .loadmore {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 40px;
}

.ticket-listing-content .loadmore::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 40px;
  margin-left: -20px;
  height: 40px;
  display: block;
  background-image: url(../images/ticket-listing-loader.png);
  -webkit-animation: rotate linear 1s infinite;
  animation: rotate linear 1s infinite;
}

.upsale {
  background-color: #FAE805;
  padding-bottom: 31px;
  padding-top: 60px;
  margin-top: 60px;
  position: relative;
}

.upsale::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 80px;
  background-image: url(../images/ticket-detail-upsale-bg.png);
  background-size: 100% 100%;
  background-position: right top;
  top: -78px;
  left: 0;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .upsale::before {
    height: 40px;
    top: -38px;
  }
}

.upsale h3 {
  color: #333;
  margin-top: 0;
  margin-bottom: 30px;
  text-shadow: 2px 1px 0 #a6a6a6;
}

.upsale img {
  margin-bottom: 15px;
}

.upsale span {
  color: #FF6600;
  margin-bottom: 30px;
  display: block;
}

@media only screen and (max-width: 767px) {
  #ticket-listing .stores-brand-dir-nav {
    margin-top: 0;
  }
  .ticket-detail .related-items {
    margin-top: 60px;
    margin-bottom: 30px;
  }
  .ticket-detail .item-detail.main-box .item-data {
    margin-top: 15px;
  }
  .ticket-detail .item-name .col-xs-8 {
    padding-right: 0;
  }
  .ticket-detail .item-detail.main-box .item-data .item-infomations {
    margin-top: 30px;
  }
  .ticket-detail .item-detail.main-box .item-data .item-infomations .actions {
    margin-bottom: 25px;
  }
  .ticket-detail .item-detail.main-box .item-data .item-infomations .actions .btn + .btn {
    margin-top: 10px;
  }
}

@-webkit-keyframes reveal {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.ticket-detail {
  position: relative;
  overflow: hidden;
}

.ticket-detail .item-other-detail-section {
  opacity: 0;
  position: absolute;
}

.ticket-detail .item-other-detail-section.active {
  position: relative;
  opacity: 1;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: reveal;
          animation-name: reveal;
}

.ticket-detail a:hover, .ticket-detail a:focus {
  outline-width: 0;
}

.ticket-detail .item-infomations .show-more {
  display: block;
  margin-bottom: 20px;
}

.ticket-detail .item-contact {
  margin-top: 10px;
}

.ticket-detail .item-detail {
  background: url(.../images/location-detail.png) top center;
}

.ticket-detail .item-detail .item-data {
  padding-bottom: 90px;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .item-detail .item-data {
    padding-bottom: 20px;
  }
}

.ticket-detail .item-detail .btn-default {
  text-transform: none;
}

.ticket-detail .item-detail .breadcrumb span {
  color: #663399;
}

.ticket-detail .item-detail .breadcrumb .breadcrumbParent {
  display: inline-block;
  font-weight: normal;
}

.ticket-detail .item-detail .breadcrumb .breadcrumbChild {
  color: #663399;
  display: inline-block;
  font-weight: bold;
}

.ticket-detail .item-detail .sharing {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .item-detail .sharing {
    margin-top: 15px;
  }
}

.ticket-detail .item-detail .item-supplier {
  font-size: 14px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .item-detail .item-name h2 {
    font-size: 30px;
    margin-top: -10px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 768px) {
  .ticket-detail .item-detail .item-name h2 {
    margin-top: 20px;
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1025px) {
  .ticket-detail .item-detail .item-name h2 {
    margin-top: 0;
    margin-bottom: 5px;
  }
}

.ticket-detail .item-detail .item-price-range {
  font-size: 18px;
}

.ticket-detail .item-detail .description-detail-topic {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ticket-detail .item-detail .item-feature {
  border-top: 1px #fff solid;
  padding-top: 15px;
  padding-bottom: 15px;
}

.ticket-detail .item-detail .item-feature .text-right {
  text-align: right;
}

.ticket-detail .item-detail .item-feature-key {
  font-weight: bold;
}

.ticket-detail .item-detail .item-feature-key .item-feature-key-description {
  font-weight: normal;
}

.ticket-detail .zoomable-gallery .zoomable-gallery-item img {
  width: 100%;
}

.ticket-detail .zoomable-gallery .zoomable-gallery-item .play-video {
  z-index: 1;
  position: absolute;
  width: 100%;
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.ticket-detail .zoomable-gallery .zoomable-gallery-item .play-video:focus {
  outline-width: 0;
}

.ticket-detail .zoomable-gallery .zoomable-gallery-item.video-playing .play-video {
  opacity: 0;
}

.ticket-detail .zoomable-gallery .slick-dots .slick-active button {
  background-color: #fff;
  width: 16px;
  height: 16px;
  margin-top: -2px;
}

.ticket-detail .zoomable-gallery .slick-dots li button {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 12px;
  height: 12px;
  background-color: #777777;
  border-width: 0px;
  box-shadow: 2px 2px 0 0 #FF6600;
}

.ticket-detail .zoomable-gallery .slick-prev {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 34px;
  background-image: url(../images/ticket-listing-arrow-prev.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 34px;
  text-indent: -9999px;
  background-color: transparent;
  border-width: 0;
}

.ticket-detail .zoomable-gallery .slick-next {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 34px;
  background-image: url(../images/ticket-listing-arrow-next.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 34px;
  text-indent: -9999px;
  background-color: transparent;
  border-width: 0;
}

.ticket-detail .zoomable-nav {
  margin: 20px 0;
  padding: 0 20px 0 40px;
}

.ticket-detail .zoomable-nav .zoomable-nav-item {
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.ticket-detail .zoomable-nav .zoomable-nav-item img {
  width: 100%;
}

.ticket-detail .zoomable-nav .slick-prev {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 34px;
  background-image: url(../images/ticket-listing-arrow-prev.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 34px;
  text-indent: -9999px;
  background-color: transparent;
  border-width: 0;
}

.ticket-detail .zoomable-nav .slick-next {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 34px;
  background-image: url(../images/ticket-listing-arrow-next.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 34px;
  text-indent: -9999px;
  background-color: transparent;
  border-width: 0;
}

.ticket-detail .zoomable-nav .slick-list {
  min-height: 0px;
}

.ticket-detail .zoomable-nav .slick-slide {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  cursor: pointer;
  outline-color: transparent;
}

.ticket-detail .zoomable-nav .slick-slide:focus {
  outline-width: 0;
}

.ticket-detail .zoomable-nav .slick-current {
  border-color: #fff;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .item-other-detail {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 768px) {
  .ticket-detail .item-other-detail {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 1025px) {
  .ticket-detail .item-other-detail {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-detail .item-other-detail .item-other-detail-section {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .ticket-detail .item-other-detail .item-other-detail-section {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1025px) {
  .ticket-detail .item-other-detail .item-other-detail-section {
    margin-top: 60px;
  }
}

.ticket-detail .item-other-detail .item-other-detail-section-header {
  padding: 10px;
  background-color: #FF6600;
}

.ticket-detail .item-other-detail .item-other-detail-section-header > .col-xs-12 {
  padding: 0;
}

.ticket-detail .item-other-detail .item-other-detail-section-content {
  padding: 30px 80px;
  background-color: #fff;
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .item-other-detail .item-other-detail-section-content {
    padding: 10px 10px 0 10px;
  }
}

.ticket-detail .item-other-detail .item-other-detail-section-content > .col-xs-12 {
  padding: 0;
}

.ticket-detail .ticket-select-date table thead th:not(.dow) {
  line-height: 40px;
}

.ticket-detail .ticket-select-date table thead .dow {
  text-transform: uppercase;
  padding-top: 10px;
  font-size: 12px;
}

.ticket-detail .ticket-select-date table thead .picker-switch {
  color: #FF6600;
  font-size: 20px;
}

.ticket-detail .ticket-select-date table thead .prev.disabled, .ticket-detail .ticket-select-date table thead .next.disabled, .ticket-detail .ticket-select-date table thead .picker-switch.disabled {
  cursor: default;
}

.ticket-detail .ticket-select-date table thead .prev.disabled span::after, .ticket-detail .ticket-select-date table thead .next.disabled span::after, .ticket-detail .ticket-select-date table thead .picker-switch.disabled span::after {
  opacity: 0;
}

.ticket-detail .ticket-select-date table thead .prev:hover, .ticket-detail .ticket-select-date table thead .next:hover, .ticket-detail .ticket-select-date table thead .picker-switch:hover {
  background-color: transparent;
}

.ticket-detail .ticket-select-date table thead .prev span {
  text-indent: -9999px;
  position: relative;
  width: 100%;
  height: 100%;
}

.ticket-detail .ticket-select-date table thead .prev span::after {
  content: "";
  opacity: 1;
  width: 14px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/ticket-detail-calendar-prev.png);
}

.ticket-detail .ticket-select-date table thead .next span {
  text-indent: -9999px;
  position: relative;
  width: 100%;
  height: 100%;
}

.ticket-detail .ticket-select-date table thead .next span::after {
  content: "";
  width: 14px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/ticket-detail-calendar-next.png);
}

.ticket-detail .ticket-select-date table tbody .day, .ticket-detail .ticket-select-date table tbody .month, .ticket-detail .ticket-select-date table tbody .year {
  position: relative;
  width: 14%;
  vertical-align: middle;
  line-height: 3px;
  height: 0px;
  padding-top: 7%;
  padding-bottom: 7%;
  color: #777777;
  background-color: transparent;
  z-index: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.ticket-detail .ticket-select-date table tbody .day:not(.disabled):not(.active):hover, .ticket-detail .ticket-select-date table tbody .month:not(.disabled):not(.active):hover, .ticket-detail .ticket-select-date table tbody .year:not(.disabled):not(.active):hover {
  background-color: transparent;
}

.ticket-detail .ticket-select-date table tbody .day:not(.disabled):not(.active):hover::before, .ticket-detail .ticket-select-date table tbody .month:not(.disabled):not(.active):hover::before, .ticket-detail .ticket-select-date table tbody .year:not(.disabled):not(.active):hover::before {
  background-color: #eeeeee;
  border-color: #777777;
}

.ticket-detail .ticket-select-date table tbody .day.old, .ticket-detail .ticket-select-date table tbody .month.old, .ticket-detail .ticket-select-date table tbody .year.old {
  visibility: hidden;
}

.ticket-detail .ticket-select-date table tbody .day.new, .ticket-detail .ticket-select-date table tbody .month.new, .ticket-detail .ticket-select-date table tbody .year.new {
  visibility: hidden;
  display: none;
}

.ticket-detail .ticket-select-date table tbody .day.today::before, .ticket-detail .ticket-select-date table tbody .month.today::before, .ticket-detail .ticket-select-date table tbody .year.today::before {
  border-color: #777777;
}

.ticket-detail .ticket-select-date table tbody .day.active, .ticket-detail .ticket-select-date table tbody .month.active, .ticket-detail .ticket-select-date table tbody .year.active {
  color: #fff;
}

.ticket-detail .ticket-select-date table tbody .day.active::before, .ticket-detail .ticket-select-date table tbody .month.active::before, .ticket-detail .ticket-select-date table tbody .year.active::before {
  background-color: #FF6600;
  border-color: #FF6600;
}

.ticket-detail .ticket-select-date table tbody .day.disabled, .ticket-detail .ticket-select-date table tbody .month.disabled, .ticket-detail .ticket-select-date table tbody .year.disabled {
  color: #eeeeee;
}

.ticket-detail .ticket-select-date table tbody .day.disabled::before, .ticket-detail .ticket-select-date table tbody .month.disabled::before, .ticket-detail .ticket-select-date table tbody .year.disabled::before {
  background-color: transparent;
}

.ticket-detail .ticket-select-date table tbody .day::before, .ticket-detail .ticket-select-date table tbody .month::before, .ticket-detail .ticket-select-date table tbody .year::before {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  z-index: -1;
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 2px solid #eeeeee;
  background-color: #eeeeee;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-select-date table tbody .day::before, .ticket-detail .ticket-select-date table tbody .month::before, .ticket-detail .ticket-select-date table tbody .year::before {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-select-date {
    margin-bottom: 30px;
  }
}

.ticket-detail .ticket-select-date .bootstrap-datetimepicker-widget .datepicker-years .picker-switch,
.ticket-detail .ticket-select-date .bootstrap-datetimepicker-widget .datepicker-years .disabled {
  display: none;
}

.ticket-detail .ticket-select-time-wrapper {
  background-color: rgba(254, 203, 0, 0.3);
  padding: 20px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-select-time-wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }
  .ticket-detail .ticket-select-time-wrapper::after {
    content: "";
    width: 1px;
    position: absolute;
    top: 5%;
    bottom: 5%;
    background-color: #FAE805;
    left: 50%;
  }
}

.ticket-detail .ticket-select-time-wrapper .ticket-select-time-title {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #777777;
}

.ticket-detail .ticket-select-time-wrapper .ticket-select-day-summary {
  text-align: center;
}

.ticket-detail .ticket-select-time-wrapper .ticket-select-day-summary > * {
  display: block;
  color: #FF6600;
}

.ticket-detail .ticket-select-time-wrapper .ticket-select-day-summary span {
  font-size: 60px;
  font-weight: bold;
  margin-bottom: -10px;
}

.ticket-detail .ticket-select-time-wrapper .ticket-select-day-summary small {
  display: block;
  font-size: 20px;
}

.ticket-detail .ticket-select-time-wrapper hr {
  border-top-color: #FAE805;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-select-time-wrapper hr {
    display: none;
  }
}

.ticket-detail .ticket-select-time-wrapper .radio {
  text-align: center;
}

.ticket-detail .ticket-select-time-wrapper .radio label {
  position: relative;
  overflow: hidden;
  color: #777777;
  margin-bottom: 0;
  padding-left: 25px;
}

.ticket-detail .ticket-select-time-wrapper .radio input[type="radio"] {
  visibility: hidden;
}

.ticket-detail .ticket-select-time-wrapper .radio input[type="radio"]:checked ~ .checked::before {
  background-color: #66b524;
}

.ticket-detail .ticket-select-time-wrapper .radio.disabled label {
  color: #a4adac;
}

.ticket-detail .ticket-select-time-wrapper .radio.disabled .checked {
  border-color: #a4adac;
}

.ticket-detail .ticket-select-time-wrapper .radio .checked {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 9px;
  border-width: 2px;
  border-color: #66b524;
  position: absolute;
  border-style: solid;
  left: 0px;
  top: 50%;
  margin-top: -9px;
}

.ticket-detail .ticket-select-time-wrapper .radio .checked::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: block;
  background-color: transparent;
  position: absolute;
  top: 2px;
  left: 2px;
}

.ticket-detail .form-horizontal .control-label {
  color: #333333;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .form-horizontal .control-label {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-detail .form-horizontal .form-group {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.ticket-detail .notice {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .notice {
    text-align: center;
  }
}

.ticket-detail .notice .notice-available, .ticket-detail .notice .notice-sold-out {
  position: relative;
  overflow: hidden;
  padding-left: 20px;
  display: inline-block;
  font-size: 12px;
  color: #a4adac;
}

.ticket-detail .notice .notice-available .checked, .ticket-detail .notice .notice-sold-out .checked {
  width: 14px;
  height: 14px;
  display: block;
  border-radius: 7px;
  border-width: 2px;
  border-color: #66b524;
  position: absolute;
  border-style: solid;
  left: 0px;
  top: 50%;
  margin-top: -7px;
}

.ticket-detail .notice .notice-sold-out {
  margin-left: 15px;
}

.ticket-detail .notice .notice-sold-out .checked {
  border-color: #a4adac;
}

.ticket-detail .decrease-ticket-quantity {
  display: inline-block;
  width: 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  color: #FF6600;
  background-color: #FAE805;
  vertical-align: top;
  line-height: 38px;
  border: 2px solid #FAE805;
  margin-right: 5px;
  font-size: 30px;
}

.ticket-detail .ticket-select-quantity .form-control {
  display: inline-block;
  width: 60px;
  text-align: center;
  border-color: #eeeeee;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-select-quantity .form-group {
    text-align: center;
  }
}

.ticket-detail .increase-ticket-quantity {
  font-size: 30px;
  margin-left: 5px;
  border: 2px solid #FAE805;
  vertical-align: top;
  line-height: 38px;
  display: inline-block;
  width: 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  color: #FF6600;
  background-color: #FAE805;
}

.ticket-detail .ticket-select-zone .control-label {
  margin-bottom: 30px;
}

.ticket-detail .ticket-select-zone .radio label {
  position: relative;
  overflow: hidden;
  color: #777777;
  margin-bottom: 0;
  padding: 5px 15px 5px 35px;
  border-radius: 25px;
}

.ticket-detail .ticket-select-zone .radio label .ticket-zone-price {
  font-size: 0.8em;
}

.ticket-detail .ticket-select-zone .radio p {
  color: #777777;
}

.ticket-detail .ticket-select-zone .radio input[type="radio"] {
  visibility: hidden;
}

.ticket-detail .ticket-select-zone .radio input[type="radio"]:checked ~ .checked::before {
  background-color: #333333;
}

.ticket-detail .ticket-select-zone .radio.gold-zone label {
  background-color: #fecb02;
  color: #333333;
}

.ticket-detail .ticket-select-zone .radio.vip-zone label {
  background-color: #d10075;
  color: #fff;
}

.ticket-detail .ticket-select-zone .radio.deluxe-zone label {
  background-color: #69bd27;
  color: #fff;
}

.ticket-detail .ticket-select-zone .radio .checked {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 9px;
  border-width: 2px;
  border-color: #333333;
  position: absolute;
  border-style: solid;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  background-color: #fff;
}

.ticket-detail .ticket-select-zone .radio .checked::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: block;
  background-color: transparent;
  position: absolute;
  top: 2px;
  left: 2px;
}

.ticket-detail .ticket-select-zone .ticket-zone {
  padding-left: 30px;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-select-zone .ticket-zone {
    margin-top: 10px;
    padding-left: 0;
  }
  .ticket-detail .ticket-select-zone .ticket-zone label {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-preview .ticket-preview-image {
    margin-bottom: 10px;
  }
}

.ticket-detail .ticket-preview .ticket-preview-message {
  margin-bottom: 20px;
  background-color: rgba(254, 203, 0, 0.3);
  padding: 10px 20px;
  text-align: center;
  color: #777777;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-preview .ticket-preview-message {
    margin: 0 0 10px 0;
  }
}

.ticket-detail .ticket-preview .ticket-preview-message .seat {
  font-size: 1.2em;
  color: #FF6600;
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-preview .ticket-preview-message .seat {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .item-other-detail-section-content {
    padding-bottom: 15px;
  }
}

.ticket-detail .ticket-confirm .ticket-summary-content {
  position: relative;
  overflow: hidden;
}

.ticket-detail .ticket-confirm .ticket-summary {
  background-color: #eeeeee;
  padding: 20px 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .ticket-summary {
    margin: 0;
  }
}

.ticket-detail .ticket-confirm .ticket-summary-title {
  padding-bottom: 10px;
  border-bottom: 1px #777777 solid;
  font-weight: bold;
  margin-bottom: 15px;
}

.ticket-detail .ticket-confirm .ticket-summary-thumbnail {
  width: 70px;
  height: 70px;
  margin-right: 15px;
  vertical-align: top;
  position: absolute;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .ticket-summary-thumbnail {
    display: none;
  }
}

.ticket-detail .ticket-confirm .ticket-summary-detail {
  vertical-align: top;
  width: 100%;
  padding-left: 85px;
  line-height: 18px;
  color: #777777;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .ticket-summary-detail {
    padding-left: 0;
  }
}

.ticket-detail .ticket-confirm .ticket-price-summary {
  color: #777777;
  margin: 20px 0;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .ticket-price-summary {
    margin: 20px 10px 30px 10px;
  }
}

.ticket-detail .ticket-confirm .ticket-price-summary .ticket-price-value {
  padding-right: 10px;
  font-weight: normal;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .ticket-price-summary .ticket-price-value {
    font-weight: normal;
    text-align: right;
    display: block;
    padding-right: 10px;
  }
}

.ticket-detail .ticket-confirm .ticket-price-summary .ticket-price-value.discount {
  color: #e00034;
}

.ticket-detail .ticket-confirm .ticket-price-summary .ticket-price-key {
  font-weight: bold;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .ticket-price-summary .ticket-price-key {
    font-weight: normal;
    padding-left: 10px;
  }
}

.ticket-detail .ticket-confirm .ticket-price-summary .ticket-price-key.discount {
  color: #e00034;
}

.ticket-detail .ticket-confirm .ticket-price-summary .total {
  font-size: 1.2em;
}

.ticket-detail .ticket-confirm .ticket-price-summary .total .ticket-price-key {
  color: #FF6600;
}

.ticket-detail .ticket-confirm .ticket-price-summary hr {
  border-top-width: 2px;
  margin: 10px 0;
  border-color: #777777;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-confirm .ticket-promotion-codes {
    margin: 10px 0 0 0;
  }
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .nopad-left {
  padding-left: 0;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes-toggle {
  position: relative;
  overflow: hidden;
  padding: 10px 20px;
  background-color: #FF6600;
  color: #FAE805;
  cursor: pointer;
  font-weight: bold;
  border: 2px #FAE805 solid;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes-toggle.collapsed {
  color: #FF6600;
  background-color: #FAE805;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes-toggle.collapsed::after {
  background-position: 0 0;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes-toggle::after {
  content: "";
  width: 26px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/ticket-detail-accordion-arrow.png);
  background-size: 52px 12px;
  background-position: 26px 0;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes {
  padding: 0 20px;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes > .row {
  padding: 10px 0;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes .btn {
  width: 100%;
  min-width: 0px;
  height: 42px;
  line-height: 42px;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes .form-group label {
  text-align: left;
  font-size: 14px;
  margin-bottom: 5px;
  color: #777777;
}

.ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes .form-group input {
  font-size: 14px;
}

@media only screen and (min-width: 1025px) {
  .ticket-detail .ticket-confirm .ticket-promotion-codes .promotion-codes .form-group {
    margin-bottom: 0px;
  }
}

.ticket-detail .ticket-payment .item-other-detail-section-content {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-payment .item-other-detail-section-content {
    text-align: left;
    padding: 10px;
  }
}

.ticket-detail .ticket-payment .total {
  color: #FF6600;
  font-size: 18px;
  margin-bottom: 10px;
}

.ticket-detail .ticket-payment .price {
  color: #777777;
}

.ticket-detail .ticket-payment p {
  color: #777777;
  margin-bottom: 20px;
}

.ticket-detail .ticket-payment .btn {
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
}

.ticket-detail .ticket-preview-timer {
  background-color: rgba(254, 203, 0, 0.9);
  color: #333333;
  padding: 10px 20px;
  position: fixed;
  bottom: 0;
  right: 0;
  max-width: 100%;
  z-index: 1;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
  opacity: 0;
}

.ticket-detail .ticket-preview-timer.active {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.ticket-detail .ticket-modal .modal-content {
  box-shadow: 0 0 0 transparent;
  border-width: 0;
  background-image: url(../images/ticket-detail-modal-bg.png);
  background-size: 100% 100%;
  background-color: transparent;
  border-radius: 0;
  padding: 10px;
}

.ticket-detail .ticket-modal .modal-content p {
  color: #555555;
}

.ticket-detail .ticket-modal .modal-content a:not(.btn) {
  color: #FF6600;
}

.ticket-detail .ticket-modal .modal-content .form-control {
  font-weight: normal;
  font-size: 16px;
}

.ticket-detail .ticket-modal .modal-content .control-label {
  font-weight: normal;
  color: #555555;
  margin-bottom: 5px;
  font-size: 16px;
}

.ticket-detail .ticket-modal .modal-content button {
  margin-top: 10px;
}

.ticket-detail .ticket-modal .modal-header {
  border-bottom-width: 0;
  text-align: center;
  padding: 20px 10px;
}

.ticket-detail .ticket-modal .modal-header .close {
  margin-top: 0;
  border-radius: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #FAE805;
  background-color: #777777;
  border-width: 0;
  opacity: 0.7;
}

.ticket-detail .ticket-modal .modal-header .close span {
  vertical-align: top;
  font-size: 16px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-shadow: none !important;
}

.ticket-detail .ticket-modal .modal-title {
  color: #FF6600;
  font-size: 24px;
  font-weight: bold;
}

.ticket-detail .ticket-modal .modal-dialog {
  margin-top: 50vh;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .ticket-detail .ticket-modal .modal-dialog {
    margin-top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.ticket-detail .ticket-modal .modal-body {
  margin-bottom: 20px;
}

#login-modal .modal-body::after {
  content: "";
  width: 1px;
  position: absolute;
  top: 5%;
  bottom: 5%;
  background-color: #fff;
  left: 50%;
  display: block;
}

@media only screen and (max-width: 767px) {
  #login-modal .modal-body::after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .header + div > div.ticket-thankyou {
    padding-top: 150px;
  }
}

@media only print {
  .ticket-thankyou-body .header, .ticket-thankyou-body .footer {
    display: none;
  }
  .ticket-thankyou-body .header + div > div.ticket-thankyou {
    padding-top: 30px;
  }
  .ticket-thankyou-body .widget-footer-component {
    display: none;
  }
  .ticket-thankyou-body .ticket-thankyou .order-receipt-wrapper .order-receipt-notice {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ticket-thankyou-body .ticket-thankyou .ticket-summary-content .ticket-summary-thumbnail {
    display: block !important;
  }
  .ticket-thankyou-body .ticket-thankyou .order-receipt-section-title.collapse-toggle {
    margin-bottom: 20px;
  }
  .ticket-thankyou-body .ticket-thankyou .order-receipt-section-body.collapse {
    display: block;
    margin-top: 20px;
  }
  .ticket-thankyou-body .ticket-thankyou br.visible-xs {
    display: none !important;
  }
}

.ticket-thankyou {
  background-image: url(../images/location-detail.png);
  background-repeat: repeat;
  background-size: auto;
  background-position: center;
}

.ticket-thankyou .text-right {
  text-align: right;
}

.order-receipt-wrapper {
  background-color: #fff;
  margin: 40px 0;
  padding: 40px;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper {
    padding: 10px;
    margin: 10px -10px;
  }
}

.order-receipt-wrapper .order-receipt-notice {
  padding: 15px;
  color: #FF6600;
  font-weight: bold;
  background-color: rgba(254, 203, 0, 0.4);
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 20px;
}

.order-receipt-wrapper .order-receipt-section {
  border-bottom: 1px solid #555555;
  padding: 20px 10px;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper .order-receipt-section {
    padding: 20px 0;
  }
}

.order-receipt-wrapper .order-receipt-section a {
  color: #FF6600;
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 20px;
  color: #555555;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper .order-receipt-section .order-receipt-section-title {
    margin-bottom: 20px;
  }
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-title.collapse-toggle {
  cursor: pointer;
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-title.collapse-toggle.collapsed {
  margin-bottom: 0;
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-title.collapse-toggle.collapsed::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-title.collapse-toggle::after {
  content: "";
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  width: 26px;
  height: 12px;
  margin-top: -6px;
  background-image: url(../images/ticket-detail-accordion-arrow.png);
  background-size: 52px 12px;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-body {
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper .order-receipt-section .order-receipt-section-body {
    padding: 0 10px;
  }
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-body span {
  font-size: 1.2em;
  color: #777777;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper .order-receipt-section .order-receipt-section-body span {
    font-size: 1.1em;
  }
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-body p {
  color: #777777;
}

.order-receipt-wrapper .order-receipt-section .order-receipt-section-body b {
  color: #777777;
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-content {
  position: relative;
  overflow: hidden;
}

.order-receipt-wrapper .order-receipt-section .ticket-summary {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 15px;
  background-color: #eeeeee;
  padding: 20px 20px 0 20px;
  margin-top: 20px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper .order-receipt-section .ticket-summary {
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px 10px 0 10px;
  }
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-title {
  padding-bottom: 10px;
  border-bottom: 1px #777777 solid;
  font-weight: bold;
  margin-bottom: 15px;
  color: #555555;
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-thumbnail {
  width: 70px;
  height: 70px;
  margin-right: 15px;
  vertical-align: top;
  position: absolute;
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-detail {
  vertical-align: top;
  width: 100%;
  padding-left: 85px;
  line-height: 18px;
  color: #777777;
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-detail span {
  font-size: 1em;
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-detail hr {
  border-top-color: #777777;
  margin: 10px 0;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper .order-receipt-section .ticket-summary-detail {
    padding-left: 0;
  }
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-footer {
  margin-top: 20px;
  padding: 10px 20px 10px 105px;
  margin-left: -20px;
  margin-right: -20px;
  background-color: #FF6600;
}

@media only screen and (max-width: 767px) {
  .order-receipt-wrapper .order-receipt-section .ticket-summary-footer {
    padding: 10px 20px 10px 20px;
  }
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-footer span {
  font-size: 1em;
  color: #fff;
}

.order-receipt-wrapper .order-receipt-section .ticket-summary-footer b {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .header + div.whats-new > div:first-child {
    padding-top: 166px;
  }
}

@media only screen and (min-width: 768px) {
  .whats-new .whats-new-filter {
    text-align: center;
  }
}

.whats-new .stores-brand-dir-nav {
  padding-bottom: 34px;
  padding-top: 42px;
}

@media only screen and (max-width: 767px) {
  .whats-new .stores-brand-dir-nav {
    padding-top: 20px;
    z-index: 5;
    position: relative;
  }
}

@media only screen and (max-width: 767px) {
  .whats-new .stores-brand-dir-nav .filter-button {
    extendidth: calc(100%/3);
    margin-bottom: 12px;
  }
  .whats-new .stores-brand-dir-nav .filter-button.all {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .whats-new .stores-brand-dir-nav .filter-button {
    width: calc(100%/3);
    margin-bottom: 12px;
  }
  .whats-new .stores-brand-dir-nav .filter-button.all {
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .whats-new .stores-brand-dir-nav .filter-button {
    width: 114px;
    margin-right: 7px;
    display: inline-block;
    float: none;
  }
  .whats-new .stores-brand-dir-nav .filter-button.all {
    width: 76px;
  }
  .whats-new .stores-brand-dir-nav .filter-button.all button {
    min-width: initial;
  }
  .whats-new .stores-brand-dir-nav .filter-button:last-child {
    margin-right: 0px;
  }
}

.whats-new-content {
  padding-top: 36px;
}

@media only screen and (max-width: 767px) {
  .whats-new-content {
    margin-top: -30px;
    padding-top: 68px;
  }
  .whats-new-content:after {
    display: none;
  }
}

.whats-new-content .pagination {
  margin-top: 23px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .header + div > div:first-child.detail-full-width {
    padding-top: 146px;
  }
}

@media only screen and (max-width: 767px) {
  .item-slider-detail .slick-slide img {
    width: 100%;
  }
}

.whats-new-detail .item-detail.main-box {
  background-image: url(../images/what-new-detail-bg.jpg); 
background-color: #e8dac2;
background-repeat: repeat-y;
background-position: top center;
background-attachment: fixed;
}

.whats-new-detail .item-detail.main-box .sharing .addthis_button_compact {
  color: #6699CC;
}

@media only screen and (max-width: 767px) {
  .whats-new-detail .item-detail.main-box .item-media {
    margin: 0 -10px;
  }
}

.whats-new-detail .item-detail.main-box .item-data {
  margin-top: 21px;
  padding-bottom: 119px;
}

@media only screen and (max-width: 767px) {
  .whats-new-detail .item-detail.main-box .item-data {
    padding-bottom: 90px;
  }
}

.whats-new-detail .item-detail.main-box .item-data .item-description {
  margin-top: 26px;
}

.whats-new-detail .item-detail.main-box .item-data .item-description h4 {
  line-height: 29px;
  margin-bottom: 21px;
}

.whats-new-detail .item-detail.main-box .item-name {
  color: #FF6600;   font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif;

}

.whats-new-detail .item-detail.main-box .item-name h2 {
  text-shadow: 1px 1px #333333;
}

.whats-new-detail .item-detail .item-public {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

.whats-new-detail .item-detail .item-description {
  color: #000;
}

.whats-new-detail .item-detail .item-description h4 {
  font-size: 24px;
}

.whats-new-detail .item-detail .item-description ul li {
  list-style: outside none disc;
}

.whats-new-detail .item-detail .post-share .sharing {
  margin-top: 31px;
}

.whats-new-detail .item-detail .post-share .share {
  text-align: left;
}

.whats-new-detail .related-items {
  margin-top: 35px;
}

.whats-new-detail .related-items .section-title {
  font-size: 44px;
}

.whats-new-detail .relate-content, .whats-new-detail .page-404 {
  padding-bottom: 54px;
}

@media only screen and (max-width: 767px) {
  .whats-new-detail .relate-content, .whats-new-detail .page-404 {
    padding-bottom: 23px;
  }
}

.whats-new-detail .relate-content .title, .whats-new-detail .page-404 .title {
  color: #FAE805;
  font-size: 26px;
}

.whats-new-detail .relate-content .related-post .event-name, .whats-new-detail .page-404 .related-post .event-name {
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px;
}

.whats-new-detail .relate-content .related-post .description, .whats-new-detail .page-404 .related-post .description {
  font-size: 13px;
  color: #bababa;
}

@media only screen and (max-width: 767px) {
  .my-account {
    padding-top: 150px !important;
  }
}

@media only screen and (max-width: 479px) {
  .my-account {
    padding-top: 126px !important;
  }
}

.my-account .content-container {
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .my-account .content-container {
    padding-top: 51px;
  }
}

.account-panel {
  border: 1px solid #737373;
  background: transparent;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  .account-panel {
    border: 1px solid transparent;
    margin-bottom: 40px;
  }
}

.account-panel .panel-heading {
  background: #FF6600;
  font-size: 18px;
  color: white;
  border: none;
  font-weight: 600;
  margin: -1px;
  border-radius: 0;
  padding: 12px 15px;
}

.account-panel.account-detail-panel .panel-body {
  padding-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  .account-panel.account-detail-panel .panel-body {
    padding: 27px 0px 0px 0px;
  }
}

.account-panel .panel-body {
  color: white;
  padding: 28px 28px 28px 28px;
}

@media only screen and (max-width: 767px) {
  .account-panel .panel-body {
    padding: 24px 0px 0 0px;
  }
}

.account-panel .social-container {
  padding: 0;
}

.account-panel .social-container li {
  float: left;
}

.account-panel .social-container li .fa {
  font-size: 30px;
}

.account-panel .qr-code-container {
  margin-bottom: 26px;
  padding-bottom: 30px;
  border-bottom: 1px solid #666666;
}

@media only screen and (max-width: 767px) {
  .account-panel .qr-code-container {
    margin: 0 10px 16px;
    padding: 0 10px 22px;
  }
}

.account-panel .qr-code {
  background: white none repeat scroll 0 0;
  border-radius: 10px;
  padding: 24px;
  box-shadow: 1px 3px #120821;
}

@media only screen and (max-width: 767px) {
  .account-panel .qr-code {
    display: block;
    min-width: 180px;
    float: left;
  }
}

@media (max-width: 500px) {
  .account-panel .qr-code {
    float: none;
    margin: 0 auto 37px;
    width: 180px;
  }
}

.account-panel .qr-code-information {
  padding: 0 0 0 24px;
}

.account-panel .qr-code-information .label-title {
  margin: 0 0 4px;
  color: #d10074;
  font-weight: 600;
}

@media (max-width: 500px) {
  .account-panel .qr-code-information {
    padding: 0;
    text-align: center;
  }
}

.account-panel .number-qr-code {
  margin: 0 0 10px;
}

.account-panel .point {
  margin-top: 20px;
}

.account-panel .number-point {
  font-size: 44px;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 15px;
}

.account-panel .social-container {

  margin: 0 0 16px;
}

.account-panel .social-container li {
  margin-right: 16px;
}

.account-panel .social-container li a {
  color: #7a7a7a;
  cursor: default;
  display: block;
  outline: medium none;
}

.account-panel .social-container li a.active {
  color: white;
}

.account-panel .social-container li a .fa {
  font-size: 38px;
}

@media only screen and (max-width: 767px) {
  .container-referral {
    padding: 0 10px;
  }
}

.container-referral h2 {
  color: #FAE805;
}

@media only screen and (max-width: 767px) {
  .container-referral h2 {
    margin-top: 26px;
  }
}

.referall-form label {
  display: block;
  line-height: 1.2;
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .referall-form label {
    margin-bottom: 10px;
  }
}

.referall-form label .fa {
  color: #FAE805;
  font-size: 16px;
  margin-bottom: 9px;
}

@media only screen and (max-width: 767px) {
  .referall-form label .fa {
    margin-left: 3px;
  }
}

.referall-form input[type="text"] {
  height: 42px;
  margin-top: 7px;
}

@media only screen and (max-width: 767px) {
  .referall-form input[type="text"] {
    margin-bottom: 20px;
    margin-top: 0;
  }
}

.account-detail table td {
  color: #a6a6a6;
  padding-bottom: 21px;
  padding-right: 50px;
  font-size: 16px;
}

.account-detail table td + td {
  color: white;
}

@media only screen and (max-width: 767px) {
  .account-detail table td {
    display: block;
    padding: 0 0 0 0;
    line-height: 22px;
  }
  .account-detail table td + td {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .account-detail table tr:last-child td {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  .account-detail .btn {
    margin: 10px 0 0 0;
  }
}

.social-panel .panel-body {
  padding-bottom: 18px;
}

@media only screen and (max-width: 767px) {
  .social-panel .panel-body {
    padding: 28px 0 18px;
  }
}

.left-bar-account {
  padding-top: 43px;
}

.right-content-account .page-title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 767px) {
  .right-content-account .page-title {
    margin-bottom: 5px;
  }
}

.right-content-account h2 {
  margin-top: 0;
}

[class^=sidebar-ico-] {
  width: 20px;
  height: 20px;
}

.social-container-manager {
  padding: 4px 0 0 2px;
}

@media only screen and (min-width: 768px) {
  .social-container-manager li .switch {
    margin-left: -8px;
  }
}

.social-container-manager li + li {
  margin-top: 30px;
}

.social-container-manager li a {
  color: white;
  font-size: 18px;
  font-weight: normal;
}

.social-container-manager li a .fa {
  font-size: 24px;
  vertical-align: middle;
  margin-right: 10px;
}

.social-container-manager li .message {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel {
    margin-top: 13px;
    margin-bottom: 22px;
  }
}

.acount-detail-panel .panel-body {
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel .panel-body {
    padding-top: 28px;
  }
}

.acount-detail-panel .account-detail-form {
  padding: 0px;
}

.acount-detail-panel .account-detail-form .form-group {
  margin-bottom: 34px;
}

.acount-detail-panel .account-detail-form .form-group label {
  margin-bottom: 7px;
}

.acount-detail-panel .account-detail-form .form-group .form-control {
  color: #666;
}

@media only screen and (min-width: 768px) {
  .acount-detail-panel .account-detail-form .form-group .form-control {
    max-width: 380px;
  }
}

@media only screen and (min-width: 768px) {
  .acount-detail-panel .account-detail-form .form-group .field-validation-error {
    max-width: 380px;
  }
}

.acount-detail-panel .account-detail-form .form-group.form-group-password {
  margin-bottom: 16px;
}

.acount-detail-panel .account-detail-form .form-group-password + .form-group-password {
  margin-bottom: 20px;
}

.acount-detail-panel .account-detail-form .form-group-password + .form-group-password label {
  margin-bottom: 14px;
}

.acount-detail-panel .account-detail-form label.block {
  font-size: 18px;
  margin-bottom: 2px;
}

.acount-detail-panel .account-detail-form .guide {
  color: #bababa;
}

.acount-detail-panel .account-detail-form .option-group {
  line-height: 27px;
}

.acount-detail-panel .account-detail-form .option-group + .option-group {
  margin-left: 6px;
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel .account-detail-form .option-group {
    display: inline-block;
  }
  .acount-detail-panel .account-detail-form .option-group label {
    padding: 0;
  }
}

.acount-detail-panel .account-detail-form .radio-form-group {
  margin-bottom: 20px;
}

.acount-detail-panel .account-detail-form .radio-form-group.communication-check {
  margin-bottom: 35px;
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel .account-detail-form .radio-form-group.communication-check {
    margin-bottom: 22px;
  }
}

.acount-detail-panel .account-detail-form .radio-form-group.promotion-check {
  margin-bottom: 13px;
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel .account-detail-form .radio-form-group.promotion-check {
    margin-bottom: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel .account-detail-form .radio-form-group .option-group {
    margin-top: 0;
    margin-bottom: 0px;
  }
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error .btn {
  border-color: #ff0039 !important;
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error .btn .bs-caret {
  opacity: 0;
  z-index: -1;
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error .btn:hover .bs-caret, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error .btn:focus .bs-caret, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error .btn:active .bs-caret {
  opacity: 1;
  z-index: 1;
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error:hover .bs-caret, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error:focus .bs-caret, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error:active .bs-caret, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error.open .bs-caret {
  opacity: 1;
  z-index: 1;
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error:hover ~ .field-validation-error::after, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error:focus ~ .field-validation-error::after, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error:active ~ .field-validation-error::after, .acount-detail-panel .account-detail-form .date-select .bootstrap-select.input-validation-error.open ~ .field-validation-error::after {
  opacity: 0;
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select > button {
  min-width: initial;
  background-color: #fff !important;
  border-color: #FAE805 !important;
  color: #bbbbbb;
  font-weight: 600;
  font-size: 16px;
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select .bs-caret {
  background-position: -246px 0;
}

.acount-detail-panel .account-detail-form .date-select .bootstrap-select .bs-caret .caret {
  display: none;
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel .account-detail-form .date-select .select-group {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .acount-detail-panel .account-detail-form .date-select .col-xs-4 {
    max-width: 132px;
  }
}

@media only screen and (max-width: 767px) {
  .acount-detail-panel .account-detail-form .date-select .col-xs-4 {
    padding: 0 5px;
  }
}

@media only screen and (max-width: 479px) {
  .acount-detail-panel .account-detail-form .date-select .col-xs-4 {
    width: 31.333%;
  }
}

.acount-detail-panel .account-detail-form .date-select .col-xs-4 .btn {
  min-width: 80px;
}

@media only screen and (min-width: 768px) {
  .acount-detail-panel .account-detail-form .date-select .year-select {
    margin-left: -6px;
    max-width: 150px;
    width: 198px;
  }
}

@media only screen and (max-width: 479px) {
  .acount-detail-panel .account-detail-form .date-select .year-select {
    width: 37.333%;
  }
}

@media only screen and (min-width: 768px) {
  .acount-detail-panel .account-detail-form .date-select .month-select {
    margin-left: -5px;
    max-width: 130px;
  }
}

.acount-detail-panel .account-detail-form .date-select .dropdown-menu {
  background: #FF6600;
}

.acount-detail-panel .account-detail-form .date-select .dropdown-menu li a {
  color: white;
}

@media only screen and (max-width: 767px) {
  .social-panel-conection {
    margin-top: 14px;
  }
  .social-panel-conection .social-container-manager .switch {
    margin: 20px -4px -7px;
  }
}

@media only screen and (min-width: 768px) {
  .referall-form .clearfix, .referall-form .popular-tag, .referall-form .stores-brand-directory-nav .stores-brand-dir-nav, .stores-brand-directory-nav .referall-form .stores-brand-dir-nav {
    display: table;
    width: 100%;
  }
  .referall-form .referall-col-left {
    display: table-cell;
    padding-right: 15px;
    width: 70%;
  }
  .referall-form .referall-col-right {
    display: table-cell;
    padding: 4px 0 0;
    vertical-align: top;
  }
  .referall-form .referall-col-right .btn {
    position: relative;
    left: 7px;
  }
}

.referall-form .field-validation-error {
  margin: 5px 0 10px;
  display: block;
}

.my-tickets .panel-body {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .my-tickets .panel-body .nopad-left-xs {
    padding-left: 0;
  }
  .my-tickets .panel-body .nopad-right-xs {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .my-tickets .panel-body {
    padding-right: 28px;
  }
  .my-tickets .panel-body .nopad-left-sm {
    padding-left: 0;
  }
  .my-tickets .panel-body .nopad-right-sm {
    padding-right: 0;
  }
}

.my-tickets .panel-footer {
  background-color: transparent;
  border-top-width: 0;
}

.my-tickets .panel-footer a {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .my-tickets .panel-footer {
    padding: 10px 0;
  }
  .my-tickets .panel-footer a {
    margin-left: 20px;
    display: inline-block;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .my-tickets .hexagon-image {
    position: relative;
    width: 156px;
    height: 178px;
    margin: 0 auto;
  }
  .my-tickets .hexagon-image .hex {
    width: 154px;
    /* = (100-3) / 4 */
    padding-bottom: 177.82388291px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .my-tickets .hexagon-image .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .my-tickets .hexagon-image .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1025px) {
  .my-tickets .hexagon-image:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (max-width: 767px) {
  .my-tickets .hexagon-image .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .my-tickets .hexagon-image .hexIn {
    background-image: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .my-tickets .hexagon-image .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .my-tickets .hexagon-image img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .my-tickets .hexagon-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .my-tickets .hexagon-image .hex-border {
    background-position: center bottom;
  }
}

@media only screen and (min-width: 768px) {
  .my-tickets .hexagon-image {
    position: relative;
    width: 156px;
    height: 178px;
    margin: 0 auto;
  }
  .my-tickets .hexagon-image .hex {
    width: 154px;
    /* = (100-3) / 4 */
    padding-bottom: 177.82388291px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .my-tickets .hexagon-image .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .my-tickets .hexagon-image .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1025px) {
  .my-tickets .hexagon-image:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (min-width: 768px) {
  .my-tickets .hexagon-image .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .my-tickets .hexagon-image .hexIn {
    background-image: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .my-tickets .hexagon-image .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .my-tickets .hexagon-image img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .my-tickets .hexagon-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (min-width: 768px) {
  .my-tickets .hexagon-image .hex-border {
    background-position: center bottom;
  }
}

@media only screen and (min-width: 1025px) {
  .my-tickets .hexagon-image {
    position: relative;
    width: 182px;
    height: 210px;
    margin: 0 auto;
  }
  .my-tickets .hexagon-image .hex {
    width: 180px;
    /* = (100-3) / 4 */
    padding-bottom: 207.846096908px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .my-tickets .hexagon-image .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .my-tickets .hexagon-image .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .my-tickets .hexagon-image:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (min-width: 1025px) {
  .my-tickets .hexagon-image .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 768px) {
  .my-tickets .hexagon-image .hexIn {
    background-image: none !important;
  }
}

@media only screen and (min-width: 1025px) {
  .my-tickets .hexagon-image .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .my-tickets .hexagon-image img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 767px) {
  .my-tickets .hexagon-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (min-width: 1025px) {
  .my-tickets .hexagon-image .hex-border {
    background-position: center -435px;
  }
}

@media only screen and (max-width: 767px) {
  .my-tickets .item-info {
    padding: 0 20px 20px 20px;
  }
}

.my-tickets .item-info .item-name {
  color: #d10074;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .my-tickets .item-info .item-name {
    margin-top: 20px;
    border-top: 1px solid #777777;
    padding-top: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .my-tickets .item-info .item-name {
    margin-top: 20px;
    border-top: 1px solid #777777;
    padding-top: 20px;
  }
}

.my-tickets .item-info .item-name span {
  font-size: 13px;
  color: #fff;
}

.my-tickets .item-info span {
  display: block;
  line-height: 20px;
}

.my-tickets .item-info span.small {
  color: #c2c2c2;
  font-size: 12px;
}

.my-tickets .item-info span.large {
  line-height: 30px;
}

.my-tickets .item-info .info-summary {
  border-left: 1px solid #777777;
}

@media only screen and (min-width: 1025px) {
  .my-tickets .item-info .info-summary {
    padding-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .my-tickets .item-info .info-summary {
    border-left-width: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .my-tickets .item-info .info-summary {
    border-left-width: 0;
  }
}

.my-tickets .item-info .info-summary span {
  color: #c2c2c2;
}

@media only screen and (max-width: 767px) {
  .my-tickets .item-image {
    border-right: 1px solid #777777;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .my-tickets .item-image {
    border-right: 1px solid #777777;
  }
}

.my-tickets .ticket-show-time .day {
  margin-top: 10px;
  color: #fff;
  font-size: 40px;
  line-height: 42px;
}

.my-tickets .ticket-show-time .month-year {
  text-transform: uppercase;
  color: #fff;
}

.my-tickets .ticket-show-time .dow {
  font-size: 12px;
  line-height: 12px;
}

.my-tickets .ticket-show-time .time {
  margin-top: 10px;
  font-size: 12px;
}

.my-tickets .account-panel {
  border-color: #737373;
  margin-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 767px) {
  .my-tickets .account-panel {
    background-color: rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .my-tickets .account-panel {
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.3);
  }
}

.my-tickets .account-panel-archive span {
  color: #777777;
}

.my-tickets .account-panel-archive span.small {
  color: #777777;
}

.my-tickets .account-panel-archive span.large {
  color: #777777;
}

.my-tickets .account-panel-archive .hexagon-image {
  opacity: 0.5;
}

.my-tickets .account-panel-archive .item-info .item-name span {
  color: #777777;
}

.my-tickets .account-panel-archive .ticket-show-time .day {
  color: #777777;
}

.my-tickets .account-panel-archive .ticket-show-time .month-year {
  color: #777777;
}

.my-tickets .account-panel-archive .info-summary span {
  color: #777777;
}

.my-privileges-and-rewards .page-title p {
  color: #fff;
  font-size: 18px;
}

.my-privileges-and-rewards .modal .modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
}

.my-privileges-and-rewards .modal .modal-content {
  margin-top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 0px;
  background-image: url(../images/bg-column-layout-content.jpg);
  background-repeat: repeat;
  padding: 20px;
}

.my-privileges-and-rewards .modal .modal-content label {
  color: #000;
}

.my-privileges-and-rewards .modal .modal-body {
  padding-top: 0px;
  padding-bottom: 20px;
}

.my-privileges-and-rewards .modal .modal-body a {
  color: #FF6600;
}

.my-privileges-and-rewards .modal .modal-header {
  border-bottom-width: 0px;
}

.my-privileges-and-rewards .modal .modal-header p {
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .modal .modal-header p {
    font-size: 16px;

  }
}

.my-privileges-and-rewards .modal .modal-header a {
  text-decoration: underline;
  color: #333333;
}

.my-privileges-and-rewards .modal .modal-title {
  color: #FF6600;
  font-weight: bold;
  font-size: 32px;
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .modal .modal-title {
    font-size: 28px;
  }
}

.my-privileges-and-rewards .btn {
  text-transform: none;
}

.my-privileges-and-rewards .btn.disabled {
  opacity: 0.4;
}

.my-privileges-and-rewards .btn.disabled:hover {
  background-color: transparent;
}

.my-privileges-and-rewards .panel-body {
  padding-right: 0;
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .panel-body .nopad-left-xs {
    padding-left: 0;
  }
  .my-privileges-and-rewards .panel-body .nopad-right-xs {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .my-privileges-and-rewards .panel-body {
    padding-right: 28px;
  }
  .my-privileges-and-rewards .panel-body .nopad-left-sm {
    padding-left: 0;
  }
  .my-privileges-and-rewards .panel-body .nopad-right-sm {
    padding-right: 0;
  }
}

.my-privileges-and-rewards .panel-body .row:first-child .item-image {
  margin-top: 0px;
}

.my-privileges-and-rewards .panel-body .row:first-child .item-info {
  margin-top: 0px;
}

.my-privileges-and-rewards .panel-footer {
  background-color: transparent;
  border-top-width: 0;
}

.my-privileges-and-rewards .panel-footer a {
  margin-left: 20px;
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .panel-footer {
    padding: 10px 0;
  }
  .my-privileges-and-rewards .panel-footer a {
    margin-left: 20px;
    display: inline-block;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .hexagon-image {
    position: relative;
    width: 156px;
    height: 178px;
    margin: 0 auto;
  }
  .my-privileges-and-rewards .hexagon-image .hex {
    width: 154px;
    /* = (100-3) / 4 */
    padding-bottom: 177.82388291px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .my-privileges-and-rewards .hexagon-image .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .my-privileges-and-rewards .hexagon-image .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (max-width: 767px) and (min-width: 1025px) {
  .my-privileges-and-rewards .hexagon-image:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .hexagon-image .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (max-width: 767px) and (min-width: 768px) {
  .my-privileges-and-rewards .hexagon-image .hexIn {
    background-image: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .hexagon-image .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .my-privileges-and-rewards .hexagon-image img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .my-privileges-and-rewards .hexagon-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .hexagon-image .hex-border {
    background-position: center bottom;
  }
}

@media only screen and (min-width: 768px) {
  .my-privileges-and-rewards .hexagon-image {
    position: relative;
    width: 156px;
    height: 178px;
    margin: 0 auto;
  }
  .my-privileges-and-rewards .hexagon-image .hex {
    width: 154px;
    /* = (100-3) / 4 */
    padding-bottom: 177.82388291px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .my-privileges-and-rewards .hexagon-image .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .my-privileges-and-rewards .hexagon-image .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1025px) {
  .my-privileges-and-rewards .hexagon-image:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (min-width: 768px) {
  .my-privileges-and-rewards .hexagon-image .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .my-privileges-and-rewards .hexagon-image .hexIn {
    background-image: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .my-privileges-and-rewards .hexagon-image .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .my-privileges-and-rewards .hexagon-image img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .my-privileges-and-rewards .hexagon-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (min-width: 768px) {
  .my-privileges-and-rewards .hexagon-image .hex-border {
    background-position: center bottom;
  }
}


@media only screen and (min-width: 1025px) {
  .my-privileges-and-rewards .hexagon-image {
    position: relative;
    width: 182px;
    height: 210px;
    margin: 0 auto;
  }
  .my-privileges-and-rewards .hexagon-image .hex {
    width: 180px;
    /* = (100-3) / 4 */
    padding-bottom: 207.846096908px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .my-privileges-and-rewards .hexagon-image .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .my-privileges-and-rewards .hexagon-image .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 1025px) {
  .my-privileges-and-rewards .hexagon-image:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (min-width: 1025px) {
  .my-privileges-and-rewards .hexagon-image .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 1025px) and (min-width: 768px) {
  .my-privileges-and-rewards .hexagon-image .hexIn {
    background-image: none !important;
  }
}

@media only screen and (min-width: 1025px) {
  .my-privileges-and-rewards .hexagon-image .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .my-privileges-and-rewards .hexagon-image img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 767px) {
  .my-privileges-and-rewards .hexagon-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (min-width: 1025px) {
  .my-privileges-and-rewards .hexagon-image .hex-border {
    background-position: center -435px;
  }
}

.my-privileges-and-rewards .item-info {
  padding-right: 20px;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .item-info {
    padding: 0 20px 20px 20px;
  }
}

.my-privileges-and-rewards .item-info .highlighted {
  color: #d10074;
}

.my-privileges-and-rewards .item-info .highlighted span {
  color: #fff;
  display: inline-block;
}

.my-privileges-and-rewards .item-info .item-name {
  color: #d10074;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 20px;
}

.my-privileges-and-rewards .item-info .item-name span {
  font-size: 13px;
  color: #fff;
}

.my-privileges-and-rewards .item-info span {
  display: block;
  line-height: 20px;
}

.my-privileges-and-rewards .item-info span.small {
  color: #c2c2c2;
  font-size: 12px;
}

.my-privileges-and-rewards .item-info span.large {
  line-height: 30px;
}

.my-privileges-and-rewards .item-image {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .item-image {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: 10px;
  }
}

.my-privileges-and-rewards .account-panel {
  border-color: #737373;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .my-privileges-and-rewards .account-panel {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .my-privileges-and-rewards .account-panel {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .header + div > div:first-child.search-results-page {
    padding-top: 76px;
  }
}

.search-results-page .content-container {
  padding-top: 39px;
  padding-bottom: 2px;
}

.left-bar-search {
  padding-top: 55px;
}

.left-bar-search li {
  margin-bottom: 19px;
}

.left-bar-search li a [class^="sidebar-ico-"] {
  width: 22px;
  height: 22px;
  margin-right: 17px;
}

.search-results-container {
  padding-bottom: 28px;
}

@media only screen and (min-width: 768px) {
  .search-results-container {
    padding-bottom: 35px;
  }
}

@media only screen and (min-width: 768px) {
  .search-results-container .search-info {
    display: table;
    width: 100%;
  }
}

.search-results-container .search-info p {
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .search-results-container .search-info .search-term {
    display: table-cell;
  }
}

.search-results-container .search-info .search-term p {
  margin-bottom: 5px;
  margin-left: 4px;
}

.search-results-container .search-info .search-term h2 {
  margin-top: 0px;
  margin-bottom: 14px;
  color: #FAE805;
  text-shadow: 2px 2px #311219;
}

@media only screen and (min-width: 768px) {
  .search-results-container .search-info .search-count {
    display: table-cell;
    margin-left: auto;
    min-width: 130px;
    text-align: right;
    vertical-align: bottom;
  }
}

@media only screen and (max-width: 767px) {
  .search-results-container .search-info .search-count {
    margin-top: 30px;
  }
}

.search-results-container .search-info .search-count p {
  margin-right: 2px;
  margin-bottom: 15px;
}

@media (max-width: 479px) {
  .search-results-container .col-xs-custom-5 + .col-xs-custom-7 .item-info {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .search-results-container [class^='col-xs-custom-'] {
    padding: 0px 10px !important;
    float: left;
  }
  .search-results-container .col-xs-custom-7 {
    width: calc(100% - 120px);
  }
}

.search-results {
  border-bottom: 0px;
}

.search-results .keyword {
  background-color: #d10074;
  display: inline-block;
  height: 15px;
  line-height: 12px;
  padding: 0 5px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .search-results {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .search-results .item-image {
    margin: 8px 0 5px;
  }
}

@media only screen and (max-width: 767px) {
  .search-results .item-image {
    margin-top: 4px;
  }
}

.grayscale .search-results .hexagon-image {
  -moz-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}

@media only screen and (min-width: 768px) {
  .search-results .hexagon-image {
    position: relative;
    width: 182px;
    height: 210px;
    margin: 0 auto;
  }
  .search-results .hexagon-image .hex {
    width: 180px;
    /* = (100-3) / 4 */
    padding-bottom: 207.846096908px;
    /* =  width / sin(60deg) */
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    transform: rotate(-60deg) skewY(30deg) translatez(-1px);
    -webkit-backface-visibility: hidden;
    outline: 1px solid transparent;
  }
  .search-results .hexagon-image .hex * {
    position: absolute;
    visibility: visible;
    outline: 1px solid transparent;
    /* fix for jagged edges in FF on hover transition */
  }
  .search-results .hexagon-image .hex-border {
    background-image: url(.../images/hexagon-bg.png);
    background-repeat: none;
    background-position: top center;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 3;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1025px) {
  .search-results .hexagon-image:hover .hexIn:before {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media only screen and (min-width: 768px) {
  .search-results .hexagon-image .hexIn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-color: gray;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: skewY(-30deg) rotate(60deg);
    transform: skewY(-30deg) rotate(60deg);
    -webkit-backface-visibility: hidden;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  .search-results .hexagon-image .hexIn {
    background-image: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .search-results .hexagon-image .hexIn:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  .search-results .hexagon-image img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 767px) {
  .search-results .hexagon-image img {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
  }
}

@media only screen and (min-width: 768px) {
  .search-results .hexagon-image .hex-border {
    background-position: center -435px;
  }
}

@media only screen and (max-width: 767px) {
  .search-results .hexagon-image .hex .hexIn {
    width: 100px;
    height: 100px;
    background-size: cover;
    border: 2px solid #FAE805;
    display: block;
  }
  .search-results .hexagon-image .hex .hexIn img {
    display: none;
  }
  .search-results .hexagon-image .hex-border {
    display: none;
  }
}

.search-results .panel-body {
  border-bottom: 1px solid #737373;
  padding-top: 13px;
  padding-right: 20px;
  padding-bottom: 22px;
}

@media only screen and (max-width: 767px) {
  .search-results .panel-body {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0px;
  }
  .search-results .panel-body .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.search-results .view-more {
  text-align: right;
  line-height: 10px;
  margin-bottom: 0px;
  margin-top: 10px;
}

.search-results .item-info {
  margin-top: 13px;
  padding-left: 14px;
}

@media only screen and (max-width: 767px) {
  .search-results .item-info {
    margin-top: 0px;
    padding-left: 0px;
  }
}

.search-results .item-categories a {
  font-size: 13px;
  text-transform: uppercase;
}

.search-results .item-name {
  max-width: 236px;
}

@media only screen and (max-width: 767px) {
  .search-results .item-name {
    max-width: 100%;
  }
}

.search-results .item-name a {
  font-size: 18px;
  color: #d10074;
  line-height: 20px;
}

.search-results .col-xs-custom-12 .item-name {
  max-width: none;
}

.search-results .item-description-more {
  margin-top: 20px;
}

.search-results .description-toggle {
  line-height: 26px;
}

.search-results .description-toggle p:last-child {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .search-results .view-more {
    display: none;
  }
}

.search-results .event-detail {
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
}

.search-results .item-price {
  font-weight: 600;
  line-height: 11px;
}

.stores-brand-directory-nav.directory-variation.contact-us {
  padding-bottom: 56px;
}

@media only screen and (max-width: 767px) {
  .header + div > div.stores-brand-directory-page:first-child.contact-us {
    padding-top: 176px;
    padding-bottom: 43px;
  }
}

.contact-us {
  min-height: 438px;
}

@media only screen and (max-width: 479px) {
  .contact-us {
    background-position: -677px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us .logo-page .text {
    font-size: 32px;
    margin-top: 4px;
  }
  .contact-us .logo-page .text:after {
    bottom: -13px;
  }
}

.contact-us-container {
  background: url(.../images/contac-us-bg.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 64px;
  padding-bottom: 91px;
}

@media only screen and (max-width: 767px) {
  .contact-us-container {
    padding-top: 33px;
    padding-bottom: 86px;
  }
}

.contact-us-container .guide {
  font-size: 16px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .contact-us-container .guide {
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-container nav {
    margin-top: 25px;
  }
  .contact-us-container nav .contact-mobile-control .bootstrap-select .btn {
    border-color: #FAE805 !important;
    background-color: #FF6600 !important;
    color: #FAE805;
  }
  .contact-us-container nav .contact-mobile-control .bootstrap-select .btn .bs-caret {
    background-position: -246px 0;
  }
}

.contact-us-container nav ul {
  padding: 0px;
}

@media only screen and (min-width: 768px) {
  .contact-us-container nav ul {
    margin-top: 28px;
  }
}

.contact-us-container nav li a.active {
  font-size: 16px;
  font-weight: 600;
  background-color: #FF6600;
}

@media only screen and (min-width: 768px) {
  .contact-us-container nav li {
    margin-bottom: 19px;
  }
  .contact-us-container nav li a {
    display: block;
    background-color: #FAE805;
    border: 2px solid #FAE805;
    padding: 7px 12px;
    font-size: 16px;
    font-weight: 600;
    color: #FF6600;
    position: relative;
    text-decoration: none;
    outline: 0;
  }
  .contact-us-container nav li a:after {
    content: '';
    width: 26px;
    height: 12px;
    position: absolute;
    top: 12px;
    right: 12px;
    background-image: url(.../images/sprite.png);
    background-position: -217px 0px;
    background-repeat: no-repeat;
  }
  .contact-us-container nav li a.current {
    color: #FAE805;
    background-color: #FF6600;
  }
  .contact-us-container nav li a.current:after {
    top: 10px;
    background-image: url(.../images/sprite.png);
    background-position: -246px -12px;
    background-repeat: no-repeat;
  }
}

.contact-us-container .seprator hr {
  margin-top: 22px;
  border-color: #666666;
}

.contact-us-container .section-content {
  margin-top: 24px;
}

@media only screen and (max-width: 767px) {
  .contact-us-container .section-content {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-container .form-container {
    margin-top: 18px;
  }
}

.contact-us-container .form-container .validation-summary-errors {
  display: none;
}

.contact-us-container .form-container .contact-form {
  display: none;
}

.contact-us-container .form-container .form-default {
  display: block;
}

.contact-us-container .form-container .bootstrap-select .btn {
  border-color: #FAE805 !important;
  background-color: #fff !important;
  color: #bbbbbb !important;
}

.contact-us-container .form-container .bootstrap-select .btn .bs-caret {
  background-position: -246px 0;
}

.contact-us-container .form-container .required-field .control-label:after {
  content: "*";
  margin-left: 5px;
  color: #e00034;
}

.contact-us-container .form-container .form-group {
  margin-bottom: 33px;
}

.contact-us-container .form-container .form-group label {
  margin-bottom: 8px;
}

.contact-us-container .form-container .form-group label.control-label {
  color: #fff;
}

.contact-us-container .form-container .form-group label.require em {
  margin-left: 0px;
}

.contact-us-container .form-container .form-group textarea {
  height: 125px;
}

.contact-us-container .form-container .form-group.message-group {
  margin-bottom: 19px;
}

@media only screen and (max-width: 767px) {
  .contact-us-container .form-container .form-submit-border {
    float: left;
    margin-top: 19px;
  }
}

.contact-us-container .form-container .form-submit-border .btn {
  text-transform: none;
}

.contact-us-container .form-container .form-submit-border .message {
  font-size: 18px;
  color: #FAE805;
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  .contact-us-container .form-container .form-submit-border .message {
    margin-top: 17px;
    max-width: 279px;
    min-width: 0;
    overflow: hidden;
  }
}

.contact-us-sidebar {
  background: url(../images/contact-sidebar-top.png) no-repeat top left;
  padding-top: 15px;
  margin-top: 15px;
  width: 302px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .contact-us-sidebar {
    float: right;
    max-width: 302px;
  }
}

@media only screen and (max-width: 767px) {
  .contact-us-sidebar {
    background-size: 100% auto;
    max-width: 302px;
    margin: 0 auto;
  }
}

@media (max-width: 320px) {
  .contact-us-sidebar {
    width: auto;
  }
}

.contact-us-sidebar .sidebar-container {
  background: url(../images/contact-sidebar-bottom.png) no-repeat bottom left;
  padding-bottom: 15px;
}

@media only screen and (max-width: 767px) {
  .contact-us-sidebar .sidebar-container {
    background-size: 100% auto;
  }
}

.contact-us-sidebar .sidebar-container .sidebar-content {
  background: url(../images/contact-sidebar-main.png) repeat-y center left;
  padding: 8px 20px 28px;
}

@media only screen and (max-width: 767px) {
  .contact-us-sidebar .sidebar-container .sidebar-content {
    background-size: 100% auto;
    padding-top: 7px;
  }
}

.contact-us-sidebar h4 {
  line-height: 35px;
  color: #FAE805;
  font-weight: 600;
  max-width: 94%;
}

@media only screen and (max-width: 767px) {
  .contact-us-sidebar h4 {
    max-width: initial;
  }
}

.contact-us-sidebar span {
  font-size: 16px;
  color: #fff;
  display: block;
}

.contact-us-sidebar .contact-name {
  margin-top: 19px;
}

.contact-us-sidebar .contact-name a {
  display: block;
  margin-top: 5px;
}

.contact-us-sidebar .contact-name a i {
  margin-right: 7px;
}

.contact-us-sidebar .contact-address {
  margin-top: 24px;
}

@media only screen and (max-width: 767px) {
  .contact-us-sidebar .contact-address {
    margin-top: 14px;
  }
}

.contact-us-sidebar .contact-address h5 {
  font-size: 18px;
  color: #FAE805;
  font-weight: 600;
  margin-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  .contact-us-sidebar .contact-address h5 {
    font-size: 16px;
    margin-bottom: 4px;
  }
}

.contact-us-sidebar .contact-address .guide {
  font-size: 14px;
  margin-top: 4px;
}

.contact-us-sidebar .openning-hour {
  margin-top: 26px;
}

@media only screen and (max-width: 767px) {
  .contact-us-sidebar .openning-hour {
    margin-top: 22px;
  }
}

.contact-us-sidebar .openning-hour label, .contact-us-sidebar .openning-hour p {
  font-size: 16px;
  color: #fff !important;
  margin-bottom: 2px;
}

.contact-us-sidebar .openning-hour label strong, .contact-us-sidebar .openning-hour p strong {
  font-weight: normal;
}

.contact-us-sidebar .openning-hour span {
  font-size: 16px;
  color: #fff !important;
}

.contact-us-infomation {
  background: url(../images/benefit-bg.jpg) no-repeat top center;
  background-size: 100% 100%;
  position: relative;
  padding-top: 65px;
  padding-bottom: 68px;
}

@media only screen and (max-width: 767px) {
  .contact-us-infomation {
    padding-top: 21px;
    padding-bottom: 54px;
  }
}

.contact-us-infomation:before {
  content: "";
  background: url(../images/sign-in-before-benfit.png) no-repeat top center;
  background-size: 100% 100%;
  width: 100%;
  height: 81px;
  position: absolute;
  bottom: 100%;
}

@media only screen and (max-width: 767px) {
  .contact-us-infomation:before {
    height: 53px;
    background-image: url(../images/sign-in-before-mobile-benfit.png);
  }
}

.contact-us-infomation a {
  color: #000;
}

@media only screen and (min-width: 768px) {
  .contact-us-infomation .contact-phones {
    padding-left: 27px;
  }
}

.contact-us-infomation .open-hours-container {
  border-right: 1px solid #FF6600;
}

@media only screen and (max-width: 767px) {
  .contact-us-infomation .open-hours-container {
    border-right: 0px;
  }
  .contact-us-infomation .open-hours-container ul {
    border-bottom: 1px solid #FF6600;
    padding-bottom: 33px;
  }
}

.contact-us-infomation .info-col h2 {
  margin-top: 0px;
  line-height: 25px;
  text-shadow: 1px 2px #a6a6a6;
}

.contact-us-infomation ul {
  padding: 0px;
  margin-top: 26px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .contact-us-infomation ul {
    margin-top: 23px;
  }
}

.contact-us-infomation ul li {
  margin-bottom: 18px;
}

.contact-us-infomation ul li h5 {
  color: #d10074;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 1px;
}

.contact-us-infomation ul li span {
  font-size: 15px;
  font-weight: 600;
}

.contact-us-infomation ul li:last-child {
  margin-bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .contact-us-infomation .contact-phones {
    margin-top: 37px;
  }
  .contact-us-infomation .contact-phones h2 {
    max-width: 93%;
    line-height: 34px;
  }
  .contact-us-infomation .contact-phones ul {
    margin-top: 15px;
  }
}

.contact-us-related-info {
  padding-top: 32px;
  padding-bottom: 36px;
}

@media only screen and (max-width: 767px) {
  .contact-us-related-info {
    padding-bottom: 22px;
  }
}

.contact-us-related-info .title {
  color: #FAE805;
}

@media only screen and (max-width: 767px) {
  .contact-us-related-info .title {
    font-size: 26px;
    padding-left: 10px;
    margin-bottom: 19px;
  }
}

.contact-us-related-info .related-info {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  clear: both;
  margin: 0;
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  .press-room.main {
    padding-top: 178px !important;
  }
}

@media only screen and (min-width: 768px) {
  .press-room .category-select {
    max-width: 159px !important;
  }
}

.press-room .stores-brand-dir-nav {
  margin-top: 22px;
  padding-bottom: 45px;
}

.press-room .stores-brand-dir-nav .label-filter {
  margin-top: 9px;
  margin-right: 7px;
}

.press-room .stores-brand-dir-nav .label-filter + .category-select {
  width: 100% !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .press-room .stores-brand-dir-nav .search-box-group {
    width: 50%;
    margin-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .press-room .stores-brand-dir-nav .search-box-group {
    padding: 0px;
  }
}

.press-room .stores-brand-dir-nav .search-box-group input[type="text"] {
  width: 530px;
  max-width: none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .press-room .stores-brand-dir-nav .search-box-group input[type="text"] {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .press-room .stores-brand-dir-nav .search-box-group input[type="text"] {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .press-room .stores-brand-dir-nav .search-box-group .input-search-btn {
    right: 4px;
  }
}

.press-room-content {
  padding-top: 35px;
  padding-bottom: 59px;
}

@media only screen and (max-width: 767px) {
  .press-room-content {
    padding-top: 25px;
  }
}

.press-room-content .filter-label h1 {
  text-align: center;
  font-size: 98px;
  text-shadow: none;
  color: #d10074;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: normal;
}

.press-room-content .filter-label h5 {
  font-size: 18px;
  color: #fff;
  padding: 0 13px;
  margin-bottom: 20px;
}

.press-room-content .event-list .event .event-info {
  margin-top: 10px;
}

.press-room-content .event-list .event .event-info .event-name {
  max-width: none;
}

.deal-offer-filter .category-select {
  max-width: 193px;
}

.stores-brand-directory-nav.directory-variation.job-listing {
  padding-bottom: 56px;
}

@media only screen and (max-width: 767px) {
  .stores-brand-directory-nav.directory-variation.job-listing {
    padding-bottom: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .job-listing {
    background-position: -234px 76px;
  }
}

@media only screen and (max-width: 767px) {
  .job-listing .logo-page {
    margin-bottom: 47px;
  }
}

@media only screen and (max-width: 767px) {
  .job-listing .logo-page span.text {
    max-width: 150px;
  }
}

.job-listing-container {
  background: url(.../images/contac-us-bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 63px 0px 95px 0px;
}

@media only screen and (max-width: 767px) {
  .job-listing-container {
    padding-top: 33px;
    padding-bottom: 76px;
  }
}

.job-listing-container .guide {
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}

.job-listing-container .notice {
  color: #fff;
  font-size: 13px;
}

.job-listing-container .notice p {
  margin: 0px;
}

.job-listing-container address {
  color: #FAE805;
  font-weight: bold;
  font-size: 16px;
  padding-top: 13px;
  margin-bottom: 40px;
}

.job-listing-container address a[href^="mailto"] {
  text-decoration: underline;
  outline: 0;
}

.job-listing-container address p {
  margin: 0px;
  line-height: 24px;
}

@media only screen and (max-width: 767px) {
  .job-listing-container address {
    padding-top: 18px;
  }
}

.job-listing-container .jobs-list {
  margin: 38px 0px 33px 0px;
}

@media only screen and (max-width: 767px) {
  .job-listing-container .jobs-list {
    margin: 35px 0px;
  }
}

.job-listing-container .job-item {
  border-radius: 0px;
  border: 0px;
  margin-bottom: 21px;
}

.job-listing-container .job-heading a {
  display: block;
  background-color: #FF6600;
  border: 2px solid #FAE805;
  padding: 7px 12px;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  outline: 0;
  color: #FAE805;
  -webkit-transition: none;
  transition: none;
}

.job-listing-container .job-heading a:after {
  content: '';
  width: 26px;
  height: 12px;
  position: absolute;
  top: 12px;
  right: 12px;
  background-image: url(.../images/sprite.png);
  background-position: -246px -12px;
  background-repeat: no-repeat;
}

.job-listing-container .job-heading a.collapsed {
  background-color: #FAE805;
  color: #FF6600;
}

.job-listing-container .job-heading a.collapsed:after {
  background-position: -217px 0px;
}

.job-listing-container .requirements {
  padding: 7px 13px 14px 13px;
}

.job-listing-container .requirements h3 {
  font-size: 16px;
  font-weight: 600;
}

.job-listing-container .requirement-list {
  padding-top: 4px;
}

.job-listing-container .requirement-list p {
  margin: 0px;
  line-height: 18px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 18, 2013 */

@font-face {
    font-family: 'thaisans_neue_blackregular';
    src: url('../font/thaisansneue-black-webfont.eot');src: url('../font/thaisansneue-black-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-black-webfont.woff') format('woff'),url('../font/thaisansneue-black-webfont.ttf') format('truetype'),url('../font/thaisansneue-black-webfont.svg#thaisans_neue_blackregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neuebold';
    src: url('../font/thaisansneue-bold-webfont.eot');src: url('../font/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-bold-webfont.woff') format('woff'),url('../font/thaisansneue-bold-webfont.ttf') format('truetype'),url('../font/thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_extbdregular';
    src: url('../font/thaisansneue-extrabold-webfont.eot');src: url('../font/thaisansneue-extrabold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-extrabold-webfont.woff') format('woff'),url('../font/thaisansneue-extrabold-webfont.ttf') format('truetype'),url('../font/thaisansneue-extrabold-webfont.svg#thaisans_neue_extbdregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_extltregular';
    src: url('../font/thaisansneue-extralight-webfont.eot');src: url('../font/thaisansneue-extralight-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-extralight-webfont.woff') format('woff'),url('../font/thaisansneue-extralight-webfont.ttf') format('truetype'),url('../font/thaisansneue-extralight-webfont.svg#thaisans_neue_extltregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_lightregular';
    src: url('../font/thaisansneue-light-webfont.eot');src: url('../font/thaisansneue-light-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-light-webfont.woff') format('woff'),url('../font/thaisansneue-light-webfont.ttf') format('truetype'),url('../font/thaisansneue-light-webfont.svg#thaisans_neue_lightregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neueregular';
 src: url('../font/thaisansneue-regular-webfont.eot');src: url('../font/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-regular-webfont.woff') format('woff'),url('../font/thaisansneue-regular-webfont.ttf') format('truetype'),url('../font/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_sembdregular';
    src: url('../font/thaisansneue-semibold-webfont.eot');src: url('../font/thaisansneue-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-semibold-webfont.woff') format('woff'),url('../font/thaisansneue-semibold-webfont.ttf') format('truetype'),url('../font/thaisansneue-semibold-webfont.svg#thaisans_neue_sembdregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_ultbdregular';
    src: url('../font/thaisansneue-ultrabold-webfont.eot');src: url('../font/thaisansneue-ultrabold-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-ultrabold-webfont.woff') format('woff'),url('../font/thaisansneue-ultrabold-webfont.ttf') format('truetype'),url('../font/thaisansneue-ultrabold-webfont.svg#thaisans_neue_ultbdregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_ultltregular';
    src: url('../font/thaisansneue-ultralight-webfont.eot');src: url('../font/thaisansneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'),url('../font/thaisansneue-ultralight-webfont.woff') format('woff'),url('../font/thaisansneue-ultralight-webfont.ttf') format('truetype'),url('../font/thaisansneue-ultralight-webfont.svg#thaisans_neue_ultltregular') format('svg');font-weight: normal;font-style: normal;
}




.attraction-page {
  position: relative;
  overflow: hidden;
}

.attraction-page p {
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}

.attraction-page p.large {
  font-size: 22px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 1px;
}

.attraction-page a:focus {
  text-decoration: none;
  outline-width: 0px;
}

.attraction-page.attraction-page-himmapan {
 font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif;
}

.attraction-page.attraction-page-himmapan p {
  color: #98a1ab;
}

.attraction-page.attraction-page-himmapan p.large {
  color: #fff9ca;
}

.attraction-page.attraction-page-himmapan hr {
  opacity: 0.3;
}

.attraction-page.attraction-page-himmapan .section-break {
  display: block;
  margin: 40px auto;
  width: 1px;
  height: 50px;
  background-color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .attraction-page-content {
  background-image: url(../images/himmapan-attraction-bg-image.jpg);
}

.attraction-page.attraction-page-himmapan .attraction-page-content .attraction-page-section .attraction-page-section-title span {
  text-transform: uppercase;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #c99329;
  background-color: #fff9ca;
  background: #fff9ca;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff9ca), color-stop(100%, #99660a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff9ca 0%, #99660a 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff9ca 0%, #99660a 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9ca', endColorstr='#99660a', GradientType=0 );*/
  /* IE6-9 */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  text-fill-color: transparent;
}

.attraction-page.attraction-page-himmapan .attraction-page-content .attraction-page-section .attraction-page-section-content-title {
  color: #98a1ab;
}

.attraction-page.attraction-page-himmapan .btn {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  background-image: none;
  font-size: inherit;
  font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif;
  font-weight: bold;
  height: auto;
  line-height: 1.2em;
  padding: 10px 15px;
}

.attraction-page.attraction-page-himmapan .btn-attraction {
  background: #99660a;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99660a), color-stop(100%, #af9247));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #99660a 0%, #af9247 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #99660a 0%, #af9247 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99660a', endColorstr='#af9247', GradientType=0 );*/
  /* IE6-9 */
  border-color: #c99329;
  border-width: 2px;
  border-style: solid;
  border-radius: 0px;
  min-width: 1px;
  color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .btn-outline-attraction {
  padding: 10px 20px;
  border-color: #fff9ca;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-radius: 0px;
  min-width: 1px;
  font-weight: normal;
  color: #fff9ca;
  opacity: 1;
  background-color: transparent;
}

.attraction-page.attraction-page-himmapan .btn-outline-attraction:hover {
  background-color: #fff9ca;
  opacity: 1;
  color: #99660a;
}

.attraction-page.attraction-page-himmapan .btn-outline-attraction.btn-static {
  cursor: auto;
  padding: 7px 14px;
  margin-right: 3px;
}

.attraction-page.attraction-page-himmapan .btn-outline-attraction.btn-static:hover {
  background-color: transparent;
  color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .attraction-page-banner-section .banner-content {
  text-align: center;
}

.attraction-page.attraction-page-himmapan .attraction-page-banner-section .banner-cta span {
  text-transform: uppercase;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #c99329;
  background-color: #fff9ca;
  background: #fff9ca;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff9ca), color-stop(100%, #99660a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff9ca 0%, #99660a 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff9ca 0%, #99660a 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9ca', endColorstr='#99660a', GradientType=0 );*/
  /* IE6-9 */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  text-fill-color: transparent;
}

.attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul {
  padding: 0;
}

.attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li {
  padding-left: 25px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li:not(.cta)::before {
  content: '';
  border-radius: 10px;
  width: 5px;
  height: 5px;
  display: block;
  background-color: rgba(255, 249, 202, 0.6);
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 5px;
  top: 50%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li.active a, .attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li:hover a {
  color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li.active:not(.cta)::before, .attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li:hover:not(.cta)::before {
  width: 10px;
  height: 10px;
  background-color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li a {
  color: rgba(255, 249, 202, 0.6);
}

.attraction-page.attraction-page-himmapan .attraction-page-navigation-section ul li.cta {
  margin-top: 20px;
  margin-bottom: 0;
}

.attraction-page.attraction-page-himmapan .attraction-page-testimonial-section .testimonial-title {
  color: #98a1ab;
}

.attraction-page.attraction-page-himmapan .attraction-page-testimonial-section .testimonial-rating {
  margin-bottom: 20px;
}

.attraction-page.attraction-page-himmapan .attraction-page-testimonial-section .testimonial-rating .testimonial-rating-score .rating-star {
  border-color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .attraction-page-testimonial-section .testimonial-rating .testimonial-rating-score .rating-star.active::after {
  background-color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .attraction-page-testimonial-section .testimonial-rating .testimonial-rating-author {
  color: #fff9ca;
}

.attraction-page.attraction-page-himmapan .attraction-page-testimonial-section .testimonial-comment {
  text-align: center;
  font-style: italic;
  color: #98a1ab;
}

.attraction-page.attraction-page-himmapan .attraction-page-article-section .angel {
  margin-top: -110px;
  margin-bottom: -70px;
}

.attraction-page.attraction-page-himmapan .attraction-page-slider-section .attraction-slider-title {
  color: #fff9ca;
}

.attraction-page-content {
  margin-top: -1px;
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding: 10px 0;
}

.attraction-page-content .attraction-page-section {
  margin-bottom: 40px;
}

.attraction-page-content .attraction-page-section .attraction-page-section-title {
  margin-bottom: 40px;
  text-align: center;
}

.attraction-page-content .attraction-page-section .attraction-page-section-content-title {
  font-size: 22px;
  line-height: 24px;
  font-style: italic;
  margin-bottom: 20px;
}

.attraction-page-content .attraction-page-section .attraction-page-section-content-title i {
  margin-right: 5px;
}

.attraction-page-content .attraction-page-section .attraction-page-section-content {
  margin-bottom: 20px;
}

.attraction-page-banner-section .attraction-banner-carousel .banner-background img {
  width: 100%;
}

.attraction-page-banner-section .attraction-banner-carousel .banner-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) {
  .attraction-page-banner-section .attraction-banner-carousel .banner-content {
    top: 60%;
  }
}

@media only screen and (min-width: 1025px) {
  .attraction-page-banner-section .attraction-banner-carousel .banner-content {
    top: 55%;
  }
}

.attraction-page-navigation-section {
  margin-left: 40px;
  position: fixed;
  padding-top: 0 !important;
  margin-top: 50vh;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.attraction-page-navigation-section ul {
  width: auto;
}

.attraction-page-navigation-section ul li {
  color: #fff;
  width: 200px;
}

@media only screen and (max-width: 767px) {
  .attraction-page-navigation-section {
    display: none;
  }
}


.attraction-page-video-section {
  position: relative;
  overflow: hidden;
}

.attraction-page-video-section .video-preview {
  width: 100%;
  height: auto;
}

.attraction-page-video-section .video-preview-detail {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-1%, -50%);
  transform: translate(-1%, -50%);
}

.attraction-page-video-section .video-preview-detail .video-preview-title {
  line-height: 40px;
  text-transform: uppercase;
  color: #fff9ca;
  font-weight: normal;
  font-size: 40px;
  margin-bottom: 20px;
}

.attraction-page-video-section .video-preview-detail .video-preview-title small {
  font-size: 0.5em;
}

.attraction-page-testimonial-section .testimonial-logo {
  width: 100%;
}

.attraction-page-testimonial-section .testimonial-title {
  text-align: center;
  font-size: 45px;
  font-style: italic;
}

.attraction-page-testimonial-section .testimonial-title::after {
  content: '”';
}

.attraction-page-testimonial-section .testimonial-title::before {
  content: '“';
}

.attraction-page-testimonial-section .testimonial-rating {
  text-align: center;
  margin-bottom: 20px;
}

.attraction-page-testimonial-section .testimonial-rating > div {
  display: inline-block;
}

.attraction-page-testimonial-section .testimonial-rating .testimonial-rating-score .rating-star {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  border: 2px #fff solid;
}

.attraction-page-testimonial-section .testimonial-rating .testimonial-rating-score .rating-star.active::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  display: block;
  background-color: #fff;
  border-radius: 10px;
}

.attraction-page-testimonial-section .testimonial-rating .testimonial-rating-author {
  line-height: 18px;
  vertical-align: middle;
  margin-left: 4px;
  font-size: 16px;
}

.attraction-page-testimonial-section .testimonial-rating .testimonial-rating-author::before {
  content: "by";
  margin-right: 4px;
}

.attraction-page-testimonial-section .testimonial-comment {
  font-size: 14px;
  color: #fff;
}

.attraction-page-testimonial-section .testimonial-comment a {
  font-style: normal;
  text-decoration: underline;
  color: inherit;
}

.attraction-page-article-section .quote {
  font-style: italic;
  font-size: 24px;
  line-height: 26px;
}

.attraction-page-slider-section .attraction-slider {
  padding: 0px 120px;
}

.attraction-page-slider-section .attraction-slider .slick-prev, .attraction-page-slider-section .attraction-slider .slick-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  border-width: 0;
  background-color: transparent;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  background-size: 120px 60px;
  background-position: 60px 0;
}

.attraction-page-slider-section .attraction-slider .slick-prev:hover, .attraction-page-slider-section .attraction-slider .slick-next:hover {
  background-position: 0 0;
}

.attraction-page-slider-section .attraction-slider .slick-prev {
  left: 0;
  background-image: url(../images/himmapan-attraction-slider-arrow-prev.png);
}

.attraction-page-slider-section .attraction-slider .slick-next {
  right: 0;
  background-image: url(../images/himmapan-attraction-slider-arrow-next.png);
}

.attraction-page-slider-section .attraction-slider-image {
  width: 100%;
}

.attraction-page-slider-section .attraction-slider-title {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 30px;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item {
  margin: 0;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item img {
  width: 100%;
  border: 2px solid #104553;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item .gallery-slider-outer-wrapper {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  width: 100%;
  padding: 5% 8%;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item .gallery-slider-outer-wrapper .gallery-slider-inner-wrapper {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item .gallery-slider-outer-wrapper .gallery-slider-inner-wrapper::after {
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0.7;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  display: block;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item.slick-active .gallery-slider-outer-wrapper {
  padding: 0;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item.slick-active .gallery-slider-outer-wrapper .gallery-slider-inner-wrapper {
  cursor: auto;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item.slick-active .gallery-slider-outer-wrapper .gallery-slider-inner-wrapper::after {
  opacity: 0;
}

.attraction-page-gallery-slider-section .attraction-gallery-slider .attraction-gallery-slider-item:focus {
  outline-width: 0;
}