/*
Theme Name: lichfieldcathedralschool
Author: Regroup China
Developer: Mahendra Jangid;
Author URI: regroup-china.com
Description: Theme for lichfieldcathedralschool
Text Domain: lichfieldcathedralschool
*/

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
.Content1Column h4,
.Content2Column h4,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
hr,
textarea,
input,
abbr,
article,
aside,
audio,
canvas,
datalist,
details,
figcaption,
figure,
footer,
header,
hgroup,
mark,
meter,
nav,
output,
progress,
section,
summary,
time,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none
}

html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html * {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  padding: 0;
  margin: 0
}

body {
  font-size: 100%;
  line-height: normal;
  line-height: 1.5
}

body a {
  text-decoration: none
}

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

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

caption,
th,
td {
  padding: 0;
  text-align: left;
  vertical-align: middle
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""
}

blockquote,
q {
  quotes: """"
}

q {
  quotes: none
}

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

h1,
h2,
h3,
.Content1Column h4,
.Content2Column h4,
h4,
h5,
h6 {
  font-weight: normal
}

img {
  -ms-interpolation-mode: bicubic
}

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

b,
strong {
  font-weight: bold
}

dfn,
address {
  font-style: normal
}

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

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

small {
  font-size: 75%
}

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

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

nav ul,
nav ol {
  list-style: none
}

.clearfix:after,
.wrapper:after,
.wrapper-inside:after,
#mainholder:after,
.Content1Column:after,
.Content2Column:after,
nav#navholder:after,
.tog-btns:after,
.indi-btns:after,
#music-sec ul:after,
form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.clearfix,
.wrapper,
.wrapper-inside,
#mainholder,
.Content1Column,
.Content2Column,
nav#navholder,
.tog-btns,
.indi-btns,
#music-sec ul,
form {
  display: inline-block
}

* html .clearfix,
* html .wrapper,
* html .wrapper-inside,
* html #mainholder,
* html .Content1Column,
* html .Content2Column,
* html nav#navholder,
* html .tog-btns,
* html .indi-btns,
* html #music-sec ul,
#music-sec * html ul,
* html form {
  height: 1%
}

.clearfix,
.wrapper,
.wrapper-inside,
#mainholder,
.Content1Column,
.Content2Column,
nav#navholder,
.tog-btns,
.indi-btns,
#music-sec ul,
form {
  display: block
}

.hidden {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: none !important;
  visibility: hidden
}

button {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none
}

button,
input.send,
input.submit,
input[type=submit],
label,
select {
  cursor: pointer
}

button,
input,
textarea {
  border: 0 none
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  *margin-left: -7px
}

textarea {
  overflow: auto;
  vertical-align: top
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input [type="button"]::-moz-focus-inner {
  border: none
}

button,
input {
  line-height: normal;
  *overflow: visible
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

audio[controls],
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important
}

/*! Accessible Reset v1.0.0 | MIT License | github.com/matssom/accessible-reset.git */
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;
  width: 100%;
  scroll-behavior: smooth
}

body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-size: 1.8rem;
  font-family: sans-serif;
  min-height: 100vh;
  text-rendering: optimizeSpeed
}

ul[class],
ol[class] {
  padding: 0
}

ul[class],
ol[class] {
  list-style-image: transparent
}

a:not([class]) {
  text-decoration-skip-ink: auto
}

img {
  max-width: 100%;
  display: block
}

input,
button,
textarea,
select {
  font: inherit
}

*:focus {
  outline: 1px dashed #fff;
  outline-offset: 1px
}

button:focus:not(:focus-visible) {
  outline: none
}

button:focus-visible {
  outline: 1px dashed #fff;
  outline-offset: 1px
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus,
body:not(.user-is-tabbing) a:focus {
  outline: none
}

body {
  text-align: center;
  padding: 0;
  margin: 0;
  position: relative;
  overflow-x: hidden;
  font-family: "Noto Sans", sans-serif
}

.home {
  background: #861535
}

.home #wrapper {
  overflow: visible
}

.home * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

body a {
  color: #00bfff;
  text-decoration: none;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

body a:hover,
body a:focus {
  text-decoration: none
}

#wrapper {
  margin: 0 auto;
  text-align: center;
  max-width: 2000px;
  overflow: hidden
}

.wrapper {
  width: 990px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  max-width: 100%
}

.wrapper-inside {
  width: 1500px;
  max-width: 90%;
  padding: 0;
  margin: 0 auto;
  position: relative
}

@media only screen and (max-width: 990px) {
  .wrapper-inside {
    max-width: 100%
  }
}

.home .wrapper-inside {
  width: 100%;
  max-width: 100%
}

#mainholder {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 30px 0;
  clear: both;
  text-align: left;
  background: #fff
}

.home #mainholder {
  padding: 0;
  margin: 0;
  background: none
}

.Content1Column {
  width: 1360px;
  max-width: 95%;
  margin: 0 auto 50px;
  padding: 30px 50px 30px 30px;
  min-height: 350px;
  text-align: left;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden
}

.Content1Column img {
  max-width: 100%;
  height: auto
}

.Content2Column {
  width: -webkit-calc(98% - 350px);
  width: -moz-calc(98% - 350px);
  width: calc(98% - 350px);
  margin: 0 0 50px 2%;
  padding: 30px 50px 30px 30px;
  min-height: 350px;
  text-align: left;
  display: inline-block;
  float: left;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden
}

.Content2Column img {
  max-width: 100%;
  height: auto
}

#mainholder tr,
#mainholder td {
  border: 1px solid #BFBFBF
}

#mainholder td {
  padding: 5px
}

#mainholder .tablenoborderpadded {
  border: 0 !important
}

#mainholder .tablenoborderpadded tr,
#mainholder .tablenoborderpadded td {
  border: 0px !important
}

.HomeAlert .Content1Column {
  float: none;
  margin: 0 auto 50px
}

.Content1Column a img,
.Content1Column img a,
.Content1Column img,
.Content1Column p a img,
.Content2Column a img,
.Content2Column img a,
.Content2Column img,
.Content2Column p a img {
  border: 0;
  border-bottom: 0;
  text-decoration: none;
  vertical-align: middle
}

.Content1Column h1,
.Content2Column h1 {
  font-size: 52px;
  margin: 0 0 20px 0;
  color: #861535;
  line-height: 1.2
}

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

  .Content1Column h1,
  .Content2Column h1 {
    font-size: 48px
  }
}

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

  .Content1Column h1,
  .Content2Column h1 {
    font-size: 42px
  }
}

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

  .Content1Column h1,
  .Content2Column h1 {
    font-size: 38px
  }
}

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

  .Content1Column h1,
  .Content2Column h1 {
    font-size: 35px
  }
}

.Content1Column h2,
.Content2Column h2 {
  font-size: 35px;
  margin: 25px 0 20px 0;
  color: #c2ab74;
  line-height: 1.3
}

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

  .Content1Column h2,
  .Content2Column h2 {
    font-size: 32px
  }
}

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

  .Content1Column h2,
  .Content2Column h2 {
    font-size: 30px
  }
}

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

  .Content1Column h2,
  .Content2Column h2 {
    font-size: 28px
  }
}

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

  .Content1Column h2,
  .Content2Column h2 {
    font-size: 25px
  }
}

.Content1Column h3,
.Content1Column h4,
.Content2Column h3,
.Content2Column h4 {
  font-size: 22px;
  margin: 25px 0 10px 0;
  padding: 5px 10px 3px 10px;
  background: #861535;
  color: #fff
}

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

  .Content1Column h3,
  .Content1Column h4,
  .Content2Column h3,
  .Content2Column h4 {
    font-size: 20px
  }
}

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

  .Content1Column h3,
  .Content1Column h4,
  .Content2Column h3,
  .Content2Column h4 {
    font-size: 19px
  }
}

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

  .Content1Column h3,
  .Content1Column h4,
  .Content2Column h3,
  .Content2Column h4 {
    font-size: 18px
  }
}

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

  .Content1Column h3,
  .Content1Column h4,
  .Content2Column h3,
  .Content2Column h4 {
    font-size: 16px
  }
}

.Content1Column h4,
.Content2Column h4 {
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 30px;
  background-color: #c2ab74
}

.Content1Column h4.open,
.Content2Column h4.open {
  background-image: url(images/expanding-faq/minus-white.png)
}

.Content1Column h4.closed,
.Content2Column h4.closed {
  background-image: url(images/expanding-faq/plus-white.png)
}

.Content1Column h5,
.Content2Column h5 {
  font-size: 12px
}

.Content1Column h1,
.Content1Column h2,
.Content1Column h3,
.Content1Column h4,
.Content1Column h4,
.Content1Column h5,
.Content2Column h1,
.Content2Column h2,
.Content2Column h3,
.Content2Column h4,
.Content2Column h4,
.Content2Column h5 {
  font-family: "Baskervville"
}

.Content1Column h6,
.Content1Column small,
.Content2Column h6,
.Content2Column small {
  font-size: 10px
}

.Content1Column h1+h2,
.Content2Column h1+h2 {
  margin-top: 0;
  border: 0;
  padding: 0
}

.Content1Column h1+p,
.Content1Column h2+p,
.Content1Column h3+p,
.Content1Column h4+p,
.Content1Column .Content2Column h4+p,
.Content2Column h1+p,
.Content2Column h2+p,
.Content2Column h3+p,
.Content2Column .Content1Column h4+p,
.Content2Column h4+p {
  margin-top: 0
}

.Content1Column p,
.Content2Column p {
  margin: 12px 0;
  padding: 0
}

.Content1Column li,
.Content2Column li {
  margin: 2px 0;
  padding: 0 0 0 23px;
  background: url(../i/icons/bullet_black.png) no-repeat top 6px left 3px
}

.Content1Column hr,
.Content2Column hr {
  height: 1px;
  border-width: 0;
  color: #f2f2f2;
  background-color: #f2f2f2
}

.ColumnLeft {
  width: 250px;
  margin: 0;
  padding: 0;
  min-height: 250px;
  text-align: left;
  float: left
}

.ColumnRight {
  width: 300px;
  margin: 0 20px 150px 0;
  padding: 0;
  min-height: 250px;
  text-align: left;
  display: inline-block;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 20px 10px 30px 10px;
  border-radius: 20px 10px 30px 10px;
  background: rgba(112, 18, 44, 0.9);
  outline: 2px solid #fff;
  outline-offset: -5px
}

.ColumnRight {
  width: 250px;
  height: 100%;
  margin: -70px 0 0 0;
  padding: 0;
  min-height: 250px;
  text-align: left;
  display: inline-block;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 99
}

@media only screen and (max-width: 990px) {
  .ColumnRight {
    background: #861535
  }
}

.ColumnRight:before {
  content: "";
  display: block;
  position: absolute;
  width: 500px;
  height: 1000%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #861535;
  right: -220px;
  z-index: 1;
  outline: 2px solid #fff;
  outline-offset: -5px
}

@media only screen and (max-width: 1500px) {
  .ColumnRight:before {
    content: "";
    display: block;
    position: absolute;
    width: 340px;
    height: 1000%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: -65px
  }
}

@media only screen and (max-width: 990px) {
  .ColumnRight:before {
    display: none
  }
}

.ColumnLeft ul,
.ColumnRight ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.ColumnLeft nav ul a:link,
.ColumnRight nav ul a:visited,
.ColumnRight nav ul a:link,
.ColumnRight nav ul a:visited {
  display: block
}

.ColumnLeft li {
  border-bottom: 1px solid #EEE
}

html>body .ColumnLeft li {
  border-bottom: none
}

#SideHeadingPages {
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding: 20px 5%
}

#SideHeadingPages h2 {
  display: block;
  font-size: 26px;
  padding: 20px 0;
  margin: 0;
  color: #fff;
  text-align: center;
  font-family: "Baskervville"
}

#SideHeadingPages ul.SideList {
  padding: 0 0 30px 0
}

#SideHeadingPages ul.SideList li {
  display: block;
  width: 100%;
  text-align: left
}

#SideHeadingPages ul.SideList li a.child {
  background: url(images/svg/ic-related-pages.svg) left 20px center no-repeat;
  padding-left: 40px !important
}

#SideHeadingPages ul.SideList li a {
  padding: 7px 20px;
  font-size: 18px;
  color: #fff
}

#SideHeadingPages ul.SideList li a:hover {
  background-color: rgba(255, 255, 255, 0.1)
}

.home #slider {
  height: 100vh;
  max-height: 1080px;
  min-height: 550px;
  position: relative
}

@media only screen and (max-width: 990px) {
  .home #slider {
    height: 700px;
    min-height: 700px
  }
}

#slider {
  width: 100%;
  min-height: 500px;
  position: relative;
  z-index: 1
}

@media only screen and (max-width: 990px) {
  #slider {
    height: 450px;
    min-height: 450px
  }
}

#slider:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 450px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  background: -webkit-linear-gradient(top, #000 0%, transparent 100%);
  background: -moz-linear-gradient(top, #000 0%, transparent 100%);
  background: linear-gradient(180deg, #000 0%, transparent 100%)
}

.backstretch {
  position: relative
}

.backstretch:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 450px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  left: 0
}

.backstretch img {
  top: 0px !important;
  -webkit-animation: scale 25s ease forwards infinite;
  -moz-animation: scale 25s ease forwards infinite;
  animation: scale 25s ease forwards infinite
}

@-webkit-keyframes scale {
  from {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
  }
}

@-moz-keyframes scale {
  from {
    -moz-transform: scale(1);
    transform: scale(1)
  }

  to {
    -moz-transform: scale(1.25);
    transform: scale(1.25)
  }
}

@keyframes scale {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25)
  }
}

@media only screen and (min-width: 990px) {
  .home .backstretch {
    opacity: 0;
    -webkit-animation: appear 2s ease forwards 1;
    -moz-animation: appear 2s ease forwards 1;
    animation: appear 2s ease forwards 1
  }

  @-webkit-keyframes appear {
    from {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @-moz-keyframes appear {
    from {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @keyframes appear {
    from {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }
}

.strapline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 35vh;
  margin: 0 auto;
  text-align: center;
  z-index: 99;
  color: #fff;
  line-height: 1;
  font-size: 3vw;
  width: 50vw;
  max-width: 95%;
  display: inline-block;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 990px) {
  .strapline {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 50px auto 0;
    font-size: 30px;
    width: auto
  }
}

@media only screen and (max-width: 500px) {
  .strapline {
    font-size: 25px
  }
}

@media only screen and (min-width: 990px) {
  .strapline:before {
    display: block;
    content: "";
    display: block;
    position: absolute;
    width: -webkit-calc(100% + 50px);
    width: -moz-calc(100% + 50px);
    width: calc(100% + 50px);
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: -25px;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -moz-transition: transform .3s ease, -moz-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
  }

  .strapline:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
  }
}

header {
  padding: 40px 0 0 0
}

@media only screen and (max-width: 990px) {
  header {
    padding: 80px 0 0 0
  }
}

header>.wrapper {
  padding: 0;
  position: relative;
  z-index: 60;
  width: 1200px;
  max-width: 95%
}

header h1 {
  margin: 0;
  background: none
}

#logo-index {
  display: inline-block;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 990px) {
  #logo-index {
    display: block;
    margin: 0 auto 20px
  }
}

#logo-index a img#logo {
  display: inline-block
}

@media only screen and (max-width: 990px) {
  #logo-index a img#logo {
    display: block;
    margin: 0 auto
  }
}

#social-dock {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99
}

@media only screen and (max-width: 990px) {
  #social-dock {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
  }
}

#social-dock li {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  background: none;
  margin: 0;
  position: relative;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

@media only screen and (max-width: 990px) {
  #social-dock li {
    display: inline-block;
    margin: 5px
  }
}

#social-dock li:not(:last-of-type) {
  margin: 0 15px 0 0
}

@media only screen and (max-width: 990px) {
  #social-dock li:not(:last-of-type) {
    margin: 5px
  }
}

#social-dock li:last-of-type img {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px)
}

#social-dock li img {
  display: inline-block;
  margin: 0 auto;
  vertical-align: middle
}

#social-dock li a {
  display: block;
  width: 100%;
  height: 100%
}

#social-dock li .tooltip {
  position: absolute;
  left: 50%;
  margin: 0;
  top: -10px;
  width: 100px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  font-size: 12px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  opacity: 0;
  z-index: -1
}

@media only screen and (max-width: 990px) {
  #social-dock li .tooltip {
    display: none
  }
}

#social-dock li:hover .tooltip {
  opacity: 1;
  top: -30px
}

.g-tran,
.translate {
  width: 20px;
  height: 20px
}

.g-tran img,
.translate img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  top: -20px
}

#google_translate_element {
  opacity: 0
}

.translate {
  overflow: hidden;
  z-index: 99
}

.goog-te-gadget .goog-te-combo {
  padding: 10px
}

a#FS {
  padding: 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer
}

#search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0;
  display: none
}

#search.open {
  -webkit-transform: translate(0px, 0px) scale(1, 1);
  -moz-transform: translate(0px, 0px) scale(1, 1);
  -ms-transform: translate(0px, 0px) scale(1, 1);
  transform: translate(0px, 0px) scale(1, 1);
  opacity: 1;
  z-index: 9999999;
  display: block
}

#search input[type="search"] {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -51px;
  width: 60%;
  margin-left: 20%;
  color: #fff;
  background: transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  font-size: 40px;
  font-weight: 300;
  text-align: center;
  outline: none;
  padding: 10px
}

@media only screen and (max-width: 990px) {
  #search input[type="search"] {
    width: 70%;
    max-width: 250px;
    background: #fff;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 20px;
    color: #111;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -50px auto 0;
    outline: none;
    -webkit-box-shadow: 0 0 0 3px #cccccc;
    -moz-box-shadow: 0 0 0 3px #cccccc;
    box-shadow: 0 0 0 3px #cccccc
  }
}

#scroller {
  width: 80px;
  position: absolute;
  left: 5%;
  margin: 0;
  bottom: 0;
  z-index: 999
}

@media only screen and (max-width: 990px) {
  #scroller {
    display: none
  }
}

#map {
  width: 35%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden
}

@media only screen and (max-width: 1600px) {
  #map {
    width: 25%
  }
}

@media only screen and (max-width: 990px) {
  #map {
    display: none
  }
}

.thanks {
  position: absolute;
  right: 6%;
  bottom: 110px;
  z-index: 1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

.thanks:hover {
  -webkit-filter: brightness(140%);
  filter: brightness(140%)
}

@media only screen and (max-width: 1600px) {
  .thanks {
    right: 30%;
    width: 150px
  }
}

@media only screen and (max-width: 990px) {
  .thanks {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 auto 50px;
    display: block
  }
}

footer {
  background: #1d1d1b;
  clear: both;
  margin: 0 auto;
  padding: 75px 0 30px;
  position: relative;
  z-index: 99;
  border-top: 5px solid #fff
}

@media only screen and (max-width: 990px) {
  footer {
    height: auto;
    padding: 30px 0
  }
}

footer .wrapper {
  text-align: left;
  font-size: 16px;
  color: #fff;
  width: 85%;
  font-weight: 300
}

@media only screen and (max-width: 1600px) {
  footer .wrapper {
    font-size: 15px
  }
}

@media only screen and (max-width: 990px) {
  footer .wrapper {
    width: 100%;
    padding: 0 5%;
    font-size: 16px;
    text-align: center
  }
}

footer .links,
footer .cont {
  display: inline-block;
  vertical-align: top
}

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

  footer .links,
  footer .cont {
    display: block
  }
}

footer .links h2,
footer .cont h2 {
  font-size: 2.5vw;
  margin: 0 0 20px 0;
  line-height: 1;
  color: #c2ab75;
  font-family: "Baskervville";
  font-weight: normal;
  position: relative;
  display: inline-block;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

footer .links h2:before,
footer .cont h2:before {
  display: block;
  content: "";
  display: block;
  position: absolute;
  width: -webkit-calc(100% + 50px);
  width: -moz-calc(100% + 50px);
  width: calc(100% + 50px);
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: -25px;
  background: #861435;
  z-index: -1;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -moz-transition: transform .3s ease, -moz-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease, -moz-transform .3s ease
}

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

  footer .links h2,
  footer .cont h2 {
    font-size: 30px;
    text-align: center;
    margin: 0 auto 20px
  }
}

footer .links {
  margin: 0 50px 0 0
}

@media only screen and (max-width: 1600px) {
  footer .links {
    margin: 0 30px 0 0
  }
}

@media only screen and (max-width: 990px) {
  footer .links {
    margin: 0 auto 30px
  }
}

footer .links li {
  display: block;
  margin: 0 0 5px 0
}

footer .links li a {
  display: inline-block;
  color: #fff;
  position: relative
}

footer .links li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #c2ab75;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  left: 0;
  bottom: -2px
}

@media only screen and (min-width: 990px) {
  footer .links li a:hover:before {
    width: 100%
  }
}

footer .cont h2:before {
  background: #fff
}

footer .cont p.address a[href^="mailto:"] {
  display: inline-block;
  position: relative;
  color: #fff
}

@media only screen and (max-width: 990px) {
  footer .cont p.address a[href^="mailto:"] {
    display: block
  }
}

footer .cont p.address a[href^="mailto:"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 2px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #c2ab75;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  left: 0;
  bottom: -7px
}

@media only screen and (min-width: 990px) {
  footer .cont p.address a[href^="mailto:"]:hover:before {
    width: 100%
  }
}

@media only screen and (max-width: 990px) {
  footer a {
    word-break: break-all
  }
}

@media only screen and (min-width: 990px) {
  footer:hover h2:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left
  }
}

.sub-footer {
  margin: 50px 0 0 0
}

#copyright,
#credit {
  display: inline-block;
  margin: 0;
  font-size: 12px;
  text-transform: uppercase
}

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

  #copyright,
  #credit {
    text-align: center;
    display: block;
    margin: 5px auto
  }
}

#copyright a,
#credit a {
  color: #fff
}

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

  #copyright a,
  #credit a {
    margin: 0;
    display: inline-block
  }
}

#copyright a:last-of-type,
#credit a:last-of-type {
  color: #34706c
}

#copyright {
  margin: 0 30px 0 0
}

@media only screen and (max-width: 990px) {
  #copyright {
    margin: 30px auto 5px;
    display: block
  }
}

.top-btn {
  position: fixed;
  z-index: 99999;
  bottom: 80px;
  right: 50px;
  display: block;
  width: 45px;
  height: 45px;
  background: #861535;
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 8px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 8px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 0 3px #fff, 0 0 0 8px rgba(255, 255, 255, 0.2);
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  text-align: center;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

@media only screen and (max-width: 1199px) {
  .top-btn {
    display: none
  }
}

.show-top-btn {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.home h2 {
  font-family: "Baskervville";
  line-height: 1
}

#welcome-sec {
  padding: 100px 0;
  background: #183851 url(images/welcome-bg.png) no-repeat right center;
  position: relative;
  border-top: 5px solid #fff
}

@media only screen and (max-width: 1600px) {
  #welcome-sec {
    padding: 80px 0
  }
}

@media only screen and (max-width: 990px) {
  #welcome-sec {
    padding: 60px 5%
  }
}

#welcome-sec .wrapper {
  width: 90%;
  color: #fff
}

#welcome-sec .text-wrap,
#welcome-sec .vid-wrap {
  display: inline-block;
  vertical-align: middle
}

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

  #welcome-sec .text-wrap,
  #welcome-sec .vid-wrap {
    display: block;
    margin: 0 auto
  }
}

#welcome-sec .text-wrap {
  width: 55%;
  margin: 0 3% 0 0;
  padding: 0 10% 0 0
}

@media only screen and (max-width: 990px) {
  #welcome-sec .text-wrap {
    width: auto;
    padding: 0;
    margin: 0 auto 50px
  }
}

#welcome-sec .vid-wrap {
  width: 40%;
  position: relative
}

@media only screen and (max-width: 990px) {
  #welcome-sec .vid-wrap {
    width: 290px
  }
}

#welcome-sec .vid-wrap:before {
  content: "";
  display: block;
  position: absolute;
  width: 95%;
  height: 200px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateX(-7%);
  -moz-transform: translateX(-7%);
  -ms-transform: translateX(-7%);
  transform: translateX(-7%);
  bottom: -20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

#welcome-sec .vid-wrap a {
  display: block;
  position: relative
}

#welcome-sec .vid-wrap a:before {
  content: "";
  display: block;
  position: absolute;
  width: 119px;
  height: 130px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: url(images/video-ic.png) no-repeat center;
  left: -80px;
  bottom: -80px;
  pointer-events: all;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  z-index: 99
}

@media only screen and (max-width: 990px) {
  #welcome-sec .vid-wrap a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%) scale(0.5) !important;
    -moz-transform: translate(-50%, -50%) scale(0.5) !important;
    -ms-transform: translate(-50%, -50%) scale(0.5) !important;
    transform: translate(-50%, -50%) scale(0.5) !important
  }
}

@media only screen and (max-width: 990px) {
  #welcome-sec .vid-wrap a img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
  }
}

#welcome-sec .vid-wrap:hover:before {
  height: 100%;
  background: #c0ab79
}

#welcome-sec .vid-wrap:hover a:before {
  -webkit-transform: rotate(100deg) scale(0.8);
  -moz-transform: rotate(100deg) scale(0.8);
  -ms-transform: rotate(100deg) scale(0.8);
  transform: rotate(100deg) scale(0.8)
}

#welcome-sec h2 {
  margin: 0 0 30px 0;
  font-size: 2.5vw
}

@media only screen and (max-width: 990px) {
  #welcome-sec h2 {
    font-size: 30px
  }
}

#welcome-sec p {
  margin: 0 0 20px 0
}

@media only screen and (max-width: 1500px) {
  #welcome-sec p {
    font-size: 15px
  }
}

#welcome-sec p:last-of-type {
  margin: 0 0 50px 0
}

#welcome-sec .read-more {
  display: block;
  text-align: center;
  width: 300px;
  height: 65px;
  line-height: 65px;
  color: #fff;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  text-transform: uppercase;
  font-size: 15px;
  max-width: 95%
}

#welcome-sec .read-more:hover {
  background: #c0ab79;
  letter-spacing: 1px
}

.parallax {
  height: 50vh;
  min-height: 100px;
  -webkit-box-shadow: inset 0px 1px 100px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 1px 100px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 1px 100px 0px rgba(0, 0, 0, 0.5);
  border-top: 5px solid #fff
}

@media only screen and (max-width: 990px) {
  .parallax {
    height: 200px;
    background-attachment: scroll
  }
}

nav#navholder {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1200px;
  max-width: 100%;
  z-index: 9999
}

nav#navholder:before {
  content: "";
  display: block;
  position: absolute;
  width: -webkit-calc(50% - 100px);
  width: -moz-calc(50% - 100px);
  width: calc(50% - 100px);
  height: 1px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  top: -15px;
  left: 0;
  opacity: .5
}

nav#navholder:after {
  content: "";
  display: block;
  position: absolute;
  width: -webkit-calc(50% - 100px);
  width: -moz-calc(50% - 100px);
  width: calc(50% - 100px);
  height: 1px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  top: -15px;
  right: 0;
  opacity: .5;
  visibility: visible
}

@media only screen and (max-width: 990px) {
  nav#navholder {
    display: none
  }
}

nav#navholder .wrapper {
  width: 100%;
  text-align: center
}

ul.nav {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

ul.nav>li {
  margin: 0;
  background: none;
  white-space: nowrap;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  width: -webkit-calc(100% / 6);
  width: -moz-calc(100% / 6);
  width: calc(100% / 6)
}

ul.nav>li:nth-of-type(4) {
  width: 250px;
  margin: 0 20px
}

ul.nav>li:nth-of-type(4) a {
  font-size: 0
}

ul.nav>li>a {
  display: block;
  font-size: 16px;
  color: #fff;
  -moz-border-radius: inherit;
  border-radius: inherit;
  position: relative;
  white-space: normal;
  line-height: 1.2
}

@media only screen and (max-width: 1500px) {
  ul.nav>li>a {
    font-size: 14px
  }
}

@media only screen and (max-width: 1350px) {
  ul.nav>li>a {
    font-size: 13px
  }
}

ul.nav>li:hover>a,
ul.nav>li>a:hover {
  color: #c0ab79;
  text-decoration: none
}

ul.nav li ul {
  position: absolute;
  left: -999em;
  margin: 0;
  padding: 10px;
  background: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #7d1432;
  -webkit-box-shadow: 10px 10px 35px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 35px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 35px 10px rgba(0, 0, 0, 0.15)
}

ul.nav li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 99
}

ul.nav li:active ul {
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out
}

ul.nav li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
  position: relative
}

ul.nav li li a {
  height: auto;
  line-height: 1.1;
  white-space: pre-wrap;
  padding: 9px 12px;
  min-width: 220px;
  float: none;
  top: auto;
  display: block;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  text-transform: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff
}

ul.nav li li:hover,
ul.nav li li:hover>a,
ul.nav li li a:hover,
ul.nav li li a:focus {
  background: #671029
}

ul.nav li li a.parent:after {
  margin: -1px 0 0 10px;
  content: url("images/lite/nav-right-arrow-white.png");
  opacity: 1;
  line-height: 1
}

ul.nav ul ul {
  z-index: 505;
  background: #7d1432
}

ul.nav li:hover ul ul {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 0 0 -5px;
  -webkit-box-shadow: 10px 10px 35px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 35px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 10px 10px 35px 10px rgba(0, 0, 0, 0.15)
}

ul.nav ul li:hover ul {
  left: 100%;
  top: -10px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: all;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all
}

#navholder.fixed {
  position: fixed;
  -webkit-animation: move-down 1s ease forwards;
  -moz-animation: move-down 1s ease forwards;
  animation: move-down 1s ease forwards;
  background: rgba(90, 14, 36, 0.8);
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: unset;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 10001
}

#navholder.fixed .wrapper {
  margin: 0 auto;
  width: 1200px
}

#navholder.fixed ul.nav {
  text-align: center;
  padding: 5px 0
}

#navholder.fixed ul.nav>li:nth-of-type(4) {
  display: none
}

@-webkit-keyframes move-down {
  from {
    top: -50px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@-moz-keyframes move-down {
  from {
    top: -50px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@keyframes move-down {
  from {
    top: -50px;
    opacity: 0
  }

  to {
    top: 0;
    opacity: 1
  }
}

@media only screen and (max-width: 990px) {
  ul.nav>li:nth-of-type(5) {
    display: none
  }
}

#tog-btns {
  padding: 100px 0;
  background: #861435 url(images/tog-bg.png) no-repeat left center;
  position: relative;
  border-top: 5px solid #fff
}

@media only screen and (max-width: 1600px) {
  #tog-btns {
    padding: 80px 0
  }
}

@media only screen and (max-width: 990px) {
  #tog-btns {
    padding: 60px 5%
  }
}

#tog-btns h2 {
  text-align: center;
  margin: 0 auto 50px;
  font-size: 2.5vw;
  color: #fff
}

@media only screen and (max-width: 990px) {
  #tog-btns h2 {
    font-size: 30px
  }
}

.tog-btns {
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 90%;
  margin: 0 auto
}

@media only screen and (max-width: 990px) {
  .tog-btns {
    max-width: unset
  }
}

.tog-btns:before {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 200px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: -1%;
  margin: auto;
  bottom: -20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

.tog-btns li {
  display: inline-block;
  padding: 0;
  background: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  max-width: -webkit-calc(100% / 4 - 20px);
  max-width: -moz-calc(100% / 4 - 20px);
  max-width: calc(100% / 4 - 20px);
  margin: 0 5px
}

@media only screen and (max-width: 990px) {
  .tog-btns li {
    width: 250px;
    height: 220px;
    margin: 5px;
    max-width: unset
  }
}

.tog-btns li a {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
  position: relative
}

.tog-btns li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#222), to(rgba(34, 34, 34, 0)));
  background: -webkit-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);
  background: -moz-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);
  background: linear-gradient(0deg, #222 0%, rgba(34, 34, 34, 0) 100%);
  z-index: 101;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

.tog-btns li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01)
}

.tog-btns li span:not(span span) {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 80%;
  color: #fff;
  width: 100%;
  z-index: 102;
  font-size: 1.8vw;
  line-height: 1;
  font-family: "Baskervville"
}

@media only screen and (max-width: 990px) {
  .tog-btns li span:not(span span) {
    font-size: 24px
  }
}

.tog-btns li span:not(span span) span {
  display: block;
  font-size: 1.25vw;
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  margin: 7px auto 0
}

@media only screen and (max-width: 990px) {
  .tog-btns li span:not(span span) span {
    font-size: 18px
  }
}

.tog-btns li span:not(span span) span em {
  font-style: normal;
  font-size: 60%;
  display: inline-block;
  vertical-align: top
}

.tog-btns li:hover a:before {
  height: 100%
}

@media only screen and (min-width: 990px) {
  .tog-btns:hover:before {
    height: 100%;
    background: rgba(255, 255, 255, 0.05);
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
  }

  .tog-btns:hover li:not(:hover) {
    opacity: .3
  }
}

#indi-btns {
  padding: 100px 0;
  background: #c2ab75 url(images/indi-bg.png) no-repeat right center;
  position: relative;
  border-top: 5px solid #fff
}

@media only screen and (max-width: 1600px) {
  #indi-btns {
    padding: 80px 0
  }
}

@media only screen and (max-width: 990px) {
  #indi-btns {
    padding: 60px 5%
  }
}

#indi-btns h2 {
  text-align: center;
  margin: 0 auto 50px;
  font-size: 2.5vw;
  color: #fff
}

@media only screen and (max-width: 990px) {
  #indi-btns h2 {
    font-size: 30px
  }
}

.indi-btns {
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 90%;
  margin: 0 auto
}

@media only screen and (max-width: 990px) {
  .indi-btns {
    max-width: unset
  }
}

.indi-btns:before {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 90%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: -1%;
  margin: auto;
  bottom: -20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

.indi-btns li {
  display: inline-block;
  padding: 0;
  background: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  max-width: -webkit-calc(100% / 4 - 20px);
  max-width: -moz-calc(100% / 4 - 20px);
  max-width: calc(100% / 4 - 20px);
  margin: 0 5px 5px
}

@media only screen and (max-width: 990px) {
  .indi-btns li {
    width: 250px;
    height: 220px;
    margin: 5px;
    max-width: unset
  }
}

.indi-btns li a {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
  position: relative
}

.indi-btns li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#222), to(rgba(34, 34, 34, 0)));
  background: -webkit-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);
  background: -moz-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);
  background: linear-gradient(0deg, #222 0%, rgba(34, 34, 34, 0) 100%);
  z-index: 101;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

.indi-btns li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01)
}

.indi-btns li span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 85%;
  color: #fff;
  width: 100%;
  z-index: 102;
  font-size: 1.8vw;
  line-height: 1;
  font-family: "Baskervville"
}

@media only screen and (max-width: 990px) {
  .indi-btns li span {
    font-size: 22px
  }
}

.indi-btns li:hover a:before {
  height: 100%
}

@media only screen and (min-width: 990px) {
  .indi-btns:hover:before {
    height: 100%;
    background: rgba(255, 255, 255, 0.05);
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
  }

  .indi-btns:hover li:not(:hover) {
    opacity: .3
  }
}

#music-sec {
  padding: 100px 0;
  background: #1d460c;
  position: relative;
  border-top: 5px solid #fff
}

@media only screen and (max-width: 1600px) {
  #music-sec {
    padding: 80px 0
  }
}

@media only screen and (max-width: 990px) {
  #music-sec {
    padding: 60px 5%
  }
}

#music-sec ul {
  text-align: center;
  position: relative;
  z-index: 1;
  max-width: 90%;
  margin: 0 auto
}

@media only screen and (max-width: 990px) {
  #music-sec ul {
    max-width: unset
  }
}

#music-sec ul:before {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 200px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: -1%;
  margin: auto;
  bottom: -20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

#music-sec ul:before {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 90%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: -1%;
  margin: auto;
  bottom: -20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

#music-sec ul:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 45%;
  content: '我们热爱音乐';
  font-size: 2.5vw;
  color: #1b430d;
  z-index: 1;
  visibility: visible;
  font-family: "Baskervville"
}

@media only screen and (max-width: 990px) {
  #music-sec ul:after {
    top: 48.5%;
    font-size: 30px
  }
}

#music-sec ul li {
  display: inline-block;
  padding: 0;
  background: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  max-width: -webkit-calc(100% / 6 - 20px);
  max-width: -moz-calc(100% / 6 - 20px);
  max-width: calc(100% / 6 - 20px);
  margin: 0 2px
}

@media only screen and (max-width: 990px) {
  #music-sec ul li {
    width: 250px;
    height: 200px;
    margin: 5px;
    max-width: unset
  }
}

#music-sec ul li a {
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
  position: relative
}

#music-sec ul li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#222), to(rgba(34, 34, 34, 0)));
  background: -webkit-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);
  background: -moz-linear-gradient(bottom, #222 0%, rgba(34, 34, 34, 0) 100%);
  background: linear-gradient(0deg, #222 0%, rgba(34, 34, 34, 0) 100%);
  z-index: 101;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

#music-sec ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01)
}

#music-sec ul li span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 80%;
  color: #fff;
  width: 100%;
  z-index: 102;
  font-size: 1.8vw;
  line-height: 1
}

@media only screen and (max-width: 990px) {
  #music-sec ul li span {
    font-size: 20px
  }
}

#music-sec ul .touchless {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none
}

@media only screen and (max-width: 990px) {
  #music-sec ul .touchless {
    height: 50px
  }
}

@media only screen and (min-width: 990px) {
  #music-sec ul:hover:before {
    height: 100%;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
  }

  #music-sec ul:hover li:not(.touchless):not(:hover) {
    -webkit-filter: brightness(40%);
    filter: brightness(40%)
  }
}

@-webkit-keyframes modal-video {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-moz-keyframes modal-video {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes modal-video {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px)
  }

  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-moz-keyframes modal-video-inner {
  from {
    -moz-transform: translate(0, 100px);
    transform: translate(0, 100px)
  }

  to {
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    transform: translate(0, 100px)
  }

  to {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-name: modal-video;
  -moz-animation-name: modal-video;
  animation-name: modal-video;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out
}

.modal-video-close {
  opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  transform: translate(0, 100px)
}

.modal-video-body {
  max-width: 940px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table
}

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
  -moz-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-name: modal-video-inner;
  -moz-animation-name: modal-video-inner;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -moz-transition: transform .3s ease-out, -moz-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out, -moz-transform .3s ease-out
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent
}

.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: -6px
}

#news-sec {
  padding: 100px 0;
  background: #c2ab75 url(images/indi-bg.png) no-repeat right center;
  position: relative;
  border-top: 5px solid #fff
}

@media only screen and (max-width: 1600px) {
  #news-sec {
    padding: 80px 0
  }
}

@media only screen and (max-width: 990px) {
  #news-sec {
    padding: 60px 5%
  }
}

#news-sec:before {
  content: "";
  display: block;
  position: absolute;
  width: 5%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  right: 0;
  background: -webkit-gradient(linear, right top, left top, from(#c2ab75), to(rgba(194, 171, 117, 0)));
  background: -webkit-linear-gradient(right, #c2ab75 0%, rgba(194, 171, 117, 0) 100%);
  background: -moz-linear-gradient(right, #c2ab75 0%, rgba(194, 171, 117, 0) 100%);
  background: linear-gradient(to left, #c2ab75 0%, rgba(194, 171, 117, 0) 100%);
  z-index: 2
}

@media only screen and (max-width: 990px) {
  #news-sec:before {
    display: none
  }
}

#news-sec .wrapper {
  width: 100%
}

#news-sec h2 {
  color: #fff;
  font-size: 3vw;
  line-height: 1;
  margin: 0 0 50px 15%
}

@media only screen and (max-width: 990px) {
  #news-sec h2 {
    font-size: 30px;
    margin: 0 auto 50px;
    text-align: center
  }
}

#news-sec .more {
  /* position: absolute; */
  top: -5px;
  left: 40%;
  display: block;
  text-align: center;
  width: 250px;
  height: 65px;
  line-height: 65px;
  color: #fff;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  text-transform: uppercase;
  font-size: 15px;
  max-width: 95%;
  display: block;
  margin: 20px auto auto;
}

#news-sec .more:hover {
  background: #861435;
  letter-spacing: 1px
}

@media only screen and (max-width: 990px) {
  #news-sec .more {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 50px auto 0
  }
}

#news-sec .mySwiper {
  margin: 0 0 0 10%;
  overflow: visible;
  position: relative
}

#news-sec .mySwiper:before {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 200px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: -1%;
  margin: auto;
  bottom: -20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

#news-sec .mySwiper:before {
  content: "";
  display: block;
  position: absolute;
  width: 105%;
  height: 70%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: -2%;
  margin: auto;
  bottom: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  z-index: -1
}

@media only screen and (max-width: 990px) {
  #news-sec .mySwiper {
    margin: 0 auto
  }
}

#news-sec .mySwiper ul.swiper-wrapper {
  padding: 20px 0 40px;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide {
  width: 350px;
  background: #861435;
  text-align: center;
  padding: 0 0 50px;
  margin: 0 10px 0 0;
  overflow: hidden;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

@media only screen and (max-width: 990px) {
  #news-sec .mySwiper ul.swiper-wrapper li.swiper-slide {
    width: 300px;
    max-width: 95%;
    padding: 0 0 30px
  }
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

@media only screen and (max-width: 990px) {
  #news-sec .mySwiper ul.swiper-wrapper li.swiper-slide img {
    height: 180px
  }
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide img:before {
  content: "";
  display: block;
  position: absolute;
  width: 102%;
  height: 200px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #fff;
  left: -1%;
  margin: auto;
  bottom: -20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide a {
  color: #fff;
  font-family: "Baskervville"
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide p.date {
  font-size: 18px;
  padding: 20px 30px;
  color: #c2ab75;
  font-family: "Noto Sans", sans-serif;
  text-transform: uppercase
}

@media only screen and (max-width: 990px) {
  #news-sec .mySwiper ul.swiper-wrapper li.swiper-slide p.date {
    padding: 10px 30px
  }
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide p.title {
  display: block;
  margin: 0 0 15px 0;
  font-size: 25px;
  padding: 30px 30px 0
}

@media only screen and (max-width: 990px) {
  #news-sec .mySwiper ul.swiper-wrapper li.swiper-slide p.title {
    padding: 20px 30px 0;
    font-size: 22px
  }
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide p.title span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 35px
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide p.desc {
  padding: 0 30px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  font-size: 16px
}

#news-sec .mySwiper ul.swiper-wrapper li.swiper-slide p.desc span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 53px
}

#news-sec .mySwiper ul.swiper-wrapper li:not(.swiper-slide-active) {
  -webkit-transform: scale(0.95) !important;
  -moz-transform: scale(0.95) !important;
  -ms-transform: scale(0.95) !important;
  transform: scale(0.95) !important
}

#news-sec .swiper-slide-shadow-right,
#news-sec .swiper-slide-shadow-left {
  display: none
}

#stats-sec {
  padding: 100px 0;
  background: #861435 url(images/tog-bg.png) no-repeat left center;
  position: relative;
  border-top: 5px solid #fff
}

@media only screen and (max-width: 1600px) {
  #stats-sec {
    padding: 80px 0
  }
}

@media only screen and (max-width: 990px) {
  #stats-sec {
    padding: 60px 5%
  }
}

#stats-sec h2 {
  text-align: center;
  margin: 0 auto 100px;
  font-size: 2.5vw;
  color: #fff
}

@media only screen and (max-width: 990px) {
  #stats-sec h2 {
    font-size: 30px
  }
}

#stats-sec ul {
  text-align: center;
  margin: 0 auto;
  max-width: 90%
}

@media only screen and (max-width: 990px) {
  #stats-sec ul {
    max-width: unset
  }
}

#stats-sec ul li {
  display: inline-block;
  vertical-align: top;
  width: 13vw;
  margin: 0 2vw
}

@media only screen and (max-width: 990px) {
  #stats-sec ul li {
    width: 200px;
    margin: 20px
  }
}

#stats-sec ul li p.rolling-digit {
  width: 13vw;
  height: 13vw;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 3vw;
  padding: 4.2vw 0 0 0;
  color: #fff;
  margin: 0 auto;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  outline: 1px solid #fff;
  outline-offset: 10px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  font-weight: 300
}

@media only screen and (max-width: 990px) {
  #stats-sec ul li p.rolling-digit {
    width: 200px;
    height: 200px;
    font-size: 30px;
    padding: 80px 0 0 0
  }
}

#stats-sec ul li span {
  display: block;
  margin: 50px auto 0;
  color: #fff;
  line-height: 1;
  font-weight: 300
}

@media only screen and (max-width: 990px) {
  #stats-sec ul li span {
    margin: 50px auto
  }
}

#stats-sec ul li:hover p.rolling-digit {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 150px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 150px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 150px rgba(255, 255, 255, 0.1);
  outline: 2px solid #fff;
  outline-offset: -10px
}

@media only screen and (max-width: 990px) {
  body {
    min-width: 300px;
    overflow-x: hidden
  }

  .wrapper {
    width: 100%
  }

  #mainholder {
    width: 100%;
    padding: 30px 0 0 0
  }

  .Content1Column,
  .Content2Column,
  .Content3Column {
    width: 100%;
    padding: 30px 8%;
    margin: 0 auto 5%;
    float: none;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 0;
    border-radius: 0
  }

  .ColumnLeft,
  .ColumnRight {
    width: 95%;
    padding: 20px 5%;
    margin: 0 auto 5%;
    float: none;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  #SideHeadingPages {
    padding: 0
  }

  .modal-home .message-modal {
    width: 90%;
    margin: 0 5%;
    left: 0;
    top: 20%;
    padding: 0
  }

  .modal-home .message-modal .modal-content .modal-text {
    padding: 3%
  }

  .modal-home .message-modal .modal-content a.close-modal {
    position: absolute;
    top: 3%;
    right: 3%;
    background: #fff;
    padding: 3px;
    -moz-border-radius: 0px 0px 0px 7px;
    border-radius: 0px 0px 0px 7px
  }

  img {
    max-width: 100%;
    height: auto
  }

  table {
    max-width: 100%
  }

  table.tableborder {
    width: 100%;
    overflow: scroll;
    white-space: nowrap;
    table-layout: fixed;
    position: relative
  }

  table.tableborder:before {
    content: "";
    width: 30px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -1px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#33000000', GradientType=1)
  }

  table.tableborder tbody {
    width: 100%;
    float: left;
    white-space: normal;
    overflow-x: scroll
  }

  #calendar .fc-header td {
    display: block;
    width: 100%
  }

  #calendar .fc-button-content {
    font-family: Arial
  }

  #calendar .fc-header-right {
    text-align: left
  }

  #calendar .fc-header-center {
    text-align: left
  }

  form div input[type="text"],
  form div textarea,
  form span textarea,
  form div input[type="textarea"],
  form div input[type="password"] {
    width: 200px
  }

  form div span.button {
    padding-left: 0
  }
}

.turquoise-button {
  background: #1bbc9b;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.turquoise-button a {
  color: #fff
}

.deep-green-button {
  background: #0f6d5b;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.deep-green-button a {
  color: #fff
}

.emerald-button {
  background: #2dcc70;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.emerald-button a {
  color: #fff
}

.forest-green-button {
  background: #43af26;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.forest-green-button a {
  color: #fff
}

.sky-blue-button {
  background: #33cefb;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.sky-blue-button a {
  color: #fff
}

.standard-blue-button {
  background: #0099ff;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.standard-blue-button a {
  color: #fff
}

.purple-rain-button {
  background: #9a59b5;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.purple-rain-button a {
  color: #fff
}

.violet-button {
  background: #7044ad;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.violet-button a {
  color: #fff
}

.royal-blue-button {
  background: #175fa2;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.royal-blue-button a {
  color: #fff
}

.midnight-blue-button {
  background: #334960;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.midnight-blue-button a {
  color: #fff
}

.sunflower-button {
  background: #f2c50a;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.sunflower-button a {
  color: #fff
}

.carrot-button {
  background: #e67f22;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.carrot-button a {
  color: #fff
}

.red-brick-button {
  background: #e54e39;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.red-brick-button a {
  color: #fff
}

.bubble-gum-button {
  background: #e79096;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.bubble-gum-button a {
  color: #fff
}

.silver-button {
  background: #bec3c7;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.silver-button a {
  color: #fff
}

.concrete-button {
  background: #95a5a5;
  color: #fff;
  padding: 15px 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2)
}

.concrete-button a {
  color: #fff
}

.full-width-box {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px 0;
  padding: 20px;
  display: block;
  background: #e8e8e8;
  color: #333
}

.outline-box {
  width: -webkit-calc(100% - 48px);
  width: -moz-calc(100% - 48px);
  width: calc(100% - 48px);
  margin: 20px 4px;
  padding: 20px;
  display: block;
  background: #f1f1f1;
  color: #333;
  -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dadada;
  -moz-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dadada;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #dadada
}

.round-border-box {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px 0;
  padding: 20px;
  display: block;
  background: #bdbdbd;
  color: #333;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.drop-shadow-box {
  width: -webkit-calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin: 20px 0;
  padding: 20px;
  display: block;
  background: #fff;
  color: #333;
  -webkit-box-shadow: 0 0 10px 0 #C3C5C9;
  -moz-box-shadow: 0 0 10px 0 #C3C5C9;
  box-shadow: 0 0 10px 0 #C3C5C9
}

.newsflash {
  color: #84c9d2;
  padding: 10px 10px 5px 10px;
  border: 5px solid #41a9b7;
  background: #84c9d2;
  background-repeat: no-repeat;
  background-position: right 0px
}

.newsflash h2 {
  color: #fff;
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-size: 1.2em;
  border-bottom: 1px solid #a0e2ea;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  font-weight: bold;
  text-transform: uppercase
}

.newsflash h2 img {
  float: left;
  margin: 0 10px 0 0
}

.newsflash p {
  color: #fff;
  margin: 5px 0
}

.newsflash a {
  text-decoration: underline
}

.infobox {
  color: #fff;
  padding: 10px 10px 5px 10px;
  border: 5px solid #4fad3d;
  background: #6ac259;
  background-repeat: no-repeat;
  background-position: right 0px
}

.infobox h2 {
  color: #fff;
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-size: 1.2em;
  border-bottom: 1px solid #b4e4aa;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  font-weight: bold;
  text-transform: uppercase
}

.infobox h2 img {
  float: left;
  margin: 0 10px 0 0
}

.infobox p {
  color: #fff;
  margin: 5px 0
}

.infobox a {
  text-decoration: underline
}

.alertbox {
  color: #fff;
  padding: 10px 10px 5px 10px;
  border: 5px solid #ffa342;
  background: #FDBB75;
  background-repeat: no-repeat;
  background-position: right 0px
}

.alertbox h2 {
  color: #fff;
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-size: 1.2em;
  border-bottom: 1px solid #ffdab2;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  font-weight: bold;
  text-transform: uppercase
}

.alertbox h2 img {
  float: left;
  margin: 0 10px 0 0
}

.alertbox p {
  color: #fff;
  margin: 5px 0
}

.alertbox a {
  text-decoration: underline
}

.warningbox {
  color: #fff;
  padding: 10px 10px 5px 10px;
  border: 5px solid #ff5f4d;
  background: #FD8375;
  background-repeat: no-repeat;
  background-position: right 0px
}

.warningbox h2 {
  color: #fff;
  margin: 0 0 8px 0;
  padding: 0 0 8px 0;
  font-size: 1.2em;
  border-bottom: 1px solid #ffbeb6;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  font-weight: bold;
  text-transform: uppercase
}

.warningbox h2 img {
  float: left;
  margin: 0 10px 0 0
}

.warningbox p {
  color: #fff;
  margin: 5px 0
}

.warningbox a {
  text-decoration: underline
}

ul.round-border-list {
  display: block
}

ul.round-border-list li {
  display: block;
  margin: 0 0 5px 0;
  padding: 10px 10px;
  background: #efefef;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 15px
}

.quick-links-list {
  background: #f7f7f7;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 8px 8px 0 0 rgba(143, 143, 143, 0.15);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 8px 8px 0 0 rgba(143, 143, 143, 0.15);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 8px 8px 0 0 rgba(143, 143, 143, 0.15);
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px;
  display: block;
  margin: 0 8px 0 0
}

.quick-links-list h2 {
  font-size: 25px;
  color: #444;
  margin: 10px 0 15px 0;
  border-bottom: 1px solid #bdbdbd;
  padding: 0 0 10px 0
}

.quick-links-list ul {
  display: block;
  -webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
  -moz-box-shadow: inset 0 0 0 1px #e4e4e4;
  box-shadow: inset 0 0 0 1px #e4e4e4;
  overflow: hidden;
  -moz-border-radius: 8px;
  border-radius: 8px
}

.quick-links-list ul li {
  display: block;
  -webkit-box-shadow: inset 0 0 0 1px #e4e4e4;
  -moz-box-shadow: inset 0 0 0 1px #e4e4e4;
  box-shadow: inset 0 0 0 1px #e4e4e4;
  overflow: hidden;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: inset 0 -1px 0 #e4e4e4;
  -moz-box-shadow: inset 0 -1px 0 #e4e4e4;
  box-shadow: inset 0 -1px 0 #e4e4e4;
  padding: 15px 10px 15px 20px;
  background: #fff;
  margin: 0;
  font-size: 15px
}

ul.striped-list {
  display: block
}

ul.striped-list li {
  display: block;
  margin: 0 0 5px 0;
  padding: 10px 10px;
  background: #f3f3f3;
  font-size: 15px
}

ul.striped-list li:nth-of-type(even) {
  background: #e2e2e2
}

a.meanmenu-reveal {
  display: none
}

.mean-container .mean-bar {
  max-width: 100%;
  width: 100%;
  text-align: center;
  max-height: 100%;
  position: fixed;
  overflow-y: scroll;
  background: #9c183e;
  padding: 0;
  min-height: 44px;
  z-index: 99999999999
}

.mean-container a.meanmenu-reveal {
  width: 80px;
  height: 22px;
  padding: 12px 13px 10px 13px;
  position: absolute;
  top: 0;
  right: 0 !important;
  left: 0 !important;
  margin: auto;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700
}

.mean-container a.meanmenu-reveal div.mm-hamburger-icon {
  float: left;
  height: 22px;
  width: 22px
}

.mean-container a.meanmenu-reveal div.mm-hamburger-icon span {
  display: block;
  background: #fff;
  height: 3px;
  font-size: 1px;
  text-indent: -99999px;
  margin-top: 3px
}

.mean-container a.meanmenu-reveal div.mm-open {
  float: right;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 16px !important;
  font-weight: bold
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #861535;
  margin-top: 44px
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none
}

.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5% 10px 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #999;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  font: 12px "Arial", Helvetica, sans-serif;
  line-height: 22px;
  text-decoration: none;
  text-transform: uppercase
}

.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(0, 0, 0, 0.1)
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 10px 10% 10px 10%;
  border-top: 1px solid #999;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 10px 15% 10px 15%
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  line-height: 32px;
  padding: 5px 12px 5px 12px !important;
  text-align: center;
  position: absolute;
  color: #fff;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.05);
  border: none !important;
  border-left: 1px solid #999;
  border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: 1px solid #999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.13)
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.mean-remove {
  display: none !important
}

.mean-container a.meanmenu-reveal div.mm-hamburger-icon {
  background: url(images/svg/ham.svg) no-repeat center
}

.mean-container a.meanmenu-reveal div.mm-hamburger-icon span {
  display: none
}

ul#DiaryListing li .diary-title {
  color: #111
}

h2.ListingHead {
  background: #222
}

h3.news-subscribe,
.Content1Column h4.news-subscribe,
.Content2Column h4.news-subscribe {
  background-image: url(../i/icons/rss-white.png);
  background-repeat: no-repeat;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-position: 10px;
  padding-left: 35px;
  -moz-background-size: 15px;
  background-size: 15px;
  background-color: #111;
  clear: both
}

h3.news-subscribe a,
.Content1Column h4.news-subscribe a,
.Content2Column h4.news-subscribe a {
  color: #fff
}

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

  h3.news-subscribe,
  .Content1Column h4.news-subscribe,
  .Content2Column h4.news-subscribe {
    font-size: 15px
  }
}

h3.adding-to-calendar,
.Content1Column h4.adding-to-calendar,
.Content2Column h4.adding-to-calendar {
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  background: #111
}

ul#DiaryListing {
  margin: 0 0 0 0;
  padding: 0
}

ul#DiaryListing li {
  display: block;
  background: none;
  margin: 0 0 10px 0;
  padding: 15px 20px;
  background: #f7f7f7;
  position: relative;
  border-bottom: 1px solid #ccc
}

ul#DiaryListing li:nth-of-type(even) {
  background: #ececec
}

ul#DiaryListing li .mix-date {
  width: 130px;
  height: 60px;
  background: #861535;
  color: #fff;
  display: inline-block;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 20px 0 0;
  float: left
}

ul#DiaryListing li .mix-date p {
  width: 50%;
  height: 100%;
  float: left;
  margin: 0
}

ul#DiaryListing li .mix-date p:last-of-type {
  background: rgba(0, 0, 0, 0.4)
}

ul#DiaryListing li .mix-date span {
  display: block;
  font-size: 25px
}

ul#DiaryListing li .mix-date span.to {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  line-height: 20px;
  margin-left: -10px;
  margin-top: -15px;
  font-size: 9px;
  background: #861535;
  color: #fff
}

ul#DiaryListing li .diary-date {
  width: 130px;
  height: 60px;
  background: #861535;
  color: #fff;
  display: inline-block;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0 20px 0 0;
  float: left
}

ul#DiaryListing li .diary-date span {
  display: block;
  font-size: 25px
}

ul#DiaryListing li .hour {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 170px;
  font-size: 12px;
  background: url(../i/icons/ic-hour.png) no-repeat 0 2px;
  padding: 0 0 0 18px;
  -moz-background-size: contain;
  background-size: contain;
  -moz-background-size: 13px;
  background-size: 13px
}

ul#DiaryListing li .diary-title {
  width: 70%;
  height: 60px;
  padding: 0 0 0 0;
  display: table;
  vertical-align: top;
  font-weight: bold
}

ul#DiaryListing li .diary-title a,
ul#DiaryListing li .diary-title span {
  display: table-cell;
  vertical-align: middle
}

ul#DiaryListing li .add-share {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 30px;
  display: inline-block;
  text-align: center;
  margin-top: -23px
}

ul#DiaryListing li .add-share a {
  display: inline-block
}

ul#DiaryListing li .add-share a img {
  margin: 0
}

ul.auto-list li {
  display: block;
  background-color: #f7f7f7;
  border: 1px solid #dedede;
  padding: 10px 10px 10px 40px;
  background-position: 10px 12px;
  margin: 0 0 5px 0;
  background-repeat: no-repeat
}

ul.list-view-list li {
  display: block;
  margin: 0 0 20px 0;
  padding: 10px 0 10px 55px
}

ul.grid-view-list li {
  width: -webkit-calc((100% / 3) - 90px);
  width: -moz-calc((100% / 3) - 90px);
  width: calc((100% / 3) - 90px);
  vertical-align: top;
  height: -webkit-calc(150px - 60px);
  height: -moz-calc(150px - 60px);
  height: calc(150px - 60px);
  padding: 30px;
  margin: 0 25px 25px 0;
  display: inline-block;
  background-position: 0 0
}

img.ListingIcon {
  margin: 0 10px 0 0;
  float: left
}

ul#DiaryListing li .add-share img {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.SScatHolder {
  width: 500px;
  height: 304px;
  color: #FFF;
  background-image: url(../admin/i/GalleryGroupPlaceholder.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block
}

.SSHolder {
  width: 500px;
  height: 375px;
  color: #FFF;
  background-image: url(../admin/i/GalleryPlaceholder.jpg);
  background-repeat: no-repeat;
  background-position: 0 0
}

.SSWrapper {
  border: 1px solid #666;
  margin: 5px 0 10px 0;
  padding: 0;
  height: 375px;
  vertical-align: middle;
  width: 500px;
  background-color: #FFF
}

#ss_gallery_holder {
  background: #fff;
  border: 1px solid #dcdcdc !important;
  margin-bottom: 40px !important
}

#ss_gallery_holder h3,
#ss_gallery_holder .Content1Column h4,
.Content1Column #ss_gallery_holder h4,
#ss_gallery_holder .Content2Column h4,
.Content2Column #ss_gallery_holder h4 {
  margin: 0 0 20px 0 !important;
  padding: 10px 20px 0px 20px;
  font-size: 23px !important
}

#SSlistblock {
  margin: 0;
  padding: 0
}

#SSlistblock .singlegallery {
  width: 48%;
  margin: 0 0 30px 0;
  float: left;
  position: relative;
  max-height: 330px;
  overflow: hidden
}

#SSlistblock .singlegallery:nth-of-type(even) {
  float: right
}

#SSlistblock .singlegallery a.thumblink {
  display: inline-block;
  width: 100%;
  background: #111;
  color: #fff;
  text-transform: uppercase
}

#SSlistblock .singlegallery a.thumblink:hover .thumb-wrap {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: .3
}

#SSlistblock .singlegallery a.thumblink .thumb-wrap {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: .5;
  min-height: 340px;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center
}

#SSlistblock .singlegallery a.thumblink .thumb-wrap img.thumb {
  width: 100%;
  height: auto
}

#SSlistblock .singlegallery a.thumblink .summary {
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  margin-top: -20px
}

#SSlistblock .singlegallery a.thumblink .summary .title {
  margin: 5px 0;
  font-size: 18px;
  font-weight: bold
}

#SSlistblock .singlegallery a.thumblink .summary .count {
  font-size: 12px;
  display: block;
  margin: 0 0 5px 0
}

#SSlistblock .singlegallery a.thumblink .summary .description {
  font-size: 12px;
  display: block;
  margin: 0 0 5px 0
}

ul#NewsListing {
  padding: 0
}

ul#NewsListing li .text-box {
  display: inline-block;
  vertical-align: top;
  max-width: 100%
}

ul#NewsListing li .text-box span.title {
  display: block;
  font-weight: bold;
  text-transform: capitalize;
  display: block;
  font-size: 30px;
  margin: 20px auto 30px;
  line-height: 1.3;
  text-decoration: none
}

@media only screen and (max-width: 1450px) {
  ul#NewsListing li .text-box span.title {
    font-size: 25px
  }
}

ul#NewsListing li .text-box span.page-overview {
  display: block;
  font-size: 17px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: 130px
}

ul#NewsListing li .text-box span.date {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  padding: 0px;
  margin: 0 0 10px 0;
  letter-spacing: 0.1em
}

ul#NewsListing li {
  border-bottom: 1px solid #d2d2d2;
  float: left;
  width: -webkit-calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  width: calc(50% - 20px);
  margin: 0 10px 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 400px;
  overflow: hidden;
  -webkit-box-shadow: inset 5px 0 0 #d2d2d2;
  -moz-box-shadow: inset 5px 0 0 #d2d2d2;
  box-shadow: inset 5px 0 0 #d2d2d2;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  background: none
}

ul#NewsListing li:hover {
  -webkit-box-shadow: inset 10px 0 0 #f9f9f9, inset 0 -800px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 10px 0 0 #f9f9f9, inset 0 -800px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 10px 0 0 #f9f9f9, inset 0 -800px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

.clickable {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  padding: 30px 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  top: 0
}

ul#NewsListing li.background-box {
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 0
}

ul#NewsListing li.background-box:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1
}

ul#NewsListing li.background-box:after {
  position: absolute;
  content: 'Read More';
  z-index: -1;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  right: 0px;
  bottom: 20px;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  opacity: 0
}

ul#NewsListing li.background-box:hover:after {
  opacity: 1;
  right: 50px
}

ul#NewsListing li.background-box .text-box span.date {
  color: #b5f74c
}

ul#NewsListing li.background-box .text-box span.title {
  color: #fff
}

ul#NewsListing li.background-box .text-box span.page-overview {
  color: #fff
}

ul#NewsListing li.background-box2 {
  position: relative;
  background: url(images/news-list-default.jpg) no-repeat center center;
  -moz-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: inset 5px 0 0 #000, 2px 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 5px 0 0 #000, 2px 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 5px 0 0 #000, 2px 0 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  z-index: 0
}

ul#NewsListing li.background-box2:hover {
  -webkit-box-shadow: inset 10px 0 0 #000, 2px 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 10px 0 0 #000, 2px 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 10px 0 0 #000, 2px 0 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

ul#NewsListing li.background-box2:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: -1
}

ul#NewsListing li.background-box2:after {
  position: absolute;
  content: 'Read More';
  z-index: -1;
  color: #222;
  font-weight: bold;
  font-size: 15px;
  right: 0px;
  bottom: 20px;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  opacity: 0
}

ul#NewsListing li.background-box2:hover:after {
  opacity: 1;
  right: 50px
}

ul#NewsListing li.background-box2 .text-box span.date {
  color: #222
}

ul#NewsListing li.background-box2 .text-box span.title {
  color: #222
}

ul#NewsListing li.background-box2 .text-box span.page-overview {
  color: #444
}

@media only screen and (max-width: 1200px) {
  ul#NewsListing li {
    display: block;
    clear: left;
    width: 100%;
    margin: 20px auto;
    height: 320px
  }

  ul#NewsListing li .text-box span.page-overview {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 100px
  }
}

@media only screen and (max-width: 600px) {
  ul#NewsListing li {
    height: 400px;
    width: 100%;
    margin: 20px auto;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 20px
  }

  ul#NewsListing li .text-box span.title {
    font-size: 18px
  }
}

.modal-home {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8000
}

.modal-home .message-modal {
  position: absolute;
  top: -webkit-calc(50% - 300px);
  top: -moz-calc(50% - 300px);
  top: calc(50% - 300px);
  left: -webkit-calc(50% - 465px - 40px - 10px);
  left: -moz-calc(50% - 465px - 40px - 10px);
  left: calc(50% - 465px - 40px - 10px);
  width: 930px;
  height: auto;
  margin: 0 30px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9)
}

.modal-home .message-modal .modal-content {
  background: rgba(255, 255, 255, 0.9);
  background-position: -120px 50px;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center
}

.modal-home .message-modal .modal-content .modal-text {
  display: block;
  padding: 45px
}

.modal-home .message-modal .modal-content .modal-text p {
  margin: 0
}

.modal-home .message-modal .modal-content a.close-modal {
  position: absolute;
  top: 31px;
  right: 31px
}

.hide-modal {
  display: none !important
}

.search-subject-box {
  display: inline-block;
  background: #f1f1f1;
  padding: 5px 15px;
  font-size: 16px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  text-transform: uppercase
}

.search-numbers {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px
}

.search-numbers span {
  background: #f1f1f1;
  padding: 3px 8px;
  margin: 0 3px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc
}

.boxmenuright,
.boxmenuleft {
  border: 2px solid #CCC;
  float: right;
  padding: 10px 10px 6px 10px;
  margin: 0 0 10px 20px;
  width: 206px
}

.boxmenuleft {
  float: left;
  margin: 0 10px 0 20px
}

.boxmenuright h2,
.boxmenuleft h2 {
  border-bottom: 1px dotted #CCC;
  font-weight: normal;
  font-size: 1.2em;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0
}

.boxmenuright li,
.boxmenuleft li {
  background-image: url(../i/icons/page.gif)
}

.boxout,
.boxoutright,
.boxoutpurple,
.boxoutpurpleright,
.boxoutgreen,
.boxoutgreenright,
.boxoutblue,
.boxoutblueright {
  float: left;
  background-color: #FF5924;
  display: inline;
  padding: 10px;
  margin: 2px 20px 1px 0;
  width: 230px;
  color: #FFF;
  font-size: 1.2em
}

.boxoutpurple,
.boxoutpurpleright {
  background-color: #663d7f
}

.boxoutgreen,
.boxoutgreenright {
  background-color: #009b66
}

.boxoutblue,
.boxoutblueright {
  background-color: #00639c
}

.boxoutright,
.boxoutpurpleright,
.boxoutgreenright,
.boxoutblueright {
  float: right;
  margin: 2px 0 1px 20px
}

.boxout p,
.boxoutright p,
.boxoutpurple p,
.boxoutpurpleright p,
.boxoutgreen p,
.boxoutgreenright p,
.boxoutblue p,
.boxoutblueright p {
  margin: 0;
  color: #FFF
}

div.boxout a,
div.boxoutright a,
div.boxoutpurple a,
div.boxoutpurpleright a,
div.boxoutgreen a,
div.boxoutgreenright a,
div.boxoutblue a,
div.boxoutblueright a {
  color: #FFF
}

div.boxout a:hover,
div.boxoutright a:hover,
div.boxoutpurple a:hover,
div.boxoutpurpleright a:hover,
div.boxoutgreen a:hover,
div.boxoutgreenright a:hover,
div.boxoutblue a:hover,
div.boxoutblueright a:hover {
  background-color: none;
  background: transparent;
  text-decoration: underline
}

.button {
  background-color: #666;
  color: #FFF;
  border: 1px solid #333;
  padding: 1px 2px;
  margin: 10px 0;
  font-weight: bold
}

.floatleft {
  float: left;
  margin: 0 10px 2px 0
}

.floatright {
  float: right;
  margin: 0 0 2px 10px
}

.greytext {
  color: #CCC
}

.imageFullWidthborder {
  border: 1px solid #666;
  margin: 0 0 10px 0;
  display: block
}

.imageleft {
  float: left;
  margin: 0 17px 1px 0
}

.imageleftborder {
  float: left;
  margin: 0 17px 1px 0;
  border: 1px solid #CCC
}

.imageright,
.imageRight {
  float: right;
  margin: 0 0 1px 17px
}

.imagerightborder,
.imageRightBorder {
  float: right;
  margin: 0 0 1px 17px;
  border: 1px solid #CCC
}

div.imageleftborder {
  float: left;
  margin: 0 17px 1px 0;
  display: inline
}

div.imagerightborder,
div.imageRightBorder {
  float: right;
  margin: 0 0 1px 17px;
  display: inline
}

div.imagerightborder p,
div.imageleftborder p,
div.imageRightBorder p,
div.imageLeftBorder p {
  margin: 0;
  padding: 1px 5px;
  background-color: #CCC;
  font-size: 0.9em
}

img.imagerightborder,
img.imageRightBorder {
  float: right;
  border: 1px solid #CCC;
  margin: 0 0 1px 17px
}

.message,
p.message {
  padding: 10px;
  background-color: #CC0033;
  color: #FFF;
  border: 1px solid #990033
}

blockquote,
q {
  quotes: none
}

blockquote {
  margin: 40px 0;
  background: #fff;
  padding: 5%;
  position: relative;
  color: #861535;
  border: 1px solid #861535;
  font-size: 1em;
  -moz-border-radius: 10px;
  border-radius: 10px
}

blockquote:before,
blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 60px;
  line-height: 1;
  color: #861535;
  font-style: normal
}

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

  blockquote:before,
  blockquote:after {
    display: none
  }
}

blockquote:before {
  top: 10px;
  left: 10px
}

blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -20px
}

.tableborder {
  border-bottom: 1px solid #222;
  border-left: 1px solid #222;
  margin: 20px 0
}

.tableborder td,
.tableborder th {
  padding: 10px;
  margin: 0;
  font-weight: normal;
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  vertical-align: top;
  text-align: left
}

.tableborder td p {
  margin: 0
}

.tableborder td.tablecellhighlight,
.tableborder th.tablecellhighlight,
.tablecellhighlight {
  background-color: #add8e6;
  color: #00008b;
  font-weight: bold
}

.tablenoborderpadded {
  border: 0;
  margin: 10px 0 0 -10px
}

.tablenoborderpadded td,
.tablenoborderPadded th {
  padding: 10px 0 10px 10px;
  margin: 0;
  font-weight: normal;
  border: 0;
  vertical-align: top;
  text-align: left
}

.tablenoborderpadded td p {
  margin: 0
}

.tablenoborderpadded td.tablecellhighlight,
.tablenoborderpadded th.tablecellhighlight {
  background-color: #add8e6;
  color: #00008b;
  font-weight: bold
}

.tableborder thead {
  border-right: 1px solid #00008b;
  border-top: 1px solid #00008b
}

.tableborder thead th {
  border-right: 1px solid #00008b
}

.search-table {
  border-bottom: none;
  border-left: none;
  margin: 20px 0
}

.search-table td,
.tableborder th {
  padding: 10px;
  margin: 0;
  font-weight: normal;
  vertical-align: top;
  text-align: left
}

.search-table tr:nth-of-type(odd) {
  background: #ececec
}

.search-table td p {
  margin: 0
}

.search-table td.tablecellhighlight,
.search-table th.tablecellhighlight,
.tablecellhighlight {
  padding: 8px 10px;
  font-size: 15px;
  background-color: #add8e6;
  color: #00008b;
  font-weight: bold
}

.tableborder4px td,
.tableborder4px th {
  padding: 2px;
  margin: 0;
  font-weight: normal;
  border: 1px solid #00008b;
  vertical-align: top;
  text-align: left
}

form {
  margin: 0;
  padding: 0
}

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

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}

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

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

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top
}

label {
  float: left;
  margin: 10px 0;
  width: 90px;
  display: inline
}

form .formfield {
  margin: 10px;
  float: left;
  display: inline;
  width: 200px;
  border: 1px solid #CCC;
  padding: 2px
}

form div {
  margin: 15px 0;
  display: block;
  clear: left;
  vertical-align: top
}

form div input[type="text"],
form div textarea,
form span textarea,
form div input[type="textarea"],
form div input[type="password"] {
  border: 1px solid #CCC;
  padding: 4px;
  width: 300px;
  margin: 0;
  background-color: #EFEFEF
}

input[type="text"]:focus,
form div textarea:focus,
form span textarea:focus,
form div input[type="textarea"]:focus,
form div input[type="password"]:focus {
  border-color: #000
}

form div span.label label,
form div span.label,
span.spacer,
span.multiple span {
  width: 180px;
  float: left;
  margin: 0 0 0 0
}

form div span.multiple {
  float: left
}

form div span.button {
  padding-left: 180px;
  background: transparent;
  border: 0
}

form div span.button input {
  background: #666;
  color: #FFF;
  margin: 0;
  padding: 8px 10px;
  font-weight: bold;
  border: 0
}

form div span.button input:hover {
  background: #888
}

form div.clear {
  clear: both;
  padding-top: 5px
}

.fc-content {
  background: none
}

#ie-warning {
  width: 100%;
  background: #b20000;
  color: #fff;
  overflow: hidden;
  padding: 0 0 10px 0;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s;
  display: block
}

#ie-warning p {
  margin: 5px auto
}

#ie-warning a {
  color: #fff;
  text-decoration: underline;
  cursor: pointer
}

#browserblast {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #D4C790;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 40px;
  color: #6d6647;
  text-align: center;
  background: #FAF4AF
}

#browserblast a {
  color: green;
  text-decoration: underline
}

.unsupported-browser {
  margin-top: 41px
}

#switch-mobile {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  background: #EFEFEF;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  text-align: center;
  color: #777;
  font-family: sans-serif;
  font-size: 12px;
  display: block;
  clear: both
}

#switch-mobile a {
  text-decoration: underline
}

.seasonaleffect {
  z-index: 999 !important
}

#awards {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 20px 0
}

#awards .CMSawards {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0 auto !important;
  background: none !important
}

#awards .CMSawards ul {
  margin: 0
}

#awards .CMSawards ul li {
  background: none;
  padding: 0 5px;
  margin: 0 10px;
  display: inline-block
}

#awards .CMSawards ul li img {
  max-height: 70px;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important
}

@media only screen and (max-width: 990px) {
  #awards {
    display: none
  }
}

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