/*
Theme Name: Unos Custom 4v 0.5 MergeHK
Author: wpHoot
Author URI: https://wphoot.com/
Theme URI: https://wphoot.com/themes/unos/
Version: 2.8.5
Description: Minimal clean and bold design for personal and business sites. Translation and multi-lingual ready! SEO optimized and works with Yoast SEO plugin, Contect Form 7, Jetpack, Google Maps mappress, Page Builder, Elementor and various other plugins. Theme support is available at https://wphoot.com/support/ You can also check out the theme instructions at https://wphoot.com/support/unos/ and demo at https://demo.wphoot.com/unos/ for a closer look.
License: GNU General Public License 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio
Text Domain: unos
*/
/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * 
 ** 'Additional Custom CSS' / 'Custom CSS' section in Customize Screen
 *  - This is the preferred location for small css snippets
 *  - These CSS rules are given highest priority
 *  - Your customizations remains unaffected by Theme updates (IMPORTANT!)
 *
 ** the Child Theme's stylesheet (@see http://codex.wordpress.org/Child_Themes)
 *  - This is the preferred method for heavy css modifications
 *  - It keeps all your custom changes in one place
 *  - Your customizations remains unaffected by Theme updates (IMPORTANT!)
 * -----------------------------------------------------------------------------------------------
 */
/**
 **********************************************************
 Table Of Contents
 * Reset and Normalize
 * Hoot Grid
 * Utility Classes
 * Base Typography and HTML
 * Images, WP Gallery and Objects
 * Layout
 * Header (Topbar, Header, Main Nav Menu)
 * Main #Content
 * Main #Content Singular
 * Main #Content Archives/Blog
 * Page Templates
 * Sidebars and Widgets
 * Light Slider
 * Footer
 **********************************************************
 */
/**
 * Reset and Normalize
 * Support IE8+, Safari 6+, latest Chrome,Firefox,Opera
 * normalize.css v3.0.2 | MIT License | git.io/normalize
 * ========================================================
 */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

/*a, a:active, a:hover, a:visited { outline: 0; }*/
/*a:focus { outline: thin dotted; }*/
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input {
  line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/**
 * Hoot Grid
 * grid sets the width, row clears the floats for containing spans
 * spans are the building blocks for content structure
 * ========================================================
 */
.hgrid {
  width: 100%;
  max-width: 1440px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hgrid-stretch {
  width: 100%;
}

.hgrid:after,
.hgrid-stretch:after {
  content: "";
  display: table;
  clear: both;
}

.hgrid:after,
.hgrid-stretch:after {
  content: "";
  display: table;
  clear: both;
}

[class*="hgrid-span-"],
[class*="hcolumn-"] {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  position: relative;
}

[class*="hgrid-span-"].full-width,
[class*="hcolumn-"].full-width {
  padding: 0;
}

.flush-columns {
  margin: 0 -15px;
}

/************* Span Widths*************/
.hgrid-span-1 {
  width: 8.33333333%;
}

.hgrid-span-2 {
  width: 16.66666667%;
}

.hgrid-span-3 {
  width: 25%;
}

.hgrid-span-4 {
  width: 33.33333333%;
}

.hgrid-span-5 {
  width: 41.66666667%;
}

.hgrid-span-6 {
  width: 50%;
}

.hgrid-span-7 {
  width: 58.33333333%;
}

.hgrid-span-8 {
  width: 66.66666667%;
}

.hgrid-span-9 {
  width: 75%;
}

.hgrid-span-10 {
  width: 83.33333333%;
}

.hgrid-span-11 {
  width: 91.66666667%;
}

.hgrid-span-12 {
  width: 100%;
}

/************* Column Widths *************/
.hcolumn-1-1,
.hcolumn-2-2,
.hcolumn-3-3,
.hcolumn-4-4,
.hcolumn-5-5 {
  width: 100%;
}

.hcolumn-1-2 {
  width: 50%;
}

.hcolumn-1-3 {
  width: 33.33333333%;
}

.hcolumn-2-3 {
  width: 66.66666667%;
}

.hcolumn-1-4 {
  width: 25%;
}

.hcolumn-2-4 {
  width: 50%;
}

.hcolumn-3-4 {
  width: 75%;
}

.hcolumn-1-5 {
  width: 20%;
}

.hcolumn-2-5 {
  width: 40%;
}

.hcolumn-3-5 {
  width: 60%;
}

.hcolumn-4-5 {
  width: 80%;
}

/************* Responsive Grid *************/
@media only screen and (max-width: 1200px) {
  .flush-columns {
    margin: 0;
  }

  .adaptive .hcolumn-1-5 {
    width: 40%;
  }

  .adaptive .hcolumn-1-4 {
    width: 50%;
  }

  .adaptive .hgrid-span-1 {
    width: 16.66666667%;
  }

  .adaptive .hgrid-span-2 {
    width: 33.33333333%;
  }

  .adaptive .hgrid-span-6 {
    width: 50%;
  }
}

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

  [class*="hgrid-span-"],
  .adaptive [class*="hgrid-span-"],
  [class*="hcolumn-"],
  .adaptive [class*="hcolumn-"] {
    width: 100%;
  }
}

@media only screen and (min-width: 970px) {
  .hcol-first {
    padding-left: 0;
  }

  .hcol-last {
    padding-right: 0;
  }
}

/**
 * Utility Classes
 * ========================================================
 */
/************* Misc *************/
#page-wrapper .flush {
  margin: 0;
  padding: 0;
}

/************* Displays *************/
.hide {
  display: none;
}

.forcehide {
  display: none !important;
}

.border-box {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/************* Image replacement *************/
.hide-text {
  font: 0/0 a !important;
  color: transparent !important;
  text-shadow: none !important;
  background-color: transparent !important;
  border: 0 !important;
  width: 0;
  height: 0;
  overflow: hidden;
}

/************* Table *************/
.table {
  display: table;
  width: 100%;
  margin: 0;
}

.table.table-fixed {
  table-layout: fixed;
}

.table-cell {
  display: table-cell;
}

.table-cell-mid {
  display: table-cell;
  vertical-align: middle;
}

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

  .table,
  .table-cell,
  .table-cell-mid {
    display: block;
  }
}

/************* Floats *************/
.fleft,
.float-left {
  float: left;
}

.fright,
.float-right {
  float: right;
}

.fclear:after,
.float-clear:after,
.clear:after,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/************* Accessibility: Assistive Text *************/
/* for screen readers and text browsers */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#main[tabindex="-1"]:focus {
  outline: 0;
}

/**
 * Base Typography and HTML
 * ========================================================
 */
body {
  position: relative;
}

/************* Default Typography *************/
body {
  text-align: left;
  font-size: 15px;
  line-height: 1.73333333em;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #666;
  -webkit-font-smoothing: antialiased;
  /* for better webkit rendering */
  -webkit-text-size-adjust: 100%;
  /* size in percentage at which to display text in Safari on iPhone */
}

/************* Headings *************/
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  line-height: 1.33333333em;
  font-family: Lora, "Times New Roman", Times, serif;
  font-weight: 700;
  color: #222;
  margin: 25px 0 15px;
  text-rendering: optimizelegibility;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.73333333em;
}

h3 {
  font-size: 1.46666667em;
}

h4 {
  font-size: 1.33333333em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  font-size: 1.06666667em;
}

.title {
  font-size: 1.46666667em;
}

.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
  font-size: inherit;
}

.titlefont {
  font-family: Lora, "Times New Roman", Times, serif;
  font-weight: 700;
}

/************* Basic HTML Tags *************/
p {
  margin: 0.66666667em 0 1em;
}

hr {
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.66666667em 0 1em;
  height: 0;
  color: rgba(0, 0, 0, 0.14);
}

em,
var {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
}

big,
.big-font {
  font-size: 1.33333333em;
  line-height: 1.3em;
}

.huge-font {
  font-size: 2.33333333em;
  line-height: 1em;
}

.medium-font {
  font-size: 0.86666667em;
  line-height: 1.384615em;
}

small,
cite,
.small,
.small-font {
  font-size: 0.8em;
  line-height: 1.333333em;
}

cite {
  font-style: italic;
}

q {
  font-style: italic;
}

q:before {
  content: open-quote;
}

q::after {
  content: close-quote;
}

address {
  display: block;
  margin: 1em 0;
  font-style: normal;
  border: 1px dotted;
  padding: 1px 5px;
}

abbr[title],
acronym[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

/************* Blockquote *************/
blockquote {
  border-color: rgba(0, 0, 0, 0.33);
  border-left: 5px solid;
  padding: 0 0 0 1em;
  margin: 1em 1.66666667em;
  margin-left: 5px;
  display: block;
  font-style: italic;
  color: #aaa;
  font-size: 1.06666667em;
  clear: both;
  text-align: justify;
}

blockquote p {
  margin: 0;
}

blockquote small,
blockquote cite {
  display: block;
  line-height: 1.73333333em;
  text-align: right;
  margin-top: 3px;
}

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

blockquote cite:before {
  content: "\2014 \0020";
  padding: 0px 3px;
}

blockquote.pull-left {
  text-align: left;
  float: left;
}

blockquote.pull-right {
  border-right: 5px solid;
  border-left: 0;
  padding: 0 1em 0 0;
  margin: 1em 1.66666667em;
  margin-right: 5px;
  text-align: right;
  float: right;
}

/*** Blockquotes Responsive ***/
@media only screen and (max-width: 969px) {

  blockquote.pull-left,
  blockquote.pull-right {
    float: none;
  }
}

/************* Links *************/
a {
  color: #000000;
  text-decoration: underline;
}

a,
a i {
  -webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
}

.loop-nav a,
#comments-template a {
  font-weight: 600;
}

a.button,
.more-link a,
.entry-byline a,
.loop-nav a,
#comments-template a,
.widget_nav_menu a,
.site-header a,
.below-header a,
.sidebar-primary a,
.sidebar-secondary a,
.sub-footer a,
.footer a,
.lSAction a,
.pagination a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

a.linkstyle,
.linkstyle a {
  text-decoration: underline;
}

h1 a.linkstyle,
.linkstyle h1 a,
h2 a.linkstyle,
.linkstyle h2 a,
h3 a.linkstyle,
.linkstyle h3 a,
h4 a.linkstyle,
.linkstyle h4 a,
h5 a.linkstyle,
.linkstyle h5 a,
h6 a.linkstyle,
.linkstyle h6 a,
.title a.linkstyle,
.linkstyle .title a,
.titlefont a.linkstyle,
.linkstyle .titlefont a {
  text-decoration: none;
}

/************* Typo Schemes *************/
.accent-typo {
  background: #000000;
  color: #ffffff;
}

.invert-typo {
  background: #666;
  color: #fff;
}

.enforce-typo {
  background: #fff;
  color: #666;
}

.page-wrapper .accent-typo a:not(input):not(.button),
.page-wrapper .invert-typo a:not(input):not(.button),
.page-wrapper .enforce-typo a:not(input):not(.button),
.page-wrapper .accent-typo a:hover:not(input):not(.button),
.page-wrapper .invert-typo a:hover:not(input):not(.button),
.page-wrapper .enforce-typo a:hover:not(input):not(.button),
.page-wrapper .accent-typo h1,
.page-wrapper .invert-typo h1,
.page-wrapper .enforce-typo h1,
.page-wrapper .accent-typo h2,
.page-wrapper .invert-typo h2,
.page-wrapper .enforce-typo h2,
.page-wrapper .accent-typo h3,
.page-wrapper .invert-typo h3,
.page-wrapper .enforce-typo h3,
.page-wrapper .accent-typo h4,
.page-wrapper .invert-typo h4,
.page-wrapper .enforce-typo h4,
.page-wrapper .accent-typo h5,
.page-wrapper .invert-typo h5,
.page-wrapper .enforce-typo h5,
.page-wrapper .accent-typo h6,
.page-wrapper .invert-typo h6,
.page-wrapper .enforce-typo h6,
.page-wrapper .accent-typo .title,
.page-wrapper .invert-typo .title,
.page-wrapper .enforce-typo .title {
  color: inherit;
}

.enforce-body-font {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.highlight-typo {
  background: rgba(0, 0, 0, 0.04);
}

/************* Code, Pre, Keyboard, Teletype *************/
code,
pre,
kbd,
tt {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

pre {
  overflow-x: auto;
}

code,
kbd,
tt {
  padding: 2px 5px;
  margin: 0 5px;
  border: dashed 1px;
}

pre {
  display: block;
  padding: 5px 10px;
  margin: 1em 0;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre.scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/************* Lists *************/
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none outside;
}

ul ol,
ul ul,
ol ol,
ol ul {
  margin-left: 10px;
}

li {
  margin: 0;
  padding: 0;
  margin-right: 10px;
}

ul.unstyled,
ol.unstyled {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none outside !important;
}

.main ul,
.main ol {
  margin: 1em;
  margin-right: 0;
}

.main ol {
  list-style: decimal outside;
}

.main ul,
.main ul.disc {
  list-style: disc outside;
}

.main ul.square {
  list-style: square outside;
}

.main ul.circle {
  list-style: circle outside;
}

.main ul ul,
.main ol ul {
  list-style-type: circle;
}

.main ul ul ul,
.main ul ol ul,
.main ol ul ul,
.main ol ol ul {
  list-style-type: square;
}

.main ul ol,
.main ol ol {
  list-style-type: lower-alpha;
}

.main ul ul ol,
.main ul ol ol,
.main ol ul ol,
.main ol ol ol {
  list-style-type: lower-roman;
}

.main ul ul,
.main ul ol,
.main ol ol,
.main ol ul {
  margin-top: 2px;
  margin-bottom: 2px;
  display: block;
}

.main li {
  margin-right: 0;
  display: list-item;
}

.borderlist>li:first-child {
  border-top: 1px solid;
}

.borderlist>li {
  border-bottom: 1px solid;
  padding: 0.15em 0;
  list-style-position: outside;
}

/************* Lists - Definitions *************/
dl {
  margin: 0.66666667em 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0.66666667em;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  line-height: 0;
  content: "";
}

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

.dl-horizontal dt {
  float: left;
  width: 12.3em;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 13.8em;
}

/*** Responsive Definitions ***/
@media only screen and (max-width: 969px) {
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }

  .dl-horizontal dd {
    margin-left: 0;
  }
}

/************* Tables *************/
table {
  width: 100%;
  padding: 0;
  margin: 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
}

table caption {
  padding: 5px 0;
  width: auto;
  font-style: italic;
  text-align: right;
}

th {
  font-weight: bold;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 6px 6px 6px 12px;
}

th.nobg {
  background: none;
}

td {
  padding: 6px 6px 6px 12px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: rgba(0, 0, 0, 0.04);
}

/************* Forms *************/
form {
  margin-bottom: 1em;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  color: #666;
  font-weight: bold;
}

legend small {
  color: #666;
}

label,
input,
select,
textarea {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.4em;
}

label {
  max-width: 100%;
  display: inline-block;
  font-weight: bold;
}

.input-text,
textarea,
select,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  -webkit-appearance: none;
  border: 1px solid #ddd;
  padding: 6px 8px;
  color: #666;
  margin: 0;
  max-width: 100%;
  display: inline-block;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.input-text:focus,
textarea:focus,
input[type="text"]:focus,
input[type="input"]:focus,
input[type="checkbox"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  border: 1px solid #aaaaaa;
  color: #555555;
  outline: thin dotted;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

input[type="checkbox"] {
  display: inline;
}

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

textarea {
  height: auto;
  min-height: 60px;
}

select {
  width: 215px;
  background: #fff url('images/select.png') no-repeat center right;
}

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

/*** Special ***/
input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

/*** Buttons Default ***/
body.wordpress input[type="submit"],
body.wordpress #submit,
body.wordpress .button {
  background: #000000;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  border: solid 1px #000000;
  text-transform: uppercase;
  font-weight: normal;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
  -moz-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
  -o-transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
  transition: color 0.2s ease-in, background-color 0.2s linear, box-shadow linear 0.2s;
}

body.wordpress input[type="submit"]:hover,
body.wordpress #submit:hover,
body.wordpress .button:hover,
body.wordpress input[type="submit"]:focus,
body.wordpress #submit:focus,
body.wordpress .button:focus {
  background: #ffffff;
  color: #000000;
}

body.wordpress input[type="submit"].aligncenter,
body.wordpress #submit.aligncenter,
body.wordpress .button.aligncenter {
  max-width: 60%;
}

body.wordpress #submit a,
body.wordpress .button a {
  color: inherit;
}

/*** Button Sizes ***/
input[type="submit"],
#submit,
.button,
input[type="submit"].button-small,
#submit.button-small,
.button-small {
  padding: 8px 25px 8px;
  font-size: 0.86666667em;
  line-height: 1.384615em;
  margin-top: 5px;
  margin-bottom: 5px;
}

input[type="submit"].button-medium,
#submit.button-medium,
.button-medium {
  padding: 10px 30px 10px;
  font-size: 1em;
}

input[type="submit"].button-large,
#submit.button-large,
.button-large {
  padding: 13px 40px 13px;
  font-size: 1.33333333em;
  line-height: 1.333333em;
}

/**
 * Images, WP Gallery and Objects
 * ========================================================
 */
/************* Objects *************/
iframe,
video,
object,
embed {
  max-width: 100%;
  margin: 1em 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 1em 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

figure {
  margin: 0;
  max-width: 100%;
}

/************* Images *************/
img,
a img {
  border: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
  vertical-align: top;
}

img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* to accomodate border and padding width, and maintain responsive */
}

/************* Image Styles *************/
.img-round {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.img-circle {
  -webkit-border-radius: 1500px;
  -moz-border-radius: 1500px;
  border-radius: 1500px;
}

.img-polaroid {
  padding: 4px;
  border: 1px solid;
}

.img-frame {
  padding: 4px;
  border: 1px solid;
}

.img-noborder img,
img.img-noborder {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

/************* WP editor image sizes ($content_width classes) *************/
/************* WordPress Gallery *************/
.gallery {
  background: rgba(0, 0, 0, 0.04);
  padding: 10px;
  margin: 1em 0;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 0;
}

.gallery-icon img {
  width: 100%;
}

.gallery-item a img {
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/** Sizes **/
.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.11%;
}

/** Block Editor **/
.wp-block-embed {
  margin: 1em 0;
}

.wp-block-embed iframe,
.wp-block-embed video,
.wp-block-embed object,
.wp-block-embed embed {
  margin: 0;
}

.main .wp-block-gallery {
  background: rgba(0, 0, 0, 0.04);
  padding: 16px 16px 0;
  margin: 1em 0;
}

/*** Responsive Gallery ***/
@media only screen and (max-width: 969px) {
  .gallery {
    text-align: center;
  }

  .gallery-icon img {
    width: auto;
  }

  .gallery-columns-5 .gallery-caption,
  .gallery-columns-6 .gallery-caption,
  .gallery-columns-7 .gallery-caption,
  .gallery-columns-8 .gallery-caption,
  .gallery-columns-9 .gallery-caption {
    display: block;
  }

  .gallery .gallery-item {
    width: auto;
  }
}

/************* WordPress Image Captions *************/
.wp-caption-text,
.wp-block-image figcaption {
  background: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 5px;
  font-size: 0.8em;
  line-height: 1.333333em;
  text-align: center;
}

/************* WordPress Image Alignment *************/
.aligncenter {
  clear: both;
  display: block;
  margin: 1em auto;
  text-align: center;
}

img.aligncenter {
  margin: 1em auto;
}

.alignleft {
  float: left;
  margin: 10px 1.66666667em 5px 0;
  display: block;
}

.alignright {
  float: right;
  margin: 10px 0 5px 1.66666667em;
  display: block;
}

.alignleft img,
.alignright img {
  display: block;
}

/************* Avatar *************/
.avatar {
  display: inline-block;
}

.avatar.pull-left {
  float: left;
  margin: 0 1em 5px 0;
}

.avatar.pull-right {
  float: right;
  margin: 0 0 5px 1em;
}

/**
 * Layout
 * ========================================================
 */
body {
  background: #fff;
}

@media screen and (max-width: 600px) {
  body.logged-in.admin-bar {
    position: static;
  }
}

#page-wrapper {
  width: 100%;
  display: block;
  margin: 0 auto;
}

#topbar,
#below-header,
#sub-footer,
#footer {
  overflow: hidden;
}

.site-boxed.page-wrapper {
  padding: 0;
}

/* Sidebar and Content Layout */
.content.no-sidebar {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

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

  .content.layout-wide-left,
  .content.layout-narrow-left {
    float: right;
  }

  /*
	 * We only apply flex model (with wrap) to 2/3 column layout (not to fullwidth) to prevent:
	 * Frontpage=> full width layout leads to <div class="hgrid-stretch main-content-grid">
	 * HTML slider inside hgrid-stretch becomes way tooo wide and distorts layout
	 * (slider js does not get the actual screen width hence set ul.lightSlider width to sum all slide widths)
	 * flex model should be applied to some bounding box like 'hgrid' (max-width set to pixel value 1260),
	 * or all its child elements should have a bounding box like 'hgrid' with margin left/right set to auto
	 * So we apply flex model only to layouts where we know for a fact that hgrid-stretch wont be used.
	*/
  .sitewrap-narrow-left-right .main-content-grid,
  .sitewrap-narrow-left-left .main-content-grid,
  .sitewrap-narrow-right-right .main-content-grid {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sitewrap-narrow-left-right .sidebar-primary,
  .sitewrap-narrow-left-left .sidebar-primary,
  .sitewrap-narrow-right-right .content {
    -webkit-order: 1;
    order: 1;
  }

  .sitewrap-narrow-left-right .content,
  .sitewrap-narrow-left-left .sidebar-secondary,
  .sitewrap-narrow-right-right .sidebar-primary {
    -webkit-order: 2;
    order: 2;
  }

  .sitewrap-narrow-left-right .sidebar-secondary,
  .sitewrap-narrow-left-left .content,
  .sitewrap-narrow-right-right .sidebar-secondary {
    -webkit-order: 3;
    order: 3;
  }
}

/**
 * Header (Topbar, Header, Main Nav Menu)
 * ========================================================
 */
/************* Topbar *************/
#topbar {
  background: #000000;
  color: #ffffff;
  font-size: 0.8em;
  line-height: 1.333333em;
}

#topbar ul,
#topbar ol,
#topbar li {
  display: inline;
}

#topbar h1,
#topbar h2,
#topbar h3,
#topbar h4,
#topbar h5,
#topbar h6,
#topbar .title {
  color: inherit;
  margin: 0;
}

.topbar-inner a,
.topbar-inner a:hover {
  color: inherit;
}

#topbar-left {
  text-align: left;
}

#topbar-right {
  text-align: right;
}

#topbar-center {
  text-align: center;
}

/*** Topbar Widgets ***/
#topbar .widget {
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
}

#topbar .widget-title {
  display: none;
  margin: 0;
  font-size: 15px;
  line-height: 1.73333333em;
}

#topbar .widget_text {
  margin: 0 5px;
}

#topbar .widget_text p {
  margin: 2px;
}

#topbar .widget_tag_cloud a {
  text-decoration: none;
}

#topbar .widget_nav_menu {
  margin: 5px;
}

#topbar .widget_search {
  margin: 0 5px;
}

/*** Responsive Topbar ***/
@media only screen and (max-width: 969px) {

  .topbar>.hgrid,
  .topbar>.hgrid>.hgrid-span-12 {
    padding: 0;
  }

  #topbar-left,
  #topbar-right {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/************* Header Layout *************/
#header {
  position: relative;
}

#header-primary {
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}

.header-primary-none {
  text-align: center;
}

.header-primary-search {
  text-align: center;
}

#header-aside {
  text-align: right;
}

#header-aside {
  padding: 10px 0;
}

#header-aside.header-aside-search {
  padding: 0;
}

#header-supplementary {
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}

/*** Search ***/
/* Override specific .js-search css */
.header-primary-search #branding {
  width: 100%;
}

.header-aside-search.js-search {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -1.2em;
}

.header-aside-search.js-search .searchform i.fa-search {
  color: #000000;
  padding: 5px;
}

.header-aside-search.js-search .js-search-placeholder:before {
  right: 15px;
  padding: 0 5px 0 5px;
}

.header-aside-search.js-search.hasexpand {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}

/*** Responsive Header ***/
@media only screen and (max-width: 969px) {

  .header-part>.hgrid,
  .header-part>.hgrid>.hgrid-span-12 {
    padding: 0;
  }

  #header .table,
  #header #branding,
  #header #header-aside {
    width: 100%;
  }

  #header-primary,
  #header-aside,
  #header-supplementary {
    text-align: center;
  }

  #header-supplementary.header-supplementary-mobilemenu-fixed {
    border-bottom: none;
  }

  .header-aside {
    border-top: solid 1px rgba(0, 0, 0, 0.33);
  }

  .header-aside-menu-fixed {
    border-top: none;
  }

  .header-aside-search.js-search {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 0;
  }

  .header-aside-search.js-search .searchform i.fa-search {
    position: absolute;
    left: 0.45em;
    top: 50%;
    margin-top: -0.65em;
    padding: 0;
    cursor: auto;
  }

  .header-aside-search.js-search .searchform i.fa-search:after {
    display: none;
  }

  .header-aside-search.js-search .searchform input.searchtext {
    display: block;
    padding-right: 1.2em;
    padding-left: 2.7em;
  }

  .header-aside-search.js-search .searchform.expand i.fa-search {
    display: block;
    visibility: visible;
  }

  .header-aside-search.js-search .searchform.expand .searchtext {
    position: static;
    background: none;
    color: inherit;
    font-size: 1em;
  }

  .header-aside-search.js-search .searchform.expand .js-search-placeholder {
    display: none;
  }
}

/************* Logo *************/
#site-logo {
  margin: 25px 0;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
}

.header-primary-menu #site-logo,
.header-primary-widget-area #site-logo {
  margin-right: 15px;
}

#site-logo img {
  max-height: 600px;
}

#site-logo.logo-border {
  padding: 15px;
  border: solid 3px #000000;
}

#site-logo.logo-border #site-description {
  text-align: center;
}

#site-logo.logo-border.nopadding {
  padding: 0;
}

#site-logo.with-background {
  padding: 15px;
}

.site-title>a {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

/*** Logo Types ***/
/* Text Logo */
#site-title {
  font-family: Lora, "Times New Roman", Times, serif;
  color: #222;
  margin: 0;
  font-weight: 700;
  font-size: 35px;
  line-height: 1em;
  vertical-align: middle;
  word-wrap: normal;
}

#site-title a {
  color: inherit;
}

#site-title a:hover {
  text-decoration: none;
}

#site-logo.accent-typo #site-title,
#site-logo.accent-typo #site-description {
  color: inherit;
}

#site-description {
  margin: 0;
  font-family: inherit;
  font-size: 0.86666667em;
  line-height: 1.384615em;
  line-height: 1em;
  font-weight: normal;
  color: #444444;
  vertical-align: middle;
}

.site-description.noshow {
  display: none;
}

.site-logo-text-tiny #site-title {
  font-size: 25px;
}

.site-logo-text-medium #site-title {
  font-size: 50px;
}

.site-logo-text-large #site-title {
  font-size: 65px;
}

.site-logo-text-huge #site-title {
  font-size: 80px;
}

/* Logo with Icon (Text Logo / Custom Logo) */
.site-logo-with-icon #site-title i {
  font-size: 50px;
  margin-right: 5px;
}

/* Image Logo */
.site-logo-image img.custom-logo {
  display: block;
  width: auto;
}

#page-wrapper .site-logo-image #site-description {
  text-align: center;
  margin-top: 5px;
}

/* Logo with Image (Mixed / Mixedcustom) */
.site-logo-with-image {
  display: table;
  table-layout: fixed;
}

.site-logo-with-image .site-logo-mixed-image {
  display: table-cell;
  vertical-align: middle;
  padding-right: 15px;
}

.site-logo-with-image .site-logo-mixed-image img {
  vertical-align: middle;
}

.site-logo-with-image .site-logo-mixed-text {
  display: table-cell;
  vertical-align: middle;
}

/* Custom Text */
.site-title-line {
  display: block;
  line-height: 1em;
  font-weight: 400;
}

.site-title-line em {
  color: #000000;
  font-weight: inherit;
  font-style: inherit;
}

.site-title-line b,
.site-title-line strong {
  font-weight: bold;
  font-weight: 800;
}

.accent-typo .site-title-line em,
.accent-typo.site-title-line em {
  text-shadow: 1px 1px 3px #fff, 1px 1px rgba(0, 0, 0, 0.1);
}

.site-title-body-font {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.site-title-heading-font {
  font-family: Lora, "Times New Roman", Times, serif;
}

/*** Responsive Logo ***/
@media only screen and (max-width: 969px) {
  #site-logo {
    display: block;
  }

  #header-primary #site-logo {
    margin-right: 0;
    margin-left: 0;
  }

  #header-primary #site-logo.site-logo-image {
    margin: 15px;
  }

  #header-primary #site-logo.logo-border {
    display: inline-block;
  }

  #header-primary #site-logo.with-background {
    margin: 0;
    display: block;
  }

  #page-wrapper #site-title,
  #page-wrapper #site-description {
    display: block;
    text-align: center;
    margin: 0;
  }

  .site-title>a {
    justify-content: center;
  }

  .site-logo-with-icon #site-title {
    padding: 0;
  }

  .site-logo-with-image {
    display: block;
    text-align: center;
  }

  .site-logo-with-image .site-logo-mixed-image {
    margin: 0 auto 10px;
  }

  .site-logo-with-image .site-logo-mixed-image,
  .site-logo-with-image .site-logo-mixed-text {
    display: block;
    padding: 0;
  }
}

/************* Nav Menus *************/
.menu-items {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  /* Top level items */
  /* Current & Hover */
  /* Title & Description */
  /* Submenu */
}

.menu-items a {
  display: block;
  position: relative;
}

.menu-items ol,
.menu-items ul {
  margin-left: 0;
}

.menu-items li {
  margin-right: 0;
  display: list-item;
  position: relative;
  -webkit-transition: background-color 0.3s linear;
  -moz-transition: background-color 0.3s linear;
  -o-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}

.menu-items>li {
  float: left;
  vertical-align: middle;
}

.menu-items>li>a {
  color: #222;
  font-size: 0.93333333em;
  line-height: 1.2142em;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 600;
  padding: 13px 15px;
}

.menu-items li.current-menu-item>a>.menu-title,
.menu-items li.current-menu-ancestor>a>.menu-title,
.menu-items li:hover>a>.menu-title,
.menu-items li.current-menu-item>a>.menu-description,
.menu-items li.current-menu-ancestor>a>.menu-description,
.menu-items li:hover>a>.menu-description {
  color: inherit;
}

.menu-items .menu-title {
  display: block;
  position: relative;
}

.menu-items .menu-description {
  display: block;
  margin-top: 3px;
  font-size: 0.857142em;
  line-height: 1.25em;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
}

.menu-items li:hover>ul,
.menu-items li.sfHover>ul {
  display: block;
}

.menu-items ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0px;
  z-index: 105;
  min-width: 16em;
  background: #fff;
  padding: 5px;
  border: solid 1px rgba(0, 0, 0, 0.14);
}

.menu-items ul a {
  color: #666;
  font-size: 0.86666667em;
  line-height: 1.384615em;
  line-height: 1.23076em;
  padding: 10px 5px 10px 15px;
}

.menu-items ul .menu-description {
  opacity: 0.75;
  filter: alpha(opacity=75);
  font-size: 0.846153em;
  line-height: 1.272727em;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
}

.menu-items ul li {
  background: rgba(0, 0, 0, 0.04);
}

.menu-items ul ul {
  top: -6px;
  left: 100%;
  margin-left: 5px;
}

.menu-items>li:last-child>ul {
  left: auto;
  right: 0;
}

/*** Superfish Menu Arrows ***/
.nav-menu .sf-menu.sf-arrows li a.sf-with-ul {
  padding-right: 25px;
}

.sf-menu.sf-arrows .sf-with-ul .menu-title {
  width: 100%;
}

.sf-menu.sf-arrows .sf-with-ul .menu-title:after {
  top: 47%;
  line-height: 10px;
  margin-top: -5px;
  font-size: 0.8em;
  position: absolute;
  right: -10px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  speak: none;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  content: "\f107";
}

.nav-menu .sf-menu.sf-arrows ul a.sf-with-ul {
  padding-right: 10px;
}

.sf-menu.sf-arrows ul .sf-with-ul .menu-title:after {
  content: "\f105";
  right: 7px;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1em;
}

/*** Responsive Menu ***/
.menu-toggle {
  display: none;
  cursor: pointer;
  padding: 5px 0;
}

.menu-toggle-text {
  margin-right: 5px;
}

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

  /* Responsive Menu */
  .menu-toggle {
    display: block;
  }

  #menu-primary-items ul,
  #menu-secondary-items ul {
    border: none;
  }

  .mobilemenu-inline .menu-items {
    border-top: solid 1px rgba(0, 0, 0, 0.33);
  }

  .menu-items {
    display: none;
    text-align: left;
  }

  .menu-items>li {
    float: none;
  }

  .menu-items ul {
    position: relative;
    top: auto;
    left: auto;
    padding: 0;
  }

  .menu-items>li>a,
  .menu-items ul li a {
    padding: 6px 6px 6px 15px;
  }

  .menu-items ul li a {
    padding-left: 35px;
    /*line-height: inherit;*/
  }

  .menu-items ul ul {
    top: 0;
    left: auto;
  }

  .menu-items ul ul li a {
    padding-left: 55px;
  }

  .menu-items ul ul ul li a {
    padding-left: 75px;
  }

  /* Default all open state */
  .mobilesubmenu-open .menu-items ul {
    display: block !important;
    height: auto !important;
    opacity: 1 !important;
    /* Override inline styles for jquery animation by superfish */
  }

  /* Superfish Menu Arrows */
  .sf-menu.sf-arrows ul .sf-with-ul .menu-title:after {
    content: "\f107";
  }

  /* Fix for compatibility with mega menu plugins */
  .mobilemenu-inline .menu-items {
    position: static;
  }

  /* Left Fixed Menu */
  .mobilemenu-fixed .menu-toggle,
  .mobilemenu-fixed #menu-primary-items,
  .mobilemenu-fixed #menu-secondary-items {
    -webkit-transition: left 0.3s ease-in, background-color 0.3s linear;
    -moz-transition: left 0.3s ease-in, background-color 0.3s linear;
    -o-transition: left 0.3s ease-in, background-color 0.3s linear;
    transition: left 0.3s ease-in, background-color 0.3s linear;
  }

  .mobilemenu-fixed .menu-toggle-text {
    display: none;
  }

  .mobilemenu-fixed .menu-toggle {
    width: 2em;
    padding: 5px;
    position: fixed;
    top: 15%;
    left: 0;
    z-index: 99995;
    border: solid 2px rgba(0, 0, 0, 0.14);
    border-left: none;
  }

  .mobilemenu-fixed .menu-toggle,
  .mobilemenu-fixed .menu-items {
    background: #fff;
  }

  .mobilemenu-fixed #menu-primary-items,
  .mobilemenu-fixed #menu-secondary-items {
    display: block !important;
    /*Add important to override inline display none from inline menu in customizer screen*/
    width: 280px;
    position: fixed;
    top: 0;
    z-index: 99994;
    overflow-y: auto;
    height: 100%;
    border-right: solid 2px rgba(0, 0, 0, 0.14);
    left: -282px;
  }

  .mobilemenu-fixed.mobilemenu-open .menu-toggle {
    left: 280px;
    z-index: 99997;
  }

  .mobilemenu-fixed.mobilemenu-open #menu-primary-items,
  .mobilemenu-fixed.mobilemenu-open #menu-secondary-items {
    left: 0;
    z-index: 99996;
  }

  .mobilemenu-fixed .menu-items ul {
    min-width: auto;
  }

  .header-supplementary-bottom .mobilemenu-fixed .menu-toggle {
    margin-top: 40px;
  }

  .header-supplementary-top .mobilemenu-fixed .menu-toggle {
    margin-top: -40px;
  }
}

@media only screen and (min-width: 970px) {
  .menu-items {
    display: inline-block !important;
    /*Override any leftover inline style applied by responsive JS in smaller screens. Example: if a screen is resized when the menu is toggled off */
  }

  .tablemenu .menu-items {
    display: inline-table !important;
    /*Override any leftover inline style applied by responsive JS in smaller screens. Example: if a screen is resized when the menu is toggled off */
  }

  .tablemenu .menu-items>li {
    display: table-cell;
    float: none;
  }
}

/************* Menu Side Header *************/
.menu-area-wrap {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.header-aside .menu-area-wrap {
  justify-content: flex-end;
}

.header-supplementary-left .menu-area-wrap {
  justify-content: space-between;
}

.header-supplementary-right .menu-area-wrap {
  justify-content: space-between;
  flex-direction: row-reverse;
}

.header-supplementary-center .menu-area-wrap {
  justify-content: center;
}

.menu-side-box {
  color: #222;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}

.menu-side-box .widget {
  display: inline-block;
  vertical-align: middle;
}

.menu-side-box a {
  color: inherit;
}

.menu-side-box h1,
.menu-side-box h2,
.menu-side-box h3,
.menu-side-box h4,
.menu-side-box h5,
.menu-side-box h6,
.menu-side-box .title {
  margin: 0;
  color: inherit;
}

.menu-side-box .widget-title {
  font-size: 1.33333333em;
  line-height: 1.3em;
}

.menu-side-box .widget_text .textwidget p {
  margin: 5px 0;
}

div.menu-side-box {
  font-size: 0.8em;
  line-height: 1.333333em;
  text-transform: none;
  font-weight: normal;
}

div.menu-side-box .widget {
  margin: 0 5px;
}

div.menu-side-box .widget_text,
div.menu-side-box .widget_nav_menu {
  margin-top: 5px;
  margin-bottom: 5px;
}

/*** Responsive Menu Side ***/
@media only screen and (max-width: 969px) {
  .menu-area-wrap {
    display: block;
  }

  .menu-side-box {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    border-top: solid 1px rgba(0, 0, 0, 0.33);
  }

  .header-supplementary-mobilemenu-fixed .menu-side-box {
    border-top: none;
  }
}

/************* Aside Header *************/
.sidebar-header-sidebar .widget {
  display: inline-block;
  vertical-align: middle;
}

.sidebar-header-sidebar h1,
.sidebar-header-sidebar h2,
.sidebar-header-sidebar h3,
.sidebar-header-sidebar h4,
.sidebar-header-sidebar h5,
.sidebar-header-sidebar h6,
.sidebar-header-sidebar .title {
  margin: 0;
}

.sidebar-header-sidebar .widget-title {
  font-size: 1.33333333em;
  line-height: 1.3em;
}

.sidebar-header-sidebar .widget_text .textwidget p {
  margin: 5px 0;
}

aside.sidebar-header-sidebar {
  margin-top: 0;
  font-size: 0.8em;
  line-height: 1.333333em;
}

aside.sidebar-header-sidebar .widget,
aside.sidebar-header-sidebar .widget:last-child {
  margin: 5px 5px;
}

aside.sidebar-header-sidebar .widget_text,
aside.sidebar-header-sidebar .widget_nav_menu {
  margin-top: 5px;
  margin-bottom: 5px;
}

/************* Below Header *************/
#below-header-left {
  text-align: left;
}

#below-header-right {
  text-align: right;
}

#below-header-center {
  text-align: center;
}

.below-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
  background: #fff;
  font-size: 0.8em;
  line-height: 1.333333em;
}

.below-header .widget {
  display: inline-block;
  vertical-align: middle;
}

.below-header h1,
.below-header h2,
.below-header h3,
.below-header h4,
.below-header h5,
.below-header h6,
.below-header .title {
  margin: 0;
}

.below-header .widget-title {
  font-size: 1.33333333em;
  line-height: 1.3em;
}

.below-header .widget_text .textwidget p {
  margin: 5px 0;
}

.below-header .widget_breadcrumb_navxt:first-child {
  margin-left: 0;
}

.below-header .widget_breadcrumb_navxt:last-child {
  margin-right: 0;
}

div.below-header .widget {
  margin: 0px 5px;
}

div.below-header .widget_text,
div.below-header .widget_nav_menu {
  margin-top: 5px;
  margin-bottom: 5px;
}

/*** Responsive Below Header ***/
@media only screen and (max-width: 969px) {

  .below-header>.hgrid,
  .below-header>.hgrid>.hgrid-span-12 {
    padding: 0;
  }

  #below-header-left,
  #below-header-right {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }
}

/**
 * Main #Content
 * ========================================================
 */
/** Use 'entry-content'/'entry-the-content' classes to style posts on single post pages specifically **/
#main.main {
  padding-bottom: 2.66666667em;
  overflow: hidden;
  background: #fff;
}

/************* Loop Meta *************/
.main>.loop-meta-wrap {
  position: relative;
  text-align: center;
}

.main>.loop-meta-wrap.pageheader-bg-default,
.main>.loop-meta-wrap.pageheader-bg-stretch,
.main>.loop-meta-wrap.pageheader-bg-both {
  background: rgba(0, 0, 0, 0.04);
}

.main>.loop-meta-wrap.pageheader-bg-incontent,
.main>.loop-meta-wrap.pageheader-bg-none {
  background: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}

.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap {
  background: none;
}

.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta {
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: inline-block;
  margin: 95px 0;
  width: auto;
  padding: 1.66666667em 2em 2em;
}

.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h1,
.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h2,
.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h3,
.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h4,
.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h5,
.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta h6,
.main>.loop-meta-wrap#loop-meta.loop-meta-imgwrap .loop-meta a {
  color: inherit;
}

.loop-meta {
  float: none;
  background-size: contain;
  padding-top: 1.66666667em;
  padding-bottom: 2em;
}

.loop-title {
  margin: 0;
  font-size: 1.46666667em;
}

.loop-description p {
  margin: 5px 0;
}

.loop-description p:last-child {
  margin-bottom: 0;
}

.entry-featured-img-headerwrap {
  height: 300px;
}

.loop-meta-gravatar img {
  margin-bottom: 1em;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 1500px;
  -moz-border-radius: 1500px;
  border-radius: 1500px;
}

.archive.author .content .loop-meta-wrap {
  text-align: center;
}

.content .loop-meta-wrap {
  margin-bottom: 1.66666667em;
}

.content .loop-meta-wrap>.hgrid {
  padding: 0;
}

.content .loop-meta-wrap.pageheader-bg-default,
.content .loop-meta-wrap.pageheader-bg-stretch,
.content .loop-meta-wrap.pageheader-bg-none {
  background: none;
  padding-bottom: 1em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}

.content .loop-meta-wrap.pageheader-bg-incontent,
.content .loop-meta-wrap.pageheader-bg-both {
  text-align: center;
  background: rgba(0, 0, 0, 0.04);
  padding: 15px 18px;
}

.content .loop-meta {
  padding: 0;
}

.content .loop-title {
  font-size: 1.33333333em;
}

#custom-content-title-area {
  text-align: center;
}

.pre-content-title-area ul.lSPager {
  display: none;
}

.content-title-area-stretch .hgrid-span-12 {
  padding: 0;
}

.content-title-area-grid {
  margin: 1.66666667em 0;
}

.content .post-content-title-area {
  margin: 0 0 2.66666667em;
}

/************* Entry Meta Byline (Singular Post Page) *************/
.entry-byline {
  opacity: 0.8;
  filter: alpha(opacity=80);
  line-height: 1.3333em;
  margin-top: 5px;
}

.content .entry-byline.empty {
  margin: 0;
}

.entry-byline-block {
  display: inline;
}

.entry-byline-block:after {
  content: "/";
  margin: 0 7px;
  font-size: 1.181818em;
}

.entry-byline-block:last-of-type:after {
  display: none;
}

.entry-byline a {
  color: inherit;
}

.entry-byline a:hover {
  color: inherit;
  text-decoration: underline;
}

.entry-byline-label {
  margin-right: 3px;
}

.entry-footer .entry-byline {
  margin: 0;
  padding: 1.66666667em 5px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}

/************* <main> #content *************/
.main-content-grid {
  margin-top: 45px;
}

.content-wrap .widget {
  margin: 0.66666667em 0 1em;
}

/************* Single Post (Single post on Archive page / Singular Post page) *************/
/** Caution: Modify this CSS block carefully as these divs display differently in above two templates. **/
/** Use specific classes instead: 'entry-content' / 'entry-the-content' classes for single post pages, and 'entry-grid' classes to style posts in archive lists **/
.entry-content-featured-img {
  display: block;
  margin: 0 auto 1.66666667em;
}

/************* Single Post (Single Post Page) *************/
.entry-content {
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}

.entry-content.no-shadow {
  border: none;
}

.entry-the-content {
  margin-bottom: 2.66666667em;
}

.entry-the-content p:first-child,
.entry-the-content h1:first-child,
.entry-the-content h2:first-child,
.entry-the-content h3:first-child,
.entry-the-content h4:first-child,
.entry-the-content h5:first-child,
.entry-the-content h6:first-child {
  margin-top: 0;
}

.entry-the-content p:last-child,
.entry-the-content h1:last-child,
.entry-the-content h2:last-child,
.entry-the-content h3:last-child,
.entry-the-content h4:last-child,
.entry-the-content h5:last-child,
.entry-the-content h6:last-child {
  margin-bottom: 0;
}

.entry-the-content:after {
  content: "";
  display: table;
  clear: both;
}

.entry-the-content:after {
  content: "";
  display: table;
  clear: both;
}

/************* Post Navigation *************/
.page-links {
  text-align: center;
  margin: 2.66666667em 0;
}

.page-links a,
.page-links .page-numbers {
  border: solid 1px;
  padding: 2px 5px;
  margin: 2px;
}

.loop-nav {
  padding: 1.66666667em 5px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
}

/************* Comments *************/
#comments-template {
  padding-top: 1.66666667em;
}

#comments-number {
  font-size: 1em;
  color: #aaa;
  font-family: inherit;
  font-weight: bold;
  font-weight: 800;
  text-transform: uppercase;
}

#comments .comment-list,
#comments ol.children {
  list-style-type: none;
  margin: 0;
}

/*** Single Comment ***/
.main .comment {
  margin: 0;
}

.comment article {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  position: relative;
}

.comment p {
  margin: 0 0 0.3em;
}

.comment li.comment {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  padding-left: 40px;
  margin-left: 20px;
}

.comment li article:before {
  content: " ";
  display: block;
  width: 30px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 50%;
  left: -40px;
}

.comment-avatar {
  width: 50px;
  flex-shrink: 0;
  margin: 20px 15px 0 0;
}

.comment-content-wrap {
  padding: 15px 0;
}

.comment-meta-block,
.comment-edit-link {
  display: inline-block;
  padding: 0 15px 0 0;
  margin: 0 15px 0 0;
  border-right: solid 1px;
  font-size: 0.8em;
  line-height: 1.333333em;
  color: #aaa;
  text-transform: uppercase;
}

.comment-meta-block:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.comment-meta-block cite.comment-author {
  font-style: normal;
  font-size: 1em;
}

/*** Single Comment by post author ***/
.comment-by-author {
  font-size: 0.8em;
  line-height: 1.333333em;
  color: #aaa;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 3px;
  text-align: center;
}

.comment.bypostauthor>article {
  background: rgba(0, 0, 0, 0.04);
  padding: 0 10px 0 18px;
  margin: 15px 0;
}

.comment.bypostauthor>article .comment-avatar {
  margin-top: 18px;
}

.comment.bypostauthor>article .comment-content-wrap {
  padding: 13px 0;
}

.comment.bypostauthor>article .comment-meta-block,
.comment.bypostauthor>article .comment-edit-link {
  color: inherit;
}

.comment.bypostauthor+#respond {
  background: rgba(0, 0, 0, 0.04);
  padding: 20px 20px 1px;
}

.comment.bypostauthor+#respond #reply-title {
  margin-top: 0;
}

/*** Single Comment Ping ***/
.comment-ping {
  border: solid 1px rgba(0, 0, 0, 0.33);
  padding: 5px 10px 5px 15px;
  margin: 30px 0px 20px;
}

.comment-ping cite {
  font-size: 1em;
}

/*** Response Form ***/
.children #respond {
  margin-left: 60px;
  position: relative;
}

.children #respond:before {
  content: " ";
  border-left: solid 1px rgba(0, 0, 0, 0.33);
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40px;
}

.children #respond:after {
  content: " ";
  display: block;
  width: 30px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
  position: absolute;
  top: 50%;
  left: -40px;
}

#reply-title {
  font-size: 1em;
  font-family: inherit;
  font-weight: bold;
  font-weight: 800;
  text-transform: uppercase;
}

#reply-title small {
  display: block;
}

#respond p {
  margin: 0 0 0.3em;
}

#respond label {
  font-size: 0.8em;
  line-height: 1.333333em;
  font-weight: normal;
  padding: 0.66666667em 0;
  width: 15%;
  vertical-align: top;
}

#respond input[type=checkbox]+label {
  display: inline;
  margin-left: 5px;
  vertical-align: text-bottom;
}

/*** Comments Responsive ***/
/************* 404 Page Content *************/
.custom-404-content .entry-the-content {
  margin-bottom: 1em;
}

/************* Attachment Page Content *************/
.entry.attachment .entry-content {
  border-bottom: none;
}

.entry.attachment .entry-the-content {
  width: auto;
  text-align: center;
}

.entry.attachment .entry-the-content p:first-of-type {
  margin-top: 2em;
  font-weight: bold;
  text-transform: uppercase;
}

.entry.attachment .entry-the-content .more-link {
  display: none;
}

/**
 * Main #Content for Index (Archive / Blog List)
 * ========================================================
 */
/** Use 'entry-grid' classes to style posts in archive lists specifically **/
/************* Archive List Post Entry *************/
.archive-wrap {
  overflow: hidden;
}

/*** Common Styles ***/
.plural .entry {
  padding-top: 1em;
  padding-bottom: 3.33333333em;
  position: relative;
}

.plural .entry:first-child {
  padding-top: 0;
}

.entry-grid-featured-img {
  position: relative;
  z-index: 1;
}

/* Sticky */
.entry-sticky-tag {
  display: none;
  /*Hide it when not actually displayed as 'stuck' at top*/
}

.sticky>.entry-grid {
  background: rgba(0, 0, 0, 0.04);
  padding: 15px 20px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sticky>.entry-grid>.entry-featured-img-wrap {
  margin: -15px -20px 0;
}

/* Entry Grid */
.entry-grid {
  min-width: auto;
}

.entry-grid-content {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.entry-grid-content .entry-title {
  font-size: 1.33333333em;
  margin: 0;
}

.entry-grid-content .entry-title a {
  color: inherit;
}

.entry-grid-content .entry-summary {
  margin-top: 1em;
}

.entry-grid-content .entry-summary p:last-child {
  margin-bottom: 0;
}

/*** Archive Big Post entry ***/
.archive-big .entry-grid-content .entry-title {
  font-size: 1.73333333em;
}

/*** Archive Medium and Small Post entry ***/
.archive-medium .entry-grid,
.archive-small .entry-grid {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.archive-medium .entry-featured-img-wrap,
.archive-small .entry-featured-img-wrap {
  flex-shrink: 0;
}

.archive-medium .entry-content-featured-img,
.archive-small .entry-content-featured-img {
  margin: 0 1.66666667em 0 0;
}

.archive-medium.sticky>.entry-grid,
.archive-small.sticky>.entry-grid {
  padding-left: 15px;
  padding-right: 15px;
}

.archive-medium.sticky>.entry-grid>.entry-featured-img-wrap,
.archive-small.sticky>.entry-grid>.entry-featured-img-wrap {
  margin: 0;
}

/*** Mixed entry ***/
#content .archive-mixed {
  padding-top: 0;
}

.mixedunit-big .entry-grid-content .entry-title {
  font-size: 1.73333333em;
}

.archive-mixed-block2.mixedunit-big,
.archive-mixed-block3.mixedunit-big {
  padding-left: 15px;
  padding-right: 15px;
}

.mixedunit-medium .entry-grid,
.mixedunit-small .entry-grid {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.mixedunit-medium .entry-featured-img-wrap,
.mixedunit-small .entry-featured-img-wrap {
  flex-shrink: 0;
}

.mixedunit-medium .entry-content-featured-img,
.mixedunit-small .entry-content-featured-img {
  margin: 0 1.66666667em 0 0;
}

.mixedunit-medium.sticky>.entry-grid,
.mixedunit-small.sticky>.entry-grid {
  padding-left: 15px;
  padding-right: 15px;
}

.mixedunit-medium.sticky>.entry-grid>.entry-featured-img-wrap,
.mixedunit-small.sticky>.entry-grid>.entry-featured-img-wrap {
  margin: 0;
}

.mixedunit-block2:nth-child(2n) {
  clear: both;
}

.mixedunit-block3:nth-child(3n+2) {
  clear: both;
}

/*** Archive Block2/3 entry ***/
#content .archive-block {
  padding-top: 0;
}

.archive-block2:nth-child(2n+1) {
  clear: both;
}

.archive-block3:nth-child(3n+1) {
  clear: both;
}

.archive-block4:nth-child(4n+1) {
  clear: both;
}

/*** Responsive Block2/3 Entry ***/
/*** Archive Mosaic (2/3/4 columns) Post entry ***/
#content .archive-mosaic {
  padding-top: 0;
}

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

.archive-mosaic .entry-grid {
  border: solid 1px rgba(0, 0, 0, 0.14);
}

.archive-mosaic>.hgrid {
  padding: 0;
}

.archive-mosaic .entry-content-featured-img {
  margin: 0 auto;
}

.archive-mosaic.sticky>.entry-grid {
  padding: 0;
}

.archive-mosaic.sticky>.entry-grid>.entry-featured-img-wrap {
  margin: 0;
}

.archive-mosaic .entry-grid-content {
  padding: 1em 1em;
  padding-bottom: 0;
}

.archive-mosaic .entry-title {
  font-size: 1.2em;
}

.archive-mosaic .entry-summary {
  margin: 0 0 1em;
}

.archive-mosaic .entry-summary p:first-child {
  margin-top: 0.8em;
}

.archive-mosaic .more-link {
  margin: 1em -1em 0;
  text-align: center;
  font-size: 1em;
}

.archive-mosaic .more-link a {
  display: block;
  font-size: 0.8em;
  line-height: 1.333333em;
}

.archive-mosaic .entry-grid .more-link:after {
  display: none;
}

.archive-mosaic .mosaic-sub {
  background: rgba(0, 0, 0, 0.04);
  border-top: solid 1px rgba(0, 0, 0, 0.14);
  margin: 0 -1em;
  line-height: 1.4em;
}

.archive-mosaic .entry-byline {
  display: block;
  padding: 10px;
  border: none;
  margin: 0;
}

/*** Responsive Archive List Post Entry ***/
@media only screen and (max-width: 969px) {

  /** Common **/
  /** Archive Big **/
  /** Archive Medium/Small **/
  .archive-medium .entry-grid,
  .archive-small .entry-grid {
    display: block;
  }

  .archive-medium .entry-content-featured-img,
  .archive-small .entry-content-featured-img {
    margin: 0 auto 1.66666667em;
  }

  /** Archive Mosaic **/
  .archive-mosaic .entry-content-featured-img {
    padding: 1em 1em 0;
  }
}

/************* Read More *************/
.more-link {
  display: block;
  margin-top: 1.66666667em;
  text-align: right;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 1.333333em;
  font-weight: bold;
  border-top: solid 1px;
  position: relative;
  -webkit-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -moz-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  -o-transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
  transition: color 0.3s ease-in, background-color 0.3s linear, border-color 0.3s linear;
}

.more-link,
.more-link a {
  color: #000000;
}

.more-link a {
  display: inline-block;
  padding: 3px 0;
}

.more-link:hover,
.more-link:hover a {
  color: #000000;
}

a.more-link {
  border: none;
  margin-top: inherit;
  text-align: inherit;
}

.entry-grid .more-link {
  margin-top: 1em;
  text-align: center;
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  border-top: none;
  font-family: Lora, "Times New Roman", Times, serif;
  letter-spacing: 3px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.entry-grid .more-link a {
  display: block;
  width: 100%;
}

.entry-grid .more-link:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.entry-grid .more-link:after {
  content: "\00a0";
  display: inline-block;
  vertical-align: top;
  font: 0/0 a;
  border-bottom: solid 2px;
  width: 90px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/************* Navigation *************/
.pagination.loop-pagination {
  margin: 1em 0;
}

.page-numbers {
  border: solid 1px;
  padding: 2px 5px;
  margin: 2px;
}

/**
 * Frontpage
 * ========================================================
 */
.home #main.main {
  padding-bottom: 0;
}

.frontpage-area.module-bg-highlight {
  background: rgba(0, 0, 0, 0.04);
}

.frontpage-area.module-bg-image.bg-scroll {
  background-size: cover;
}

#fp-header-image img {
  width: 100%;
}

/************* Modules - Margins *************/
.frontpage-area {
  margin: 45px 0;
}

.frontpage-area.module-bg-highlight,
.frontpage-area.module-bg-color,
.frontpage-area.module-bg-image {
  margin: 0;
  padding: 45px 0;
}

.frontpage-area-stretch.frontpage-area {
  margin: 0;
}

.frontpage-area-stretch>.hgrid {
  max-width: none;
  padding: 0;
}

.frontpage-area-stretch>.hgrid [class*="hgrid-span-"]:first-child,
.frontpage-area-stretch>.hgrid [class*="hcolumn-"]:first-child {
  padding-left: 0;
}

.frontpage-area-stretch>.hgrid [class*="hgrid-span-"]:last-child,
.frontpage-area-stretch>.hgrid [class*="hcolumn-"]:last-child {
  padding-right: 0;
}

/* Widget Areas */
.frontpage-widgetarea.frontpage-area-boxed:first-child .hootkitslider-widget {
  margin: -15px 0 0;
}

.frontpage-area>div.hgrid>div>.widget:first-child {
  margin-top: 0;
}

.frontpage-area>div.hgrid>div>.widget:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 969px) {
  .frontpage-widgetarea>div.hgrid>[class*="hgrid-span-"] {
    margin-bottom: 45px;
  }

  .frontpage-widgetarea>div.hgrid>[class*="hgrid-span-"]:last-child {
    margin-bottom: 0;
  }
}

/* Page Content - Static/Blog */
/************* Frontpage - Widget Areas *************/
/************* Frontpage - Page Content *************/
.frontpage-pagecontent .main-content-grid {
  margin-top: 0;
}

.frontpage-area .entry-content {
  border-bottom: none;
}

.frontpage-area .entry-the-content {
  margin: 0;
}

.frontpage-area .entry-the-content p:last-child {
  margin-bottom: 0;
}

.frontpage-area .entry-footer {
  display: none;
}

/************* Frontpage - Blog *************/
.hoot-blogposts-title {
  margin: 0 auto 1.66666667em;
  padding-bottom: 8px;
  width: 75%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.33);
  text-align: center;
}

/*** Responsive Frontpage ***/
@media only screen and (min-width: 970px) {}

@media only screen and (max-width: 969px) {
  .hoot-blogposts-title {
    width: 100%;
  }
}

/**
 * Sidebars and Widgets
 * ========================================================
 */
/************* Sidebars & Layouts *************/
/************* Sidebars *************/
.sidebar {
  line-height: 1.73333333em;
}

.sidebar .widget {
  margin-top: 0;
}

.sidebar .widget:last-child {
  margin-bottom: 0;
}

.sidebar .widget-title {
  font-size: inherit;
  font-family: inherit;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 7px;
  background: #000000;
  color: #ffffff;
  border: solid 1px #000000;
  -webkit-transition: color 0.3s ease-in, background-color 0.3s linear;
  -moz-transition: color 0.3s ease-in, background-color 0.3s linear;
  -o-transition: color 0.3s ease-in, background-color 0.3s linear;
  transition: color 0.3s ease-in, background-color 0.3s linear;
}

.sidebar .widget:hover .widget-title {
  background: #ffffff;
  color: #000000;
}

@media only screen and (max-width: 969px) {
  .sidebar {
    margin-top: 45px;
  }
}

/************* Widgets *************/
.widget {
  margin: 45px 0;
  position: relative;
}

.widget-title {
  position: relative;
  margin-top: 0;
}

/************* WordPress Widgets *************/
/* Text */
.textwidget p:last-child {
  margin-bottom: 0.66666667em;
}

/* Image */
.widget_media_image {
  text-align: center;
}

/* Search */
.searchbody {
  vertical-align: middle;
}

.searchbody input {
  background: none;
  color: inherit;
  border: none;
  padding: 10px 1.2em 10px 2.2em;
  width: 100%;
  vertical-align: bottom;
  display: block;
}

.searchbody input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  color: inherit;
}

.searchform {
  position: relative;
  background: #f5f5f5;
  background: rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(255, 255, 255, 0.3);
  margin-bottom: 0;
}

.searchbody i.fa-search {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 10px;
}

.js-search .widget_search {
  position: static;
}

.js-search .searchform {
  position: static;
  background: none;
  border: none;
}

.js-search .searchform i.fa-search {
  position: relative;
  margin: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  padding: 5px;
  font-size: 1.33333333em;
  line-height: 1.3em;
}

.js-search .searchtext {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: absolute;
  word-wrap: normal;
}

.js-search .searchform.expand i.fa-search {
  visibility: hidden;
}

.js-search .searchform.expand .searchtext {
  clip: auto !important;
  clip-path: none;
  height: auto;
  width: 100%;
  outline: 0;
  padding: 10px 2em 10px 1em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 1.5em;
  z-index: 90;
}

.js-search .searchform.expand .js-search-placeholder {
  display: block;
}

.js-search-placeholder {
  display: none;
}

.js-search-placeholder:before {
  cursor: pointer;
  content: "X";
  font-family: Helvetica, Arial, sans-serif;
  font-size: 2em;
  line-height: 1em;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -0.5em;
  padding: 0 10px;
  z-index: 95;
}

.js-search .searchform.expand .searchtext {
  background: #fff;
}

.js-search .searchform.expand .searchtext,
.js-search-placeholder {
  color: #666;
}

/* Custom Menu */
.widget_nav_menu .menu-description {
  margin-left: 5px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.widget_nav_menu .menu-description:before {
  content: "( ";
}

.widget_nav_menu .menu-description:after {
  content: " )";
}

.inline-nav .widget_nav_menu ul,
.inline-nav .widget_nav_menu ol,
.inline-nav .widget_nav_menu li {
  display: inline;
  margin-left: 0;
}

.inline-nav .widget_nav_menu li {
  margin-right: 0;
}

.inline-nav .widget_nav_menu li a {
  margin: 0 30px 0 0;
  position: relative;
}

.inline-nav .widget_nav_menu li a:hover {
  border-bottom: solid 1px;
  text-decoration: none;
}

.inline-nav .widget_nav_menu li a:after {
  content: "/";
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-left: 15px;
  position: absolute;
}

.inline-nav .widget_nav_menu ul.menu>li:last-child a {
  margin-right: 0;
}

.inline-nav .widget_nav_menu ul.menu>li:last-child a:after {
  display: none;
}

/**
 * Theme and WordPress Plugins
 * ========================================================
 */
/************* Light Gallery *************/
.customHtml>h4,
.customHtml p {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.4285em;
  margin: 3px 0;
}

.customHtml>h4 {
  font-size: 20px;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
}

/************* Parallax *************/
#page-wrapper .parallax-mirror {
  z-index: inherit !important;
}

/************* Sticky Sidebar *************/
/************* Contact Form 7 *************/
.hoot-cf7-style .wpcf7-form {
  text-transform: uppercase;
  margin: 0.66666667em 5% 0.66666667em 0;
}

.hoot-cf7-style .wpcf7-form .wpcf7-list-item-label,
.hoot-cf7-style .wpcf7-form .wpcf7-quiz-label {
  text-transform: none;
  font-weight: normal;
}

.hoot-cf7-style .wpcf7-form .required:before {
  margin-right: 5px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  content: "\f069";
  display: inline-block;
  font: normal normal 900 0.666666em/2.5em 'Font Awesome 5 Free';
  vertical-align: top;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hoot-cf7-style .wpcf7-form .one-fourth {
  width: 20%;
  float: left;
}

.hoot-cf7-style .wpcf7-form .one-fourth:nth-of-type(4n+1) {
  clear: both;
}

.hoot-cf7-style .wpcf7-form .one-third {
  width: 28%;
  float: left;
}

.hoot-cf7-style .wpcf7-form .one-third:nth-of-type(3n+1) {
  clear: both;
}

.hoot-cf7-style .wpcf7-form .one-half {
  width: 45%;
  float: left;
}

.hoot-cf7-style .wpcf7-form .one-half:nth-of-type(2n+1) {
  clear: both;
}

.hoot-cf7-style .wpcf7-form .full {
  width: 94%;
  float: none;
  clear: both;
}

.hoot-cf7-style .wpcf7-form .one-fourth input,
.hoot-cf7-style .wpcf7-form .one-third input,
.hoot-cf7-style .wpcf7-form .one-half input,
.hoot-cf7-style .wpcf7-form .full input,
.hoot-cf7-style .wpcf7-form .one-fourth textarea,
.hoot-cf7-style .wpcf7-form .one-third textarea,
.hoot-cf7-style .wpcf7-form .one-half textarea,
.hoot-cf7-style .wpcf7-form .full textarea,
.hoot-cf7-style .wpcf7-form .one-fourth select,
.hoot-cf7-style .wpcf7-form .one-third select,
.hoot-cf7-style .wpcf7-form .one-half select,
.hoot-cf7-style .wpcf7-form .full select {
  width: 100%;
}

.hoot-cf7-style .wpcf7-form .one-fourth input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .one-third input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .one-half input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .full input[type="checkbox"],
.hoot-cf7-style .wpcf7-form .one-fourth input[type="radio"],
.hoot-cf7-style .wpcf7-form .one-third input[type="radio"],
.hoot-cf7-style .wpcf7-form .one-half input[type="radio"],
.hoot-cf7-style .wpcf7-form .full input[type="radio"] {
  width: auto;
}

.hoot-cf7-style .wpcf7-form .submit {
  clear: both;
  float: none;
  width: 100%;
}

.hoot-cf7-style .wpcf7-form .submit:after {
  content: "";
  display: table;
  clear: both;
}

.hoot-cf7-style .wpcf7-form .submit:after {
  content: "";
  display: table;
  clear: both;
}

.hoot-cf7-style .wpcf7-form .submit input {
  width: auto;
}

.hoot-cf7-style .wpcf7-form .wpcf7-form-control-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.hoot-cf7-style .wpcf7-form .wpcf7-form-control-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.hoot-cf7-style div.wpcf7-validation-errors,
.hoot-cf7-style div.wpcf7-mail-sent-ng,
.hoot-cf7-style div.wpcf7-mail-sent-ok {
  margin: -0.66666667em 0 1em;
  border: 0;
}

.hoot-cf7-style div.wpcf7-validation-errors {
  background: #fae9bf;
  color: #807000;
}

.hoot-cf7-style div.wpcf7-mail-sent-ng {
  background: #faece8;
  color: #af2c20;
}

.hoot-cf7-style div.wpcf7-mail-sent-ok {
  background: #eefae8;
  color: #769754;
}

/*** Responsive Contact Form 7 ***/
@media only screen and (max-width: 969px) {

  .hoot-cf7-style .wpcf7-form p,
  .hoot-cf7-style .wpcf7-form p.full {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

/************* MapPress Google Maps *************/
.hoot-mapp-style {
  /* Use default styles in mappress.css for rest */
}

.hoot-mapp-style .mapp-layout {
  border: none;
  max-width: 100%;
  margin: 0;
}

.hoot-mapp-style .mapp-map-links {
  border: none;
}

.hoot-mapp-style .mapp-links a:first-child:after {
  content: " /";
}

/************* Woocommerce *************/
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.woocommerce.archive ul.products,
.woocommerce-page.archive ul.products {
  margin: 1em 0 0 0;
}

.woocommerce.archive ul.products li.product,
.woocommerce-page.archive ul.products li.product {
  margin: 0 3.8% 2.992em 0;
  padding-top: 0;
}

.woocommerce.archive ul.products li.last,
.woocommerce-page.archive ul.products li.last {
  margin-right: 0;
}

/* Remove title from product page since we already have it in theme title area (loop-meta) */
.woocommerce.singular .product .product_title {
  display: none;
}

/* Singular Product */
.upsells.products,
.related.products {
  clear: both;
}

/* Pages - Account, Cart, Checkout */
.woocommerce-account .entry-content,
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
  border-bottom: none;
}

.woocommerce-account #comments-template,
.woocommerce-cart #comments-template,
.woocommerce-checkout #comments-template {
  display: none;
}

.woocommerce-account .sharedaddy,
.woocommerce-cart .sharedaddy,
.woocommerce-checkout .sharedaddy {
  display: none;
}

/* Misc */
.flex-viewport figure {
  max-width: none;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #000000;
  color: #ffffff;
  border: solid 1px #000000;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #ffffff;
  color: #000000;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  background: #ddd;
  color: #666;
  border: solid 1px #aaa;
}

/*** Responsive Woocommerce ***/
/* Use 768px instead of @breakPoint to stay compatible with default woocommerce stylesheet */
@media only screen and (max-width: 768px) {

  .woocommerce.archive.plural ul.products li.product,
  .woocommerce-page.archive.plural ul.products li.product {
    width: 48%;
    margin: 0 0 2.992em;
  }
}

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

  .woocommerce-notices-wrapper .woocommerce-error,
  .woocommerce-notices-wrapper .woocommerce-info,
  .woocommerce-notices-wrapper .woocommerce-message {
    text-align: center;
  }

  .woocommerce-notices-wrapper .woocommerce-error a,
  .woocommerce-notices-wrapper .woocommerce-info a,
  .woocommerce-notices-wrapper .woocommerce-message a {
    display: block;
    float: none;
  }
}

/************* Woocommerce Menu Cart *************/
li a.empty-wpmenucart-visible span.amount {
  display: none !important;
}

/************* Jetpack *************/
/*** Infinite Scoll ***/
.infinite-scroll .hoot-jetpack-style .pagination.loop-pagination,
.infinite-scroll .hoot-jetpack-style .pagination.navigation {
  display: none;
}

.hoot-jetpack-style #infinite-handle {
  clear: both;
}

.hoot-jetpack-style #infinite-handle span {
  padding: 6px 23px 8px;
  font-size: 0.8em;
  line-height: 1.8em;
  border: solid 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.33);
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.33);
}

.hoot-jetpack-style #infinite-handle span button {
  text-transform: uppercase;
}

/* Disable for woocommerce shop/archive */
.infinite-scroll.woocommerce #infinite-handle {
  display: none !important;
}

.infinite-scroll .woocommerce-pagination {
  display: block;
}

/*** Share ***/
.hoot-jetpack-style .entry-content .sharedaddy {
  border-top: solid 1px rgba(0, 0, 0, 0.33);
}

.hoot-jetpack-style .entry-content .sharedaddy>div {
  margin-top: 1.66666667em;
}

.hoot-jetpack-style div.product .sharedaddy>div {
  margin-top: 1.66666667em;
}

.hoot-jetpack-style .frontpage-area .entry-content .sharedaddy {
  display: none;
}

.hoot-jetpack-style .sharedaddy .sd-title {
  font-family: inherit;
  text-transform: uppercase;
  opacity: 0.7;
  filter: alpha(opacity=70);
  margin-bottom: 0;
}

.hoot-jetpack-style .sharedaddy .sd-title:before {
  display: none;
}

.hoot-jetpack-style .sd-content ul li {
  display: inline-block;
}

.hoot-jetpack-style .sd-content ul li iframe {
  margin: 0;
}

/* Disable for content block widget */
.content-block-text .sharedaddy {
  display: none;
}

/*** Contact Form ***/
.hoot-jetpack-style .contact-form.commentsblock label {
  font-weight: normal;
}

.hoot-jetpack-style .contact-form.commentsblock .grunion-field-label {
  text-transform: uppercase;
  font-weight: bold;
}

.hoot-jetpack-style .contact-form.commentsblock .grunion-field-label span {
  color: #af2c20;
}

.hoot-jetpack-style .contact-form.commentsblock .grunion-checkbox-multiple-label {
  display: inline-block;
}

.hoot-jetpack-style .contact-form.commentsblock .grunion-checkbox-multiple-label+.clear-form {
  display: inline-block;
}

.hoot-jetpack-style .contact-form.commentsblock .grunion-radio-label {
  display: inline-block;
}

.hoot-jetpack-style .contact-form.commentsblock .grunion-radio-label+.clear-form {
  display: inline-block;
}

.hoot-jetpack-style .contact-form.commentsblock p.contact-submit {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
}

.hoot-jetpack-style .contact-form.commentsblock p.contact-submit:after {
  content: "";
  display: table;
  clear: both;
}

.hoot-jetpack-style .contact-form.commentsblock p.contact-submit:after {
  content: "";
  display: table;
  clear: both;
}

.hoot-jetpack-style .contact-form.commentsblock p.contact-submit input {
  width: auto;
}

/*** Responsive Jetpack ***/
@media only screen and (max-width: 969px) {

  .hoot-jetpack-style .contact-form.commentsblock>div,
  .hoot-jetpack-style .contact-form.commentsblock>div:last-of-type {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}

/************* Page Builder *************/
.so-panel.widget {
  margin-top: 0;
}

/************* Elementor *************/
.elementor p,
.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6,
.elementor .title {
  margin-top: 0;
}

/************* Newsletter *************/
/*** Mail Poet ***/
.widget_mailpoet_form {
  padding: 25px;
  background: rgba(0, 0, 0, 0.14);
}

.widget_mailpoet_form .widget-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  text-align: center;
}

.widget_mailpoet_form .widget-title span {
  background: none !important;
  color: inherit !important;
}

.widget_mailpoet_form .widget-title span:after {
  border: none;
}

.widget_mailpoet_form .mailpoet_form {
  margin: 0;
}

.widget_mailpoet_form .mailpoet_paragraph {
  margin: 10px 0;
}

.widget_mailpoet_form .mailpoet_text {
  width: 100% !important;
}

.widget_mailpoet_form .mailpoet_submit {
  margin: 0 auto;
  display: block;
}

.widget_mailpoet_form .mailpoet_message p {
  margin-bottom: 0;
}

/*** Newsletter ***/
.widget_newsletterwidget,
.widget_newsletterwidgetminimal {
  padding: 20px;
  background: rgba(0, 0, 0, 0.14);
  text-align: center;
}

.widget_newsletterwidget .widget-title,
.widget_newsletterwidgetminimal .widget-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.widget_newsletterwidget .widget-title span:after,
.widget_newsletterwidgetminimal .widget-title span:after {
  border: none;
}

.widget_newsletterwidget label,
.widget_newsletterwidgetminimal label {
  margin: 0 0 3px 2px;
}

.widget_newsletterwidget input.tnp-submit[type=submit],
.widget_newsletterwidgetminimal input.tnp-submit[type=submit] {
  margin: 0 auto;
}

.widget_newsletterwidget input[type=text],
.widget_newsletterwidgetminimal input[type=text],
.widget_newsletterwidget input[type=email],
.widget_newsletterwidgetminimal input[type=email],
.widget_newsletterwidget select,
.widget_newsletterwidgetminimal select {
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.15);
  color: inherit;
}

.widget_newsletterwidget input[type="checkbox"],
.widget_newsletterwidgetminimal input[type="checkbox"] {
  position: relative;
  top: 2px;
}

.widget_newsletterwidget form,
.widget_newsletterwidgetminimal form {
  margin-bottom: 0;
}

.widget_newsletterwidget .tnp-field:last-child,
.widget_newsletterwidgetminimal .tnp-field:last-child {
  margin-bottom: 0;
}

.tnp-widget {
  text-align: left;
  margin-top: 10px;
}

.tnp-widget-minimal {
  margin: 10px 0;
}

.tnp-widget-minimal input.tnp-email {
  margin-bottom: 10px;
}

/************* Login Modal / Popups *************/
/*** WooCommerce Login Popup and Shortcodes ***/
.woo-login-popup-sc-left {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*** AJAX Login and Registration modal popup ***/
.lrm-user-modal-container .lrm-switcher a {
  color: #555;
  background: rgba(0, 0, 0, 0.2);
}

.lrm-form a.button,
.lrm-form button,
.lrm-form button[type=submit],
.lrm-form #buddypress input[type=submit],
.lrm-form input[type=submit] {
  background: #000000;
  color: #ffffff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
  box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
}

.lrm-form a.button:hover,
.lrm-form button:hover,
.lrm-form button[type=submit]:hover,
.lrm-form #buddypress input[type=submit]:hover,
.lrm-form input[type=submit]:hover {
  -webkit-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
  box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.33);
}

/************* Breadcrumb NavXT *************/
.widget_breadcrumb_navxt {
  line-height: 1.73333333em;
}

.widget_breadcrumb_navxt .widget-title {
  margin-right: 5px;
}

.widget_breadcrumb_navxt .widget-title,
.widget_breadcrumb_navxt .breadcrumbs {
  display: inline-block;
}

.widget_breadcrumb_navxt .breadcrumbs>span {
  margin: 0 0.5em;
  padding: 0.5em 0;
  display: inline-block;
}

.widget_breadcrumb_navxt .breadcrumbs>span:first-child {
  margin-left: 0;
}

.widget_breadcrumb_navxt .breadcrumbs>span:last-child {
  margin-right: 0;
}

.widget_breadcrumb_navxt .breadcrumbs>.hoot-bcn-pretext {
  margin-right: 1.1em;
  padding-left: 0.75em;
  padding-right: 0.3em;
  background: #000000;
  color: #ffffff;
  position: relative;
}

.widget_breadcrumb_navxt .breadcrumbs>.hoot-bcn-pretext:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 1.36666667em solid transparent;
  border-bottom: 1.36666667em solid transparent;
  border-left: 1.1em solid #000000;
  right: -1.1em;
}

/**
 * Footer
 * ========================================================
 */
/************* Sub Footer *************/
.sub-footer {
  background: rgba(0, 0, 0, 0.04);
  border-top: solid 1px rgba(0, 0, 0, 0.33);
  line-height: 1.73333333em;
  text-align: center;
}

.sub-footer .widget {
  margin: 1.66666667em 0;
}

/************* Footer *************/
.footer {
  border-top: solid 4px rgba(0, 0, 0, 0.14);
  padding: 10px 0 5px;
  line-height: 1.73333333em;
}

.footer a:not(input):not(.button) {
  color: inherit;
}

.footer a:hover:not(input):not(.button) {
  text-decoration: underline;
}

.footer p {
  margin: 1em 0;
}

.footer .footer-column {
  min-height: 1em;
}

.footer .hgrid-span-12.footer-column {
  text-align: center;
}

.footer .nowidget {
  display: none;
}

.footer .widget {
  margin: 30px 0;
}

.sub-footer .widget-title,
.footer .widget-title {
  font-size: inherit;
  font-family: inherit;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 4px 7px;
  background: #000000;
  color: #ffffff;
  border: solid 1px #000000;
  -webkit-transition: color 0.3s ease-in, background-color 0.3s linear;
  -moz-transition: color 0.3s ease-in, background-color 0.3s linear;
  -o-transition: color 0.3s ease-in, background-color 0.3s linear;
  transition: color 0.3s ease-in, background-color 0.3s linear;
}

.sub-footer .widget:hover .widget-title,
.footer .widget:hover .widget-title {
  background: #ffffff;
  color: #000000;
}

/************* Post Footer *************/
.post-footer {
  border-top: solid 1px rgba(0, 0, 0, 0.33);
  text-align: center;
  padding: 0.66666667em 0;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #888888;
}

.post-footer a {
  color: inherit;
}

/*** Responsive Sidebar and Widgets ***/
@media only screen and (max-width: 969px) {
  .footer-column+.footer-column .widget:first-child {
    margin-top: 0;
  }
}

/* CHILDren */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
font,
img,
strike,
strong,
sub,
sup,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%
}

ol,
ul {
  list-style: none
}

:focus {
  outline: 0
}

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

a,
.Pointer {
  cursor: pointer
}

.Hidden {
  display: none
}

.G180,
.G225,
.G585,
.G990,
.G810 {
  display: inline;
  float: left;
  margin-left: 5px
}

.G180 {
  width: 175px
}

.G225 {
  width: 220px
}

.G585 {
  width: 580px
}

.G810 {
  width: 805px
}

.G990 {
  width: 985px
}

.G630,
.G360,
.G315,
.G180 {
  display: inline;
  float: left;
  margin-left: 5px
}

.G630 {
  width: 627px
}

.G360 {
  width: 357px
}

.G315 {
  width: 311px
}

.G180 {
  width: 176px
}

.Left {
  margin-left: 3px
}

.Clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0
}

body,
input,
select,
textarea {
  font: 11px Arial
}

body.fpo-landing {
  background: url(https://img-1-3.cdnnetworks.net/images/landing-bg.png?120315) #162460 repeat-x
}

.Container {
  background: 0
}

.MainWrapper {
  background: url(https://img-1-3.cdnnetworks.net/images/landing-bodybg.png?120313) repeat-y;
  height: 100%
}

.HdWrapper {
  height: 116px
}

.HdWrapper .Masthead {
  background: 0
}

.TopQuestionnaireIcon,
.OrangeBtn,
.WhiteBtn span,
.NavBar a,
.NavBar a:hover,
.NavBar span,
.NavItemSel a,
.TopLinks a span,
.ForgetBtn,
.ValidateBtn,
li.InitDep span {
  background: url(https://img-1-3.cdnnetworks.net/images/landing-buttons.png?131112) no-repeat
}

/* h2, */
.HdWrapper,
.Footer,
.FooterLeft,
.FooterRight,
.PatLogos a,
.Box,
.BoxHd,
.BoxFt,
.BoxFt div,
.BoxBd,
.Left,
.Left .BoxFt,
.Right,
.Right .BoxFt,
.EventHighlights,
.EventHighlights .EventHighlightsRight,
.EventHighlightsBg,
.EventItem .EventDivider,
.PatBorder {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat
}

.Masthead,
.LoginL,
.LoginR,
.LoginM,
.UserLinks,
.UserLinks li,
.UserInfo li,
.Euro,
.Asia {
  background: url(https://img-1-3.cdnnetworks.net/images/structure.png?121016) no-repeat scroll 0 0 transparent
}

.OrangeBtn {
  background-position: right -21px;
  font: 700 11px/20px Trebuchet MS;
  color: #fff;
  padding: 0 10px;
  border: 1px solid #734531
}

:root .OrangeBtn {
  padding: 2px 10px 2px 10px \0/IE9
}

.OrangeBtn:hover {
  color: #600
}

.OrangeBtn,
.NavBar a,
.Lang ul li a,
.FooterLinks a,
.TopLinks a {
  text-decoration: none
}

.ValidateBtn {
  cursor: pointer
}

.NavItemSel {
  cursor: default !important
}

.OrangeBtn,
.BlueBtn,
.WhiteBtn,
.MPBtn,
.UserLinks a,
.NavBar a,
.Lang ul li a,
.FooterLinks a,
.TopLinks a {
  text-decoration: none
}

.BlueBtn {
  line-height: 18px;
  background-position: 0 -100px;
  border: 1px solid #667dbc;
  padding: 1px 5px;
  color: #fff;
  font-weight: 700;
  margin-right: 3px
}

.BlueBtn:hover {
  color: #fc0
}

.UserInfo .BlueBtn {
  padding: 1px 5px 1px 17px;
  background: url(https://img-1-3.cdnnetworks.net/images/landing-buttons.png?131112) no-repeat -7px -543px !important
}

body,
input,
select,
textarea {
  font: 11px Arial
}

.Container {
  margin: 0 auto;
  width: 995px
}

.Masthead {
  position: relative;
  height: 116px
}

.Logo {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 235px;
  height: 60px
}

.Logo span {
  display: none
}

.TopLinks {
  position: absolute;
  top: 0;
  right: 5px
}

.TopLinks li {
  float: right;
  display: block;
  background: url(https://img-1-3.cdnnetworks.net/images/landing-buttons.png?131112) repeat-x 0 -270px transparent
}

.TopLinks a,
li.InitDep div {
  display: block;
  background: url(https://img-1-3.cdnnetworks.net/images/landing-buttons.png?131112) no-repeat -222px -310px transparent;
  padding: 10px 0 10px 8px;
  overflow: hidden
}

.TopLinks a span,
li.InitDep span {
  color: #16295a;
  font: 700 12px Trebuchet MS;
  padding: 3px 10px 3px 23px
}

a.Font span {
  background-position: -6px -671px;
  padding-left: 30px
}

a.Help span {
  background-position: -3px -374px;
  padding-left: 30px
}

a.LiveChat span {
  background-position: -2px -401px;
  padding-left: 38px
}

a.JoinNow span {
  background-position: -6px -425px
}

a.Result span {
  background-position: -2px -494px;
  padding-left: 38px
}

a.Announce span {
  background-position: -5px -518px;
  padding-left: 26px
}

.TopLinks a:hover span {
  color: #900
}

li.InitDep {
  background: url(https://img-1-3.cdnnetworks.net/images/toplinks-bgyellow.gif?120313) repeat-x
}

li.InitDep span {
  background-position: -8px -569px;
  float: left;
  margin-top: -3px;
  color: #7f4b0d;
  padding-right: 3px;
  height: 14px
}

li.InitDep a {
  background: url(https://img-1-3.cdnnetworks.net/images/toplinks-initdep.png?120313) no-repeat;
  padding: 0 0 0 5px;
  float: left;
  color: #900;
  display: block;
  height: 20px;
  margin: -3px 10px 0 0
}

li.InitDep a b {
  padding: 0 5px 0 0;
  font: 700 11px/20px Arial;
  background: url(https://img-1-3.cdnnetworks.net/images/toplinks-initdep.png?120313) no-repeat top right;
  display: block
}

li.InitDep a:hover {
  color: #d00
}

.Login,
.TopFunctions {
  position: absolute;
  top: 36px;
  right: -1px;
  _right: -2px
}

.LoginL,
.LoginR,
.LoginM {
  float: left;
  width: 5px;
  height: 35px;
  background-position: 0 -120px
}

.LoginR {
  width: 8px;
  background-position: -678px -120px
}

.LoginM {
  width: auto;
  height: 24px;
  background-position: -10px -120px;
  padding: 11px 0 0;
  white-space: nowrap
}

.Username,
.Pwd,
.Validate-en,
.Validate-es-es,
.Validate-zh-cn,
.Validate-de-de,
.Validate-ru-ru,
.Validate-ja-jp,
.Validate-id-id,
.Validate-vi-vn,
.Validate-my-mm,
.Validate-th-th {
  height: 18px;
  float: left;
  margin: 0 1px;
  padding: 0 2px;
  border: 1px solid #000;
  font: 100 11px/18px Tahoma, sans-serif;
  color: #000
}

.Username,
.Pwd {
  width: 96px
}

.Validate-en,
.Validate-es-es,
.Validate-zh-cn,
.Validate-ja-jp,
.Validate-id-id,
.Validate-vi-vn {
  width: 52px
}

.Validate-de-de {
  width: 58px
}

.Validate-ru-ru {
  width: 88px
}

.Validate-my-mm {
  width: 88px
}

.Captcha {
  float: left;
  height: 17px;
  margin: 0 0 0 -1px;
  border: 1px solid #96b8de;
  border-right: 1px solid #b2d0f4
}

.ForgetBtn {
  float: left;
  width: 15px;
  height: 20px;
  background-position: -28px -451px
}

.ValidateBtn {
  float: left;
  width: 15px;
  height: 19px;
  margin: 0 4px 0 0;
  background-position: -8px -451px
}

.LoginWrap {
  float: left;
  position: relative
}

.FormTextN {
  position: absolute;
  left: 7px;
  top: 1px;
  font: 100 11px/18px Tahoma, sans-serif;
  color: #666;
  vertical-align: middle
}

.FormTextF {
  position: absolute;
  left: 7px;
  top: 1px;
  font: 100 11px/18px Tahoma, sans-serif;
  color: #b7b7b7;
  vertical-align: middle
}

.TopQuestionnaire {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
  height: 35px;
  zoom: 1;
  *display: inline
}

.TopQuestionnaireIcon {
  width: 20px;
  height: 35px;
  background-position: -9px -593px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer
}

.TopQuestionnaireText {
  color: #233b7a;
  display: inline-block;
  height: 35px;
  margin-top: 3px;
  vertical-align: top;
  zoom: 1;
  *display: inline
}

a.TopQuestionnaireLink {
  font: 700 11px/35px Arial;
  color: #233b7a;
  text-decoration: none
}

a.TopQuestionnaireLink:hover {
  font: 700 11px/35px Arial;
  color: #c00;
  text-decoration: none
}

.TopFunctions ul {
  float: left;
  padding: 0 5px;
  margin-top: -1px
}

.TopFunctions li {
  display: inline;
  padding: 0 7px 0 5px;
  line-height: 23px
}

.UserLinks {
  background-position: -540px -275px
}

.UserLinks li {
  background-position: right -252px
}

.UserLinks a {
  color: #07122f
}

.UserLinks a:hover {
  color: #c00
}

.UserInfo {
  color: #fff
}

.UserInfo li {
  background-position: right -300px
}

.UserLinks li.Last,
.UserInfo li.Last {
  background: 0
}

.NavBar {
  position: absolute;
  left: 0;
  top: 62px;
  padding: 0 10px 0 22px
}

.NavBar li {
  display: inline;
  font: 700 13px/36px Trebuchet MS
}

.NavBar a {
  display: block;
  float: left;
  color: #183166;
  background-position: 0 -125px;
  margin-top: 10px
}

.NavBar a:hover {
  color: #630;
  background-position: center -161px
}

.NavBar span {
  display: block;
  background-position: right -233px;
  padding: 0 15px
}

.NavItemSel a {
  background-position: center -197px !important;
  color: #fff !important;
  cursor: pointer !important
}

.NavBar span.Euro2012TabWrap {
  padding: 0
}

.NavBar span span.Euro2012Tab-en {
  width: 110px;
  padding: 0;
  background: url(https://img-1-3.cdnnetworks.net/images/euro2012menu.gif?120607) no-repeat 0 -38px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-cn {
  width: 110px;
  padding: 0;
  background: url(https://img-1-3.cdnnetworks.net/images/euro2012menu_zh_cn.gif?120607) no-repeat 0 -38px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-tw {
  width: 110px;
  padding: 0;
  background: url(https://img-1-3.cdnnetworks.net/images/euro2012menu_zh_tw.gif?120607) no-repeat 0 -38px;
  height: 36px
}

.NavBar span span.Euro2012Tab-en-hover {
  width: 110px;
  padding: 0;
  background: url(https://img-1-3.cdnnetworks.net/images/euro2012menu.gif?120607) no-repeat 0 -1px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-cn-hover {
  width: 110px;
  padding: 0;
  background: url(https://img-1-3.cdnnetworks.net/images/euro2012menu_zh_cn.gif?120607) no-repeat 0 -1px;
  height: 36px
}

.NavBar span span.Euro2012Tab-zh-tw-hover {
  width: 110px;
  padding: 0;
  background: url(https://img-1-3.cdnnetworks.net/images/euro2012menu_zh_tw.gif?120607) no-repeat 0 -1px;
  height: 36px
}

.NavNewWrap {
  position: relative
}

.NavNew,
.NavNew-zh-cn {
  background: url(https://img-1-3.cdnnetworks.net/images/icons.png?131008) no-repeat
}

.NavNew {
  background-position: -140px -1067px;
  background-repeat: no-repeat;
  height: 25px;
  left: -15px;
  position: absolute;
  top: -36px;
  width: 25px
}

.NavNew-zh-cn {
  background-position: -110px -1067px;
  background-repeat: no-repeat;
  height: 25px;
  left: -15px;
  position: absolute;
  top: -36px;
  width: 25px
}

.Masthead {
  z-index: 1
}

.Time {
  font-size: 10px;
  position: absolute;
  right: 8px;
  top: 72px
}

.Lang {
  position: absolute;
  top: 85px;
  right: 8px
}

.Lang li {
  float: left;
  display: inline;
  width: 78px;
  height: 18px
}

.Lang li a {
  display: block;
  font-weight: 700;
  font-family: Trebuchet MS
}

.Euro,
.Asia {
  background-position: -840px -120px;
  text-align: center;
  line-height: 18px;
  color: #fff
}

.Euro {
  background-position: -730px -120px;
  padding-left: 5px
}

.Lang ul {
  float: left
}

.LangDropDown {
  background: url(https://img-1-3.cdnnetworks.net/images/landing-buttons.png?131112) no-repeat -8px -475px;
  width: 68px;
  height: 15px;
  display: inline-block;
  padding: 1px 0 0;
  border: 1px solid #6587cb;
  margin: 0 0 0 1px;
  zoom: 1;
  *display: inline
}

.LangDropDown span {
  margin: 0 0 0 5px;
  line-height: 14px
}

.LangDropDown ul {
  margin-top: 2px;
  font: 100 11px/14px Arial
}

.LangDropDown ul li {
  background-color: #fff;
  line-height: 18px;
  width: 68px;
  border-bottom: 1px solid #6587cb;
  border-left: 1px solid #6587cb;
  border-right: 1px solid #6587cb;
  margin: 0 0 0 -1px
}

.LangDropDown ul li a {
  color: #000;
  font: 100 11px/18px Arial;
  padding: 0 0 0 10px
}

.LangDropDown ul li a:hover {
  color: #000;
  font: 100 11px/18px Arial;
  padding: 0 0 0 10px;
  background-color: #ebf2ff
}

.Box {
  position: relative;
  margin-bottom: 7px;
  background-position: -148px -184px
}

.BoxHd {
  background-position: right -184px;
  position: absolute;
  top: 0;
  right: 0;
  _right: -1px;
  width: 8px;
  height: 8px;
  font-size: 0
}

.BoxBd {
  background-position: right -194px;
  margin: 6px 0 0 3px
}

.BoxFt,
.Left .BoxFt,
.Right .BoxFt {
  background-position: -148px -445px;
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 8px;
  font-size: 0
}

.BoxFt div,
.Right .BoxFt div {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8px;
  height: 8px;
  background-position: right -445px;
  _right: -1px
}

.EUHPD .BoxHd {
  _right: 0
}

.EUHPD .BoxFt div {
  _right: 0
}

.Left {
  background-position: -147px -457px
}

.Left .BoxFt {
  background-position: -147px -719px
}

.Left .BoxFt div {
  background-position: right -446px
}

.Right {
  background-position: right -457px
}

.Right .BoxHd {
  background-position: -148px -184px;
  left: 0
}

.Right .BoxBd {
  background-position: -148px -190px;
  margin: 6px 3px 0 0;
  padding: 0 0 0 3px
}

.Right .BoxFt {
  background-position: right -719px
}

.Right .BoxFt div {
  background-position: -148px -446px;
  left: 0
}

.EUHPA,
.EUHPB {
  height: 255px
}

.EUHPC,
.EUHPD {
  height: 185px
}

.Box img {
  margin: 5px;
  border: 1px solid #334182
}

.EUHPA img {
  width: 609px;
  height: 238px
}

.EUHPB img {
  width: 339px;
  height: 238px
}

.EUHPC img {
  width: 293px;
  height: 168px
}

.EUHPD img {
  width: 158px;
  height: 168px
}

h2 {
  /* background-position: right -140px;
  height: 32px;
  position: absolute;
  top: 11px;
  left: 8px; */
  padding: 0 40px 0 10px;
  font: 700 11px/20px Tahoma, sans-serif;
  color: #132351
}

.Capt {
  height: 25px;
  font: 12px/24px Arial;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff;
  position: absolute;
  bottom: 3px;
  left: 8px;
  padding: 5px
}

.Capt a,
.Capt a:visited,
.Capt a:active {
  color: #fff;
  text-decoration: none
}

.Capt a:hover {
  color: #fc0
}

.Right .Capt {
  left: 8px
}

.EUHPA .Capt {
  width: 601px
}

.EUHPB .Capt {
  width: 331px
}

.EUHPC .Capt,
.EUHPD .Capt {
  width: 285px;
  line-height: 18px;
  height: 18px
}

.EUHPD .Capt {
  width: 150px
}

.EventHighlights {
  background-position: -147px -457px;
  margin: 0 0 7px 3px;
  position: relative;
  height: 140px;
  width: 980px
}

.EventHighlights .EventHighlightsRight {
  background-position: -1129px -457px;
  height: 140px;
  position: absolute;
  right: -8px;
  width: 8px
}

.EventHighlights .BoxFt {
  background-position: -147px -719px;
  bottom: -7px
}

.EventHighlights .BoxFt div {
  background-position: -1129px -719px;
  right: -8px
}

.EventHighlightsBg {
  background-position: 0 -1019px;
  height: 140px;
  margin: 12px 0 0 8px;
  position: absolute;
  width: 970px;
  border: 1px solid #2a4696
}

.EventItem {
  width: 174px;
  padding: 20px 10px 0;
  height: 65px;
  position: relative;
  float: left
}

.EventItem a {
  text-decoration: none;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.EventItem .TeamName {
  font: 700 12px/12px Trebuchet MS, Arial, sans-serif;
  color: #fff
}

.EventItem .vs {
  font: 700 10px/12px Trebuchet MS, Arial, sans-serif;
  color: #ccc;
  white-space: nowrap
}

.EventItem .LeagueName {
  font: 700 10px/15px Trebuchet MS, Arial, sans-serif;
  color: #ccc;
  white-space: nowrap;
  width: 174px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}

.EventItem time,
.EventItem .EventHighlightsTime {
  font: 100 9px/15px Arial, sans-serif;
  color: #b7d2ff;
  display: block
}

.EventItem .EventDivider {
  width: 2px;
  height: 74px;
  background-position: -1132px -1028px;
  position: absolute;
  top: 5px;
  right: 0
}

.EventItem a:hover .TeamName,
.EventItem a:hover .LeagueName,
.EventItem a:hover .vs {
  color: #fadf30
}

.EventItemLast .EventDivider {
  display: none
}

.Copyright {
  color: #a8b8d9;
  font: 700 9px Tahoma, sans-serif;
  height: 30px;
  /* padding-top: 20px; */
  text-align: center;
  width: 100%
}

.Footer {
  background-position: -71px -1130px;
  width: 996px;
  position: relative;
  padding: 38px 0 10px;
  color: #fff;
  text-align: center;
  height: auto
}

.FooterLeft {
  background-position: 0 -1133px;
  height: 50px;
  left: -70px;
  position: absolute;
  top: 3px;
  width: 70px
}

.FooterRight {
  background-position: -1068px -1133px;
  height: 50px;
  right: -70px;
  position: absolute;
  top: 3px;
  width: 70px
}

.FooterLinks {
  width: 998px;
  margin: 0 auto;
  height: 30px
}

.FooterLinks li {
  display: inline
}

.FooterLinks a {
  color: #fff;
  padding: 0 7px
}

.FooterLinks-ru-ru a {
  color: #fff;
  padding: 0 4px;
  font-size: 10px
}

.FooterLinks a:hover {
  color: #fc0
}

.LFlinks {
  width: 100%;
  *padding-left: 0
}

.FLinksC {
  width: 100%;
  float: left;
  background-color: #142053;
  padding: 10px 0;
  border: 2px solid #3f518c
}

.FLinksLH {
  width: 187px;
  float: left;
  margin: 0 0 1px 10px;
  display: inline;
  text-align: left
}

.FLinksLHB {
  width: 187px;
  float: left;
  margin: 0 0 1px 10px;
  display: inline;
  text-align: left;
  padding-top: 20px
}

.FLinksLH li,
.FLinksLHB li {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -600px -810px;
  padding: 0 5px 0 15px;
  color: #d7d7d7
}

.FLinksLast li,
.FLinksLastB li {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -600px -810px;
  padding-left: 15px;
  color: #d7d7d7
}

.FLinksLH li a,
.FLinksLHB li a {
  color: #d7d7d7;
  text-decoration: none;
  line-height: 14px
}

.FLinksLH li a:hover,
.FLinksLHB li a:hover {
  color: #d7d7d7;
  text-decoration: underline
}

.FLinksLast {
  width: 180px;
  float: left;
  margin: 0 0 1px 10px;
  display: inline;
  text-align: left
}

.FLinksLastB {
  width: 180px;
  float: left;
  margin: 20px 0 1px 10px;
  display: inline;
  text-align: left
}

.FLinksLast li a,
.FLinksLastB li a {
  color: #d7d7d7;
  text-decoration: none;
  line-height: 13px
}

.FLinksLast li a:hover,
.FLinksLastB li a:hover {
  color: #d7d7d7;
  text-decoration: underline
}

.FLinksLHead {
  font: 700 11px/16px Trebuchet MS;
  color: #d3e0ff;
  padding-left: 20px;
  margin-bottom: 5px;
  min-height: 18px
}

.FSportIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -4px -782px
}

.FCasinoIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -4px -815px
}

.FRaceIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -4px -850px
}

.FMobileIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -199px -783px
}

.FAboutIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -201px -816px
}

.FHelpIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -201px -848px
}

.FRulesIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -402px -783px
}

.FLeaguesIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -402px -815px
}

.FLearnIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -402px -849px
}

.FNewsIcon {
  background: url(https://img-1-3.cdnnetworks.net/images/landing.png?141112) no-repeat -596px -783px
}

.casino-animation:after {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/casino_icon.png);
  background-size: 100%;
  top: -23px;
  right: -10px;
  animation: tipjump 1.5s infinite;
  transform-origin: 50% 100%
}

@keyframes tipjump {
  0% {
    transform: translateY(0px) scaleX(1) scaleY(1)
  }

  5% {
    transform: translateY(0px) scaleX(1.2) scaleY(.8)
  }

  20% {
    transform: translateY(-10px) scaleX(.9) scaleY(1.1)
  }

  45% {
    transform: translateY(0px) scaleX(1.05) scaleY(.95)
  }

  50% {
    transform: translateY(0px) scaleX(1) scaleY(1)
  }

  100% {
    transform: translateY(0px) scaleX(1) scaleY(1)
  }
}

.Hide {
  display: none;
  padding: 5px
}

.VSpace {
  padding: 5px
}

.Desc {
  color: #a8b8d9;
  font: 10px Tahoma, sans-serif;
  margin: 10px auto;
  padding-top: 5px;
  text-align: center;
  width: 900px
}

.Desc a {
  color: #fff;
  text-decoration: none
}

.Desc a:hover {
  text-decoration: underline
}

.games-count-wrap {
  position: relative
}

.games-count {
  height: 20px;
  right: -13px;
  position: absolute;
  top: -44px;
  _right: 0
}

.games-count-left,
.games-count-body,
.games-count-right {
  float: left;
  height: 17px
}

.games-count-left {
  width: 4px;
  background-position: -3px -416px !important
}

.games-count-body {
  width: auto;
  background-position: 0 -396px !important;
  font: 700 9px/14px tahoma;
  color: #fff;
  padding: 0 1px;
  text-align: center;
  position: relative
}

.games-count-right {
  width: 4px;
  background-position: -12px -416px !important
}

.games-count-bottom-wrap {
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  *left: 1px;
  background-image: none !important;
  _display: none
}

.games-count-bottom {
  width: 8px;
  height: 7px;
  margin: 0 auto;
  background-position: -4px -436px !important
}

.one-px-bg {
  background-image: url(https://img-1-3.cdnnetworks.net/images/one-px-bg.png?20130821)
}

.tab-bg {
  background-image: url(https://img-1-3.cdnnetworks.net/images/header-tab-bg.png?20130925)
}

.hide {
  display: none !important
}

.common-header-bg {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header.png?20140429)
}

.common-header-bg2 {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header2.png?20170828)
}

.blue-bar {
  height: 30px;
  width: 100%;
  background-position: 0 0;
  color: #e4e4e4;
  top: 0;
  z-index: 101;
  text-align: center;
  left: 0;
  border-bottom: 1px solid #8fa8db
}

.blue-bar-inner {
  margin: auto;
  text-align: left;
  width: 992px
}

.account {
  height: 31px;
  width: 992px
}

.account-link {
  float: left;
  margin-left: 5px;
  color: #fff;
  list-style: none outside none;
  margin-top: 9px
}

.account-link li {
  float: left;
  padding: 0 5px
}

.account-link li a {
  text-decoration: none;
  color: #e3ebff;
  font-family: Tahoma;
  font-weight: 700;
  line-height: 15px
}

.account-link li a:hover {
  text-decoration: none;
  color: #fff
}

.account-right {
  float: right;
  list-style: none outside none;
  margin-right: 10px;
  margin-top: 3px
}

.account-right li {
  float: right;
  margin: 3px 0 5px 10px;
  line-height: 18px
}

.user-greeting {
  text-decoration: none;
  color: #fff
}

.sign-out a {
  background-color: #425aa5;
  color: #b5d6f7;
  border: 1px solid #5a7bbd;
  padding: 1px 5px;
  font-weight: 700;
  line-height: 18px
}

.sign-out a:hover {
  color: #fff
}

.currency {
  padding: 0 5px 0 0
}

.balance-refresh {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header.png?20140429);
  background-position: -5px -293px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 12px;
  height: 12px;
  *vertical-align: middle;
  font-size: 0;
  line-height: 10px;
  position: absolute;
  top: 1px;
  right: 2px
}

.balance-refresh-rotate {
  margin-left: 1px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/balance-refresh-rotate.gif?131217);
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 12px;
  height: 12px;
  *vertical-align: middle;
  position: absolute;
  top: 1px;
  right: 2px
}

.balance-hide {
  margin-top: 0;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 19px;
  height: 18px;
  background-position: -1px -307px;
  background-color: #5f89c4
}

.balance-show {
  float: left;
  margin-top: 0;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 19px;
  height: 18px;
  background-position: -1px -334px;
  background-color: #5f89c4
}

.bet-credit-container {
  color: #fff;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-weight: 700;
  cursor: pointer;
  height: 16px;
  padding: 0 18px 0 5px;
  border: 1px solid #5f89c4;
  font: 100 11px/16px Arial;
  position: relative;
  background-color: #203665
}

.bet-credit-container:hover {
  color: #fc0 !important
}

.deposit-withdraw,
.sign-out {
  height: 16px;
  float: left;
  cursor: pointer;
  display: inline-block;
  text-decoration: none
}

.deposit-withdraw:hover .deposit-withdraw-body {
  background-color: #ffc100;
  color: #643d00
}

.deposit-withdraw-body {
  font: 700 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #503000;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f90;
  border: 1px solid #ffd957
}

.announcement {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative
}

.announcement a {
  float: left
}

.announcement-count {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  height: 16px;
  line-height: 15px;
  color: #b64531;
  font-weight: 700;
  margin-top: 0;
  margin-left: 2px
}

.announcement-count-left {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  background-position: 0 -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.announcement-count-body {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  padding-left: 2px;
  padding-right: 2px;
  background-position: 0 -595px;
  height: 16px;
  background-repeat: repeat-x
}

.announcement-count-right {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  float: left;
  background-position: right -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.announcement a:hover span {
  color: #fff
}

.announcement-div {
  position: absolute;
  left: -7px;
  top: 22px
}

.announcement-block {
  padding-bottom: 20px;
  width: 470px;
  border: 1px solid #fff;
  border-top: 0;
  background-color: #cbe1fb;
  top: 20px;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f
}

.announcement-id {
  color: #366093;
  font: 700 11px/14px Arial, Helvetica, sans-serif;
  margin-right: 4px
}

.announcement-time {
  color: #366093;
  font: 100 11px/16px Arial, Helvetica, sans-serif
}

.announcement-text-content {
  color: #000;
  margin-top: 3px;
  display: block
}

.announcement-content {
  border-bottom: 1px solid #ececec;
  padding: 10px;
  background-color: #fff
}

.announcement-scroll-content {
  width: 470px;
  height: 100%;
  position: relative;
  overflow: hidden
}

.announcement-scroll-div {
  overflow-y: hidden;
  overflow-x: hidden;
  padding-bottom: 5px
}

.announcement-slim-scroll-rail {
  background-color: #00002c;
  opacity: .1;
  width: 8px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0
}

.announcement-see-all {
  width: 450px;
  padding: 0 10px;
  height: 20px;
  color: #9bb8da;
  position: absolute;
  left: 0;
  text-align: center;
  line-height: 20px;
  border: 1px solid #fff;
  border-top: 0;
  color: #366093;
  background-color: #eee;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f
}

div.announcement-see-all a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #366093;
  text-decoration: none
}

div.announcement-see-all a:hover {
  text-decoration: underline;
  color: #366093;
  background-color: #ebebeb
}

.announcement-arrow {
  background-repeat: no-repeat;
  height: 10px;
  left: 50px;
  position: absolute;
  top: -7px;
  width: 12px;
  z-index: 1000;
  background-position: 0 -382px
}

.announcement-arrow-top-msg {
  background-position: 0 -382px
}

.announcement-top-msg .announcement-title span {
  color: #b64531 !important
}

.sign-in a {
  background-color: #f1983b;
  color: #fff;
  border: 1px solid #fdc271;
  height: 16px;
  color: #fff;
  line-height: 15px;
  font-family: Tahoma;
  padding-left: 5px;
  padding-right: 5px;
  height: 16px;
  display: inline-block
}

.join-now {
  background-position: -2px -372px;
  background-repeat: no-repeat;
  padding-left: 23px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block
}

.payment-options {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-pm-icon.png?20170410);
  background-repeat: no-repeat;
  height: 22px;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: -1px;
  padding-left: 26px
}

.promotions-img {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-promo-icon.png);
  background-repeat: no-repeat;
  height: 22px;
  width: auto;
  line-height: 23px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
  margin-top: -1px;
  padding-left: 26px
}

.blue-bar-bsi {
  background-image: none;
  height: 40px;
  border: 0
}

.blue-bar-bsi .blue-bar-inner {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header.png?20140429);
  background-position: 0 -456px;
  height: 40px;
  width: 987px
}

.blue-bar-bsi .Username,
.blue-bar-bsi .Pwd {
  height: 25px;
  line-height: 25px
}

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

  .blue-bar-bsi .Username,
  .blue-bar-bsi .Pwd {
    height: 25px;
    line-height: 100%
  }
}

.blue-bar-bsi .FormTextN,
.blue-bar-bsi .FormTextF {
  top: 4px
}

.blue-bar-bsi .account {
  position: relative
}

.blue-bar-bsi .join-now {
  top: 8px
}

.blue-bar-bsi .sign-in a {
  height: 23px;
  line-height: 22px
}

.blue-bar-bsi .ForgetBtn {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header.png?20140429);
  background-position: -3px -503px;
  height: 26px
}

.blue-bar-bsi .account-right li {
  margin: 3px 4px 5px 8px
}

.common-header-bg-bvb {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header-bvb.png?20180801)
}

.common-header-shadow {
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header-shadow-asi.png?20130821)
}

.header {
  width: 992px;
  height: 96px;
  position: relative;
  z-index: 99;
  background-position: 2px 0;
  background-repeat: repeat-y
}

.header-inner {
  /*   width: 975px; */
  height: 96px;
  margin-left: 10px;
  background-position: 0 -30px
}

.logo {
  font-size: 34px;
  line-height: 75px;
  font-weight: 700;
  color: #233b7a;
  text-decoration: none;
  background-image: url(https://img-1-3.cdnnetworks.net/images/logo.png?20180801);
  background-repeat: no-repeat;
  width: 150px;
  height: 61px;
  display: inline-block;
  zoom: 1;
  margin-top: 14px;
  vertical-align: top;
  background-position: 6px -2px;
  background-size: 100%
}

.logo-cover {
  width: 200px;
  height: 68px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.logo-cn,
.logo-zh-cn {
  background-image: url(https://img-1-3.cdnnetworks.net/images/logo-cn.png)
}

.new-logo-cn,
.new-logo-zh-cn {
  background-image: url(https://img-1-3.cdnnetworks.net/images/new-logo-cn.png);
  background-position: 4px -8px;
  background-size: 120%
}

.logo-xmas-tree {
  width: 975px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/logo-xmas-tree.png?20130725)
}

.logo-xmas {
  width: 200px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/logo-xmas.png?20130725)
}

.product-list {
  height: 75px;
  width: 100%;
  position: relative
}

.product-list ul {
  line-height: 44px;
  height: 44px;
  margin-bottom: 6px;
  display: inline-block;
  vertical-align: bottom
}

.product-list ul li {
  float: left;
  text-align: center;
  font-size: 13px;
  font-weight: 700
}

.product-tab-left,
.product-tab-body,
.product-tab-right {
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: left;
  height: 44px
}

.product-tab-left {
  width: 9px
}

.product-tab-body {
  padding: 0 10px;
  color: #283e87;
  font-family: Trebuchet MS;
  position: relative;
  cursor: pointer
}

.product-tab-body a {
  color: #00175f;
  position: relative;
  z-index: 50;
  text-decoration: none
}

.product-tab-body a:hover {
  color: #4871d3
}

.product-tab-right {
  width: 9px
}

.selected .product-tab-left {
  width: 9px;
  background-position: 0 -173px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header.png?20140429)
}

.selected .product-tab-body {
  background-position: 0 -128px;
  padding: 0 10px;
  color: #fff;
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header.png?20140429);
  position: relative
}

.selected .product-tab-body a {
  color: #fff
}

.selected .product-tab-right {
  width: 9px;
  background-position: -10px -173px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/common-header.png?20140429)
}

.selected-arrow {
  width: 9px;
  height: 7px;
  background-position: -7px -282px;
  position: absolute;
  margin: auto;
  left: 50%;
  margin-left: -4px;
  bottom: -2px
}

.bottom-left {
  float: left;
  margin-left: 10px;
  width: 173px
}

.bottom-right {
  float: right;
  margin-right: 10px
}

.bottom-left div {
  display: inline-block;
  zoom: 1;
  *display: inline
}

.system-time {
  font-size: 9px;
  line-height: 20px;
  color: #000;
  margin-left: 10px
}

.region-selector {
  cursor: default !important;
  border-top: 1px solid #e2e2e2;
  background-color: #ededed
}

.region-selector div,
.language-selector div,
.region-selector:hover div,
.language-selector:hover div,
.region-selector:hover {
  background-color: #ededed
}

.region-selector div,
.language-selector div {
  border-bottom: #cacaca !important
}

.selector-list {
  margin-left: 0 !important;
  color: #535353 !important
}

.selector-border {
  border-top: 1px solid #cacaca
}

.language-selector {
  width: 300px;
  cursor: default !important;
  text-decoration: none;
  border-top: 3px double #cacaca !important;
  background-color: #ededed;
  border-bottom: 1px solid #cacaca
}

.language-selector:hover {
  border-top: 3px double #cacaca !important
}

.lang-selection {
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: left;
  font-weight: 700;
  color: #274ea0;
  line-height: 18px;
  cursor: pointer
}

.lang-drop-down {
  float: left;
  position: relative;
  white-space: nowrap
}

.lang-drop-down span {
  float: left
}

.lang-img {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 20px;
  height: 20px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/global-setting-icon.png?20130725);
  background-position: -5px -690px;
  margin: 0 3px 0 6px
}

.lang-divider {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 17px;
  height: 15px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/global-setting-icon.png?20130725);
  background-position: -28px -652px;
  margin-left: 3px;
  margin-top: 1px
}

.lang-drop-down:hover .lang-divider {
  background-image: url(https://img-1-3.cdnnetworks.net/images/global-setting-icon.png?20130725);
  background-repeat: no-repeat;
  background-position: right -627px
}

.lang-drop-down:hover span {
  color: #00175f
}

.lang-drop-down:hover .lang-img {
  background-image: url(https://img-1-3.cdnnetworks.net/images/global-setting-icon.png?20130725);
  background-repeat: no-repeat;
  background-position: -5px -714px
}

.lang-drop-down-ul {
  width: 110px;
  position: absolute;
  margin-top: 20px;
  border: 1px solid #deebfd;
  border-top: 0;
  background-color: #fff;
  left: 0;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

.lang-drop-down-ul li {
  color: #22377b;
  border-bottom: 1px solid #d2e7ff;
  height: 100%;
  white-space: nowrap;
  width: 110px
}

.lang-drop-down-ul li:hover {
  background-color: #d2e7ff;
  border-bottom: 1px solid #d2e7ff
}

.lang-drop-down-ul li a {
  display: block;
  padding: 3px 10px;
  white-space: nowrap;
  color: #274ea0;
  margin-left: 20px;
  text-decoration: none
}

.lang-drop-down-ul li:hover a {
  color: #000
}

.lang-drop-down-ul li.selected {
  background-image: url(https://img-1-3.cdnnetworks.net/images/global-setting-icon.png?20130725);
  background-position: -22px -1047px;
  background-repeat: no-repeat;
  display: block;
  cursor: default !important
}

.header-icons {
  position: absolute;
  right: 1px;
  top: 0;
  margin-top: 3px;
  padding-left: 4px
}

.header-icons div {
  float: left;
  color: #223978;
  padding: 4px 8px 4px 20px;
  background-repeat: no-repeat;
  cursor: pointer;
  line-height: 10px
}

.forgot-pwd {
  background-position: -2px -604px
}

.live-chat {
  background-position: -2px -220px
}

.help {
  background-position: -2px -241px
}

.result {
  background-position: -2px -262px
}

.result:hover,
.forgot-pwd:hover,
.help:hover,
.live-chat:hover {
  color: #4871d3
}

.header-bottom-link {
  position: relative;
  z-index: 1
}

.header-bottom-right {
  width: 600px;
  height: 23px;
  position: absolute;
  right: 0;
  top: -2px;
  *top: -6px
}

.header-bottom-right a {
  float: right;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 23px;
  width: 43px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/global-setting-icon.png?20130725);
  cursor: pointer;
  background-repeat: no-repeat;
  position: relative;
  text-decoration: none
}

.header-bottom-right a:hover .global-setting-dropdown {
  display: block;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

.header-bottom-right a.select-10pm {
  width: auto !important;
  padding-right: 20px;
  padding-left: 10px
}

.page-toolbar-icon a.select-10pm {
  width: auto !important;
  padding-right: 20px;
  padding-left: 10px
}

.sbobetv-icon {
  background-position: 2px -4px
}

.sbobetv-icon:hover {
  background-position: 2px -161px
}

.tv-schedule-icon {
  background-position: 2px -30px
}

.tv-schedule-icon:hover {
  background-position: 2px -187px
}

.sound-off-icon {
  background-position: 2px -52px
}

.sound-off-icon:hover {
  background-position: 2px -209px
}

.sound-on-icon {
  background-position: 2px -568px
}

.sound-on-icon:hover {
  background-position: 2px -399px
}

.odds-type-1 {
  background-position: -2px -74px
}

.odds-type-1:hover {
  background-position: -2px -231px
}

.odds-type-2 {
  background-position: -2px -312px
}

.odds-type-2:hover {
  background-position: -2px -332px
}

.odds-type-4 {
  background-position: -2px -353px
}

.odds-type-4:hover {
  background-position: -2px -374px
}

.odds-display-1 {
  background-position: -2px -94px
}

.odds-display-1:hover {
  background-position: -2px -251px
}

.odds-display-2 {
  background-position: -2px -423px
}

.odds-display-2:hover {
  background-position: -2px -448px
}

.sort-1 {
  background-position: -2px -115px
}

.sort-1:hover {
  background-position: -2px -272px
}

.sort-2 {
  background-position: -2px -470px
}

.sort-2:hover {
  background-position: -2px -495px
}

.market-type-2 {
  background-position: -2px -136px
}

.market-type-2:hover {
  background-position: -2px -293px
}

.market-type-1 {
  background-position: -2px -520px
}

.market-type-1:hover {
  background-position: -2px -543px
}

.select-10pm {
  background-position: right -648px
}

.select-10pm:hover {
  background-position: right -623px
}

.select-10pm-text {
  background-position: right -653px;
  width: auto !important;
  white-space: nowrap;
  display: inline-block;
  margin-top: 5px !important;
  font-weight: 700;
  color: #22377b;
  padding-right: 20px;
  text-align: right
}

.page-toolbar-icon .select-10pm-text {
  background-position: right -652px;
  font-size: 11px;
  line-height: 13px;
  padding-left: 10px
}

.select-10pm-text:hover {
  color: #5887dc;
  background-position: right -628px
}

.page-toolbar-icon .select-10pm-text ul {
  left: -4px;
  top: 18px
}

.page-toolbar-icon .select-10pm-text:hover {
  color: #5887dc;
  background-position: right -627px
}

.global-setting-dropdown {
  position: absolute;
  top: 22px;
  border: 1px solid #deebfd;
  border-top: 0;
  background-color: #fff;
  display: none;
  left: 0;
  text-align: left
}

.select-10pm-text .global-setting-dropdown {
  left: -13px
}

.global-setting-dropdown li span span {
  padding-left: 2px;
  text-align: left;
  box-shadow: 1px 1px 2px #17275f;
  -webkit-box-shadow: 1px 1px 2px #17275f;
  -moz-box-shadow: 1px 1px 2px #17275f;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#17275F')
}

.global-setting-dropdown li {
  color: #22377b;
  border-top: 1px solid #d2e7ff;
  padding: 7px 12px;
  white-space: nowrap;
  text-align: left;
  vertical-align: top
}

.global-setting-dropdown li span {
  vertical-align: bottom;
  text-decoration: none
}

.global-setting-dropdown li:hover {
  color: #000;
  background-color: #d2e7ff;
  border-top: 1px solid #d2e7ff
}

li span.odds-type-1,
li span.odds-type-2,
li span.odds-type-4,
li span.odds-display-1,
li span.odds-display-2,
li span.sort-1,
li span.sort-2,
li span.market-type-1,
li span.market-type-2 {
  background-image: url(https://img-1-3.cdnnetworks.net/images/global-setting-icon.png?20130725);
  width: 20px;
  height: 16px;
  margin: 0;
  margin-left: -5px;
  display: inline-block
}

li span.odds-type-1,
li span.odds-type-1:hover {
  background-position: -10px -74px;
  *background-position: -10px-77px
}

li span.odds-type-2,
li span.odds-type-2:hover {
  background-position: -10px -312px;
  *background-position: -10px-315px
}

li span.odds-type-4,
li span.odds-type-4:hover {
  background-position: -10px -353px;
  *background-position: -10px-356px
}

li span.odds-display-1,
li span.odds-display-1:hover {
  background-position: -10px -95px;
  *background-position: -10px-97px
}

li span.odds-display-2,
li span.odds-display-2:hover {
  background-position: -10px -424px;
  *background-position: -10px-426px
}

li span.sort-1,
li span.sort-1:hover {
  background-position: -10px -118px;
  height: 16px
}

li span.sort-2,
li span.sort-2:hover {
  background-position: -10px -473px;
  height: 16px
}

li span.market-type-2,
li span.market-type-2:hover {
  background-position: -10px -137px;
  *background-position: -10px-139px
}

li span.market-type-1,
li span.market-type-1:hover {
  background-position: -10px -521px;
  *background-position: -10px-523px
}

.odds-type-1-off {
  background-position: -2px -811px
}

.odds-type-2-off {
  background-position: -2px -1026px
}

.odds-type-4-off {
  background-position: 1px -901px
}

.odds-display-1-off {
  background-position: -2px -831px
}

.odds-display-2-off {
  background-position: -1px -924px
}

.market-type-1-off {
  background-position: -2px -973px
}

.market-type-2-off {
  background-position: -2px -873px
}

.sort-1-off {
  background-position: -2px -852px
}

.sort-2-off {
  background-position: 1px -948px
}

.header-bottom-right a.global-icon-off:hover ul {
  display: none
}

.page-toolbar-icon a.global-icon-off:hover ul {
  display: none
}

.page-toolbar-icon a.global-icon-off:hover {
  background-color: transparent
}

.global-icon-off {
  cursor: default !important
}

.mobile {
  background-position: -2px -539px;
  background-repeat: no-repeat;
  padding-left: 23px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: inline-block
}

.account-left {
  float: left;
  list-style: none outside none;
  margin-left: 10px;
  margin-top: 3px
}

.account-left li {
  float: left;
  margin: 5px 0 5px 20px;
  line-height: 18px
}

.wc-tab {
  width: 84px;
  height: 44px;
  background: url(https://img-1-3.cdnnetworks.net/images/wc-tab.png?20140521) -1px 0 no-repeat;
  text-decoration: none
}

.wc-tab:hover {
  background: url(https://img-1-3.cdnnetworks.net/images/wc-tab.png?20140521) -1px -48px no-repeat
}

.wc-tab-zh-cn {
  width: 84px;
  height: 44px;
  background: url(https://img-1-3.cdnnetworks.net/images/wc-tab-zh-cn.png?20140521) -1px 0 no-repeat;
  text-decoration: none
}

.wc-tab-zh-cn:hover {
  background: url(https://img-1-3.cdnnetworks.net/images/wc-tab-zh-cn.png?20140521) -1px -48px no-repeat
}

.SportsImgWc2014 {
  background: url(https://img-1-3.cdnnetworks.net/images/wc-tab-left.png?20140409) 3px 5px no-repeat;
  width: 22px;
  height: 22px;
  float: left
}

#countdownDiv {
  position: relative;
  left: 5px;
  padding: initial;
  margin: initial;
  border: 1px solid #334182;
  top: 6px;
  width: 339px;
  visibility: hidden;
  height: 238px
}

@keyframes rotate {
  0% {
    background-position: 0 -9600px
  }

  100% {
    background-position: 0 0
  }
}

@-webkit-keyframes rotate {
  0% {
    background-position: 0 -9600px
  }

  100% {
    background-position: 0 0
  }
}

@-moz-keyframes rotate {
  0% {
    background-position: 0 -9600px
  }

  100% {
    background-position: 0 0
  }
}

.cssAnimation {
  animation: rotate 20s linear infinite;
  -webkit-animation: rotate 20s linear infinite;
  -moz-animation: rotate 20s linear infinite
}

#leftArrowDiv {
  width: 20px;
  height: 20px;
  position: relative;
  top: 50%
}

#rightArrowDiv {
  width: 20px;
  height: 20px;
  position: relative;
  top: 40%;
  left: 95%
}

#timerDiv {
  width: 339px;
  height: 75px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/counter/bg_top.png?20140416)
}

#dayFirstDigitBackDiv,
#dayLastDigitBackDiv,
#hourFirstDigitBackDiv,
#hourLastDigitBackDiv,
#minFirstDigitBackDiv,
#minLastDigitBackDiv,
#secFirstDigitBackDiv,
#secLastDigitBackDiv {
  background-image: url(https://img-1-3.cdnnetworks.net/images/counter/jcountdown_slide_black.png);
  width: 40px;
  height: 48px;
  background-position: -82px -1px;
  overflow: hidden;
  float: left
}

#backHourDiv,
#backMinDiv,
#backSecDiv {
  float: left;
  margin-left: 6px
}

#dayFirstDigitFrontDiv,
#dayLastDigitFrontDiv,
#hourFirstDigitFrontDiv,
#hourLastDigitFrontDiv,
#minFirstDigitFrontDiv,
#minLastDigitFrontDiv,
#secFirstDigitFrontDiv,
#secLastDigitFrontDiv {
  background-image: url(https://img-1-3.cdnnetworks.net/images/counter/jcountdown_slide_black.png);
  width: 40px;
  height: 48px;
  background-size: 450% 1000%;
  background-position: 0 -432px;
  float: left;
  position: relative
}

#hourFirstDigitFrontDiv,
#hourLastDigitFrontDiv,
#minFirstDigitFrontDiv,
#minLastDigitFrontDiv,
#secFirstDigitFrontDiv,
#secLastDigitFrontDiv {
  *left: 4px
}

#frontDayDiv {
  clear: left
}

div#frontHourDiv,
div#frontMinDiv,
div#frontSecDiv {
  float: left;
  margin-left: 6px
}

#frontDiv {
  position: relative;
  left: 3px;
  top: -48px
}

#indicatorDiv {
  height: 24px;
  width: 245px;
  margin: 0 auto
}

#textIndicatorDiv {
  height: 15px
}

#teamIndicatorDiv {
  position: relative;
  left: 110px;
  top: -31px;
  top: -43px\9
}

#hometeamIndicatorDiv {
  position: relative;
  left: -16px;
  top: -10px;
  *top: -12px;
  width: 16px;
  height: 11px
}

#awayteamIndicatorDiv {
  display: inline-block;
  position: relative;
  left: 24px;
  top: -21px;
  *top: -23px;
  width: 16px;
  height: 11px
}

#hometeamIndicator1Div {
  position: relative;
  top: -6px;
  top: -9px\9;
  left: -12px;
  width: 16px;
  height: 11px
}

#hometeamIndicator2Div {
  position: relative;
  top: -4px;
  top: -9px\9;
  left: -12px;
  width: 16px;
  height: 11px
}

#awayteamIndicator1Div {
  position: relative;
  top: -17px;
  top: -20px\9;
  left: 19px;
  width: 16px;
  height: 11px
}

#awayteamIndicator2Div {
  position: relative;
  top: -15px;
  top: -21px\9;
  *top: -20px;
  left: 20px;
  width: 16px;
  height: 11px
}

#slideDiv {
  border: 1px solid #334182;
  border-top: 0;
  position: relative;
  top: -21px;
  *top: 0;
  left: -1px\9;
  overflow: hidden;
  height: 163px;
  width: 339px
}

#slideBackDiv {
  width: 339px;
  height: 163px;
  background-size: 100% 100%
}

#indicatorDiv .vs {
  display: inline-block;
  color: #e1e4ff;
  font: 700 12px Arial, Helvetica, sans-serif;
  margin-left: 10px
}

#teamIndicatorDiv1 {
  position: relative;
  left: 74px;
  top: -34px;
  top: -70px\9;
  *top: -77px;
  z-index: 1
}

#teamIndicatorDiv1 .vs {
  margin-top: 0;
  line-height: 0;
  *line-height: 10px
}

#teamIndicatorDiv2 .vs {
  margin-top: 12px;
  *margin-top: 6px;
  line-height: 0;
  *line-height: 10px
}

#teamIndicatorDiv2 {
  border-left: 1px solid #333383;
  padding-left: 25px;
  position: relative;
  left: 122px;
  top: -70px;
  top: -108px\9;
  *top: -115px;
  height: 24px;
  z-index: 1
}

@media \0screen {
  #teamIndicatorDiv1 {
    top: -71px
  }

  #teamIndicatorDiv2 {
    top: -107px
  }

  #hometeamIndicator1Div {
    top: -6px
  }

  #hometeamIndicator2Div {
    top: -4px
  }

  #awayteamIndicator1Div {
    top: -17px
  }

  #awayteamIndicator2Div {
    top: -15px
  }
}

@-moz-document url-prefix() {
  #indicatorDiv .vs {
    display: inline-block;
    color: #e1e4ff;
    font: 700 12px Arial, Helvetica, sans-serif;
    margin-left: 10px;
    margin-top: -10px;
    line-height: 10px
  }

  #teamIndicatorDiv {
    top: -31px
  }

  #teamIndicatorDiv1 {
    top: -55px
  }

  #teamIndicatorDiv2 {
    top: -142px;
    height: 24px;
    margin-top: 50px
  }

  #hometeamIndicatorDiv {
    margin-top: 1px
  }

  #awayteamIndicatorDiv {
    margin-top: 0
  }

  #hometeamIndicator1Div {
    top: -8px
  }

  #awayteamIndicator1Div {
    top: -19px
  }

  #hometeamIndicator2Div {
    top: 7px
  }

  #awayteamIndicator2Div {
    top: -4px
  }

  #teamIndicatorDiv2 .vs {
    top: 16px;
    position: relative
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #teamIndicatorDiv {
    top: -44px
  }

  #teamIndicatorDiv1 {
    top: -81px
  }

  #teamIndicatorDiv2 {
    top: -165px;
    height: 24px;
    margin-top: 50px
  }

  #hometeamIndicatorDiv {
    margin-top: 4px
  }

  #hometeamIndicator1Div {
    top: -5px
  }

  #awayteamIndicator1Div {
    top: -16px
  }

  #hometeamIndicator2Div {
    top: -3px
  }

  #awayteamIndicator2Div {
    top: -14px
  }

  #indicatorDiv .vs {
    display: inline-block;
    color: #e1e4ff;
    font: 700 12px Arial, Helvetica, sans-serif;
    margin-left: 10px;
    margin-top: 10px;
    line-height: 0
  }

  #teamIndicatorDiv2 .vs {
    top: 2px;
    position: relative
  }

  #slideDiv {
    left: -1px
  }

  ::i-block-chrome,
  #teamIndicatorDiv .vs {
    margin-top: 0;
    line-height: 10px
  }

  ::i-block-chrome,
  #teamIndicatorDiv {
    top: -40px
  }

  ::i-block-chrome,
  #hometeamIndicatorDiv {
    margin-top: 0
  }

  ::i-block-chrome,
  #awayteamIndicatorDiv {
    margin-top: 0
  }

  ::i-block-chrome,
  #teamIndicatorDiv1 {
    top: -77px !important
  }

  ::i-block-chrome,
  #hometeamIndicator1Div {
    top: -4px
  }

  ::i-block-chrome,
  #awayteamIndicator1Div {
    top: -15px
  }

  ::i-block-chrome,
  #teamIndicatorDiv2 {
    top: -161px !important;
    height: 24px;
    margin-top: 50px
  }

  ::i-block-chrome,
  #hometeamIndicator2Div {
    top: -2px
  }

  ::i-block-chrome,
  #awayteamIndicator2Div {
    top: -13px
  }

  ::i-block-chrome,
  #teamIndicatorDiv2 .vs {
    top: 2px;
    position: relative
  }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  #teamIndicatorDiv {
    top: -41px;
    height: 29px
  }

  #indicatorDiv .vs {
    height: 5px
  }

  #hometeamIndicator1Div {
    top: -6px
  }

  #teamIndicatorDiv1 {
    top: -40px !important
  }

  #teamIndicatorDiv2 {
    top: -124px !important;
    height: 24px;
    margin-top: 50px
  }

  #teamIndicatorDiv2 .vs {
    margin-top: 11px;
    position: relative
  }

  #teamIndicatorDiv1 .vs {
    top: 4px;
    position: relative
  }

  #awayteamIndicator1Div {
    top: -17px
  }

  #hometeamIndicator2Div {
    top: -10px
  }

  #awayteamIndicator2Div {
    top: -21px
  }

  #slideDiv {
    left: -1px
  }
}

#countdownDiv #endImg {
  position: absolute;
  width: 340px;
  height: 240px;
  background-image: url(https://img-1-3.cdnnetworks.net/images/counter/end.jpg);
  visibility: hidden
}

#soccerDiv {
  width: 339px;
  height: 48px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: -15px
}

#soccerDiv img#scream {
  position: absolute;
  top: 4px;
  width: 40px;
  height: 40px;
  left: -5px
}

#canvas {
  position: absolute;
  top: 0;
  left: 0
}

@keyframes slidebackward {
  0% {
    left: 0
  }

  33% {
    left: 300px
  }

  35% {
    visibility: hidden;
    left: 300px
  }

  67% {
    visibility: hidden;
    left: -300px
  }

  100% {
    left: 0
  }
}

@-webkit-keyframes slidebackward {
  0% {
    left: 0
  }

  33% {
    left: 300px
  }

  35% {
    visibility: hidden;
    left: 300px
  }

  67% {
    visibility: hidden;
    left: -300px
  }

  100% {
    left: 0
  }
}

@keyframes slideforward {
  0% {
    left: 0
  }

  33% {
    left: -300px
  }

  35% {
    visibility: hidden;
    left: -300px
  }

  67% {
    visibility: hidden;
    left: 300px
  }

  100% {
    left: 0
  }
}

@-webkit-keyframes slideforward {
  0% {
    left: 0
  }

  33% {
    left: -300px
  }

  35% {
    visibility: hidden;
    left: -300px
  }

  67% {
    visibility: hidden;
    left: 300px
  }

  100% {
    left: 0
  }
}

#matchNamePara,
#matchTimeDiv,
#homenameP,
#awaynameP {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff
}

.bgEn {
  background-image: url(https://img-1-3.cdnnetworks.net/images/counter/bg.png?20140416)
}

.bgCh {
  background-image: url(https://img-1-3.cdnnetworks.net/images/counter/bg-zh-cn.png?20140416)
}

#slideFrontDiv {
  width: 275px;
  height: 163px;
  position: relative
}

#homeDiv {
  position: relative;
  left: 22px;
  top: 18px
}

#awayDiv {
  position: relative;
  left: 175px;
  top: -66px
}

#matchNameDiv {
  width: 280px;
  height: 30px;
  font-size: 16px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -125px;
  left: 3px
}

#matchTimeDiv {
  width: 283px;
  height: 30px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -88px;
  font-size: 14px
}

#matchDetailDiv {
  position: relative;
  left: -5px;
  top: -13%;
  width: 280px
}

#countdownDiv p {
  position: relative;
  top: -4px;
  color: #fff;
  font-weight: 700;
  text-align: center
}

#matchNamePara,
#matchTimePara {
  top: -75px
}

#matchNamePara {
  text-shadow: 1px 1px #000
}

#matchTimePara {
  background: url(https://img-1-3.cdnnetworks.net/images/counter/bg_matchtime.png) no-repeat;
  width: 245px;
  height: 22px;
  margin: 0 auto;
  margin-top: 10px;
  line-height: 20px
}

#homenameDiv {
  width: 140px;
  height: 15px;
  position: relative;
  top: -64px;
  left: -10px
}

#awaynameDiv {
  width: 140px;
  height: 15px;
  position: relative;
  top: -79px;
  left: 143px
}

#homenameP,
#awaynameP {
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px #000;
  position: relative;
  top: -63px
}

#awaynameP {
  top: -21px
}

#leftArrowDiv {
  width: 30px;
  height: 163px;
  position: relative;
  top: 0;
  opacity: .5
}

div#rightArrowDiv {
  width: 30px;
  height: 163px;
  position: relative;
  top: -163px;
  left: 308px;
  opacity: .5
}

#countdownDiv img {
  position: relative;
  top: 80px;
  visibility: hidden;
  border: 0;
  margin: 0
}

#slideFrontMaskDiv {
  width: 276px;
  height: 163px;
  position: relative;
  top: -176px;
  left: 9%;
  overflow: hidden
}

.alg,
.arg,
.aus,
.bel,
.bih,
.bra,
.chi,
.civ,
.cmr,
.col,
.crc,
.cro,
.ecu,
.eng,
.esp,
.fra,
.ger,
.gha,
.gre,
.hon,
.irn,
.ita,
.jpn,
.kor,
.mex,
.ned,
.nga,
.por,
.rus,
.sui,
.uru,
.usa {
  background: url(https://img-1-3.cdnnetworks.net/images/counter/flags/flags-sprite.png) no-repeat;
  width: 76px;
  height: 84px
}

.alg {
  background-position: 0 0
}

.arg {
  background-position: 0 -104px
}

.aus {
  background-position: 0 -208px
}

.bel {
  background-position: 0 -312px
}

.bih {
  background-position: 0 -416px
}

.bra {
  background-position: 0 -520px
}

.chi {
  background-position: 0 -624px
}

.civ {
  background-position: 0 -728px
}

.cmr {
  background-position: 0 -832px
}

.col {
  background-position: 0 -936px
}

.crc {
  background-position: 0 -1040px
}

.cro {
  background-position: 0 -1144px
}

.ecu {
  background-position: 0 -1248px
}

.eng {
  background-position: 0 -1352px
}

.esp {
  background-position: 0 -1456px
}

.fra {
  background-position: 0 -1560px
}

.ger {
  background-position: 0 -1664px
}

.gha {
  background-position: 0 -1768px
}

.gre {
  background-position: 0 -1872px
}

.hon {
  background-position: 0 -1976px
}

.irn {
  background-position: 0 -2080px
}

.ita {
  background-position: 0 -2184px
}

.jpn {
  background-position: 0 -2288px
}

.kor {
  background-position: 0 -2392px
}

.mex {
  background-position: 0 -2496px
}

.ned {
  background-position: 0 -2600px
}

.nga {
  background-position: 0 -2704px
}

.por {
  background-position: 0 -2808px
}

.rus {
  background-position: 0 -2912px
}

.sui {
  background-position: 0 -3016px
}

.uru {
  background-position: 0 -3120px
}

.usa {
  background-position: 0 -3224px
}

.alt {
  background: url(https://img-1-3.cdnnetworks.net/images/counter/brazuca.png) no-repeat;
  width: 76px;
  height: 84px
}

.alg_sm,
.arg_sm,
.aus_sm,
.bel_sm,
.bih_sm,
.bra_sm,
.chi_sm,
.civ_sm,
.cmr_sm,
.col_sm,
.crc_sm,
.cro_sm,
.ecu_sm,
.eng_sm,
.esp_sm,
.fra_sm,
.ger_sm,
.gha_sm,
.gre_sm,
.hon_sm,
.irn_sm,
.ita_sm,
.jpn_sm,
.kor_sm,
.mex_sm,
.ned_sm,
.nga_sm,
.por_sm,
.rus_sm,
.sui_sm,
.uru_sm,
.usa_sm {
  background: url(https://img-1-3.cdnnetworks.net/images/counter/flags/flags-sm-sprite.png) no-repeat;
  width: 16px;
  height: 11px
}

.cmr_sm {
  background-position: 0 0
}

.col_sm {
  background-position: 0 -21px
}

.crc_sm {
  background-position: 0 -42px
}

.cro_sm {
  background-position: 0 -63px
}

.ecu_sm {
  background-position: 0 -84px
}

.eng_sm {
  background-position: 0 -105px
}

.esp_sm {
  background-position: 0 -126px
}

.fra_sm {
  background-position: 0 -147px
}

.ger_sm {
  background-position: 0 -168px
}

.gha_sm {
  background-position: 0 -189px
}

.gre_sm {
  background-position: 0 -210px
}

.hon_sm {
  background-position: 0 -231px
}

.irn_sm {
  background-position: 0 -252px
}

.ita_sm {
  background-position: 0 -273px
}

.jpn_sm {
  background-position: 0 -294px
}

.kor_sm {
  background-position: 0 -315px
}

.mex_sm {
  background-position: 0 -336px
}

.nga_sm {
  background-position: 0 -357px
}

.ned_sm {
  background-position: 0 -378px
}

.por_sm {
  background-position: 0 -399px
}

.rus_sm {
  background-position: 0 -420px
}

.sui_sm {
  background-position: 0 -441px
}

.uru_sm {
  background-position: 0 -462px
}

.usa_sm {
  background-position: 0 -483px
}

.alg_sm {
  background-position: 0 -504px
}

.arg_sm {
  background-position: 0 -525px
}

.aus_sm {
  background-position: 0 -546px
}

.bel_sm {
  background-position: 0 -567px
}

.bih_sm {
  background-position: 0 -588px
}

.bra_sm {
  background-position: 0 -609px
}

.chi_sm {
  background-position: 0 -630px
}

.civ_sm {
  background-position: 0 -651px
}

.alt_sm {
  background: url(https://img-1-3.cdnnetworks.net/images/counter/alt_sm.png) no-repeat;
  width: 16px;
  height: 11px
}

#leftArrowImg {
  width: 30px;
  height: 25px
}

#rightArrowImg {
  width: 30px;
  height: 25px
}

.wc-banner {
  padding-left: 10px;
  cursor: pointer
}

.sg-bill {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.sg-bill div {
  width: 800px;
  height: 438px;
  margin: 10% auto;
  z-index: 999999;
  position: relative
}

.lucky9 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.lucky9 div {
  width: 800px;
  height: 438px;
  margin: 10% auto;
  z-index: 999999;
  position: relative
}

.lucky9-noshow {
  width: auto;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  height: 20px;
  display: block;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer
}

.chinese-new-year {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.chinese-new-year div {
  width: 640px;
  height: 350px;
  margin: 10% auto;
  z-index: 999999;
  position: relative
}

.deposit-funds {
  line-height: 20px;
  color: #f1d04c;
  font-weight: 700;
  text-decoration: underline;
  display: inline-block;
  top: 8px
}

.Twitter,
.Youtube,
.Googleplus,
.Instagram,
.Facebook,
.Weibo,
.Douyin {
  height: 44px;
  float: left;
  margin: 0 0 0 5px
}

.Twitter {
  background: url(https://img-1-3.cdnnetworks.net/images/twitter-icon.png) no-repeat 0 0;
  width: 25px
}

.Youtube {
  background: url(https://img-1-3.cdnnetworks.net/images/youtube-icon.png) no-repeat 0 0;
  width: 25px
}

.Googleplus {
  background: url(https://img-1-3.cdnnetworks.net/images/googleplus-icon.png) no-repeat 0 0;
  width: 25px
}

.Instagram {
  background: url(https://img-1-3.cdnnetworks.net/images/instagram-icon.png) no-repeat 0 0;
  width: 25px
}

.Facebook {
  background: url(https://img-1-3.cdnnetworks.net/images/facebook-icon.png) no-repeat 0 0;
  width: 25px
}

.Weibo {
  background: url(https://img-1-3.cdnnetworks.net/images/weibo-icon.png) no-repeat 0 0;
  width: 25px
}

.Douyin {
  background: url(https://img-1-3.cdnnetworks.net/images/Douyin-icon.png) no-repeat 0 0;
  width: 25px
}

.Partnerlinks.cgy {
  text-align: center;
  padding-bottom: 15px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.Partnerlinks.cgy .cgy-ico {
  width: 25px
}

.Partnerlinks {
  text-align: center;
  padding-bottom: 15px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.Payment,
.Misc,
.Partners,
.Socialmedia {
  display: inline-block;
  padding: 0 20px
}

.Partners {
  left: 385px;
  top: 10px
}

.Payment li,
.Misc li,
.Partners li,
.Socialmedia li {
  display: inline-block
}

.footer-separator {
  background: url(https://img-1-3.cdnnetworks.net/images/separator.png) no-repeat 0 0;
  width: 11px;
  height: 57px;
  display: inline-block
}

.ProudPartners {
  color: #848484;
  font: 100 10px Tahoma, sans-serif;
  width: 975px;
  margin-left: 4px;
  padding-top: 10px
}

.Visa,
.Mastercard,
.Moneybookers,
.Neteller,
.Entropay,
.Netbanx,
.ByMoneybookers {
  width: 38px;
  height: 33px;
  float: left
}

.Visa {
  background: url(https://img-1-3.cdnnetworks.net/images/Visa.png) no-repeat 0 0;
  width: 40px
}

.Mastercard {
  background: url(https://img-1-3.cdnnetworks.net/images/Mastercard.png) no-repeat 0 0;
  width: 21px
}

.Moneybookers {
  width: 31px
}

.Neteller {
  background: url(https://img-1-3.cdnnetworks.net/images/Neteller.png) no-repeat 0 0;
  width: 62px
}

.Entropay {
  background: url(https://img-1-3.cdnnetworks.net/images/Entropay.png) no-repeat 0 0;
  width: 22px
}

.Netbanx {
  width: 65px
}

.ByMoneybookers {
  background: url(https://img-1-3.cdnnetworks.net/images/ByMoneybookers.png) no-repeat 0 0;
  width: 26px
}

.GT,
.Gamcare,
.Above18,
.Above21,
.DigiCert,
.RGA,
.IOM,
.cgy-ico,
.pagcor-ico,
.EGR {
  width: 29px;
  height: 46px;
  float: left
}

.WHUFC,
.HCFC,
.NCFC,
.SFC,
.SCAFC {
  width: 40px;
  height: 38px;
  float: left;
  margin: 0 5px 0 2px
}

.SFC {
  width: 37px
}

.GT {
  background: url(https://img-1-3.cdnnetworks.net/images/GT.png) no-repeat 0 0;
  width: 36px
}

.NCFC {
  width: 37px;
  margin-left: 3px
}

.Gamcare {
  background: url(https://img-1-3.cdnnetworks.net/images/Gamcare.png) no-repeat 0 0;
  width: 32px
}

.Above18 {
  background: url(https://img-1-3.cdnnetworks.net/images/Above18.png) no-repeat 0 0;
  width: 29px;
  height: 42px
}

.Above21 {
  background: url(https://img-1-3.cdnnetworks.net/images/Above21.png) no-repeat 0 0;
  width: 29px;
  height: 42px
}

.DigiCert {
  background: url(https://img-1-3.cdnnetworks.net/images/DigiCert.png) no-repeat 0 0;
  width: 62px;
  height: 35px
}

.RGA {
  background: url(https://img-1-3.cdnnetworks.net/images/RGA.png) no-repeat 0 0;
  width: 71px;
  height: 42px
}

.EGR {
  background: url(https://img-1-3.cdnnetworks.net/images/EGR.png) no-repeat 0 0;
  width: 61px;
  height: 60px
}

.ByMoneybookers {
  margin: 0 0 0 7px
}

.IOM {
  background: url(https://img-1-3.cdnnetworks.net/images/IOM-landing.png) no-repeat 0 0;
  width: 45px
}

.cgy .Partnerlinks {
  text-align: center;
  padding-bottom: 15px;
  height: 60px;
  position: relative;
  margin: 0 auto
}

.cgy-ico {
  background: url(https://img-1-3.cdnnetworks.net/images/cgy.png) no-repeat 0 0;
  width: 25px
}

.pagcor-ico {
  background: url(https://img-1-3.cdnnetworks.net/images/pagcor.png) no-repeat 0 3px;
  width: 29px
}

.iomf .Partnerlinks {
  background: url(https://img-1-3.cdnnetworks.net/images/asi-iom-home.png?160727b) no-repeat 0 0;
  text-align: center;
  padding: 15px 0 0;
  height: 60px;
  position: relative
}

.iomf .Partnerlinks .Misc {
  left: 216px
}

.iomf .EGR {
  left: 304px
}

.iomf .Socialmedia {
  left: 631px
}

.deposit-now-wrp {
  height: 100px;
  width: 100%;
  text-align: center;
  font-size: 18px !important;
  line-height: 100px;
  z-index: 999;
  bottom: 0;
  transition: height .5s cubic-bezier(.26, .87, .74, .93);
  position: fixed;
  background: rgba(37, 43, 54, .85098);
  font-weight: 700
}

.deposit-now-ctr {
  color: #fff
}

.deposit-now-msg {
  color: #b2d1ff;
  padding-right: 16px
}

.deposit-now-btn {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 5px;
  font-family: Arial;
  color: #4c3a0c;
  font-size: 18px;
  background: #ffc222;
  border-bottom: 3px solid #b68a13;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 700
}

.deposit-now-btn:hover {
  background: #fed15b;
  cursor: pointer
}

.deposit-now-wrp-50p {
  height: 50%;
  width: 100%;
  text-align: center;
  font-size: 18px !important;
  line-height: 100px;
  z-index: 999;
  bottom: 0;
  transition: height .5s cubic-bezier(.26, .87, .74, .93);
  position: fixed;
  background: rgba(37, 43, 54, .85098);
  font-weight: 700
}

.deposit-now-hdr-50p {
  padding-top: 80px;
  font-size: 24px;
  line-height: 30px;
  width: 30%;
  margin: 0 auto;
  padding-bottom: 30px
}

.deposit-now-sub-50p {
  line-height: 30px
}

.deposit-now-wrp-100p {
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 18px !important;
  line-height: 25px;
  z-index: 999;
  transition: height .5s cubic-bezier(.26, .87, .74, .93);
  position: fixed;
  background: rgba(37, 43, 54, .85098);
  font-weight: 700;
  display: table
}

.deposit-now-grp-100p {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.deposit-now-img-100p {
  width: 544px;
  height: 393px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-image: url(https://img-1-3.cdnnetworks.net/images/deposit-now-img.png)
}

.deposit-now-sub-100p {
  text-shadow: 1px 1px 5px #000;
  width: 55%;
  padding-left: 85px;
  padding-top: 40%
}

.deposit-now-ctr-100p {
  color: #fff
}

.deposit-now-msg-100p {
  text-shadow: 1px 1px 5px #000
}

.deposit-now-btn-100p {
  line-height: 80px;
  width: 55%;
  padding-left: 85px
}

.deposit-now-ftr {
  text-align: center;
  padding: 15px;
  font-size: 12px;
  background-color: #00153f;
  color: #fff;
  bottom: 0;
  position: fixed;
  width: 100%
}

.deposit-now-ftr ul {
  margin: 0 auto;
  display: inline-block;
  zoom: 1;
  *display: inline;
  overflow: hidden;
  line-height: 20px
}

.deposit-now-ftr ul li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #5170ae;
  border-left: 1px solid #94b0e8
}

.deposit-now-ftr ul li a {
  cursor: pointer;
  color: #fff;
  text-decoration: none
}

.deposit-now-ftr ul li a:hover {
  color: #fff;
  text-decoration: underline
}

.landing-promo-banner-en {
  background: url(https://img-1-3.cdnnetworks.net/images/landing-mobile-banner.gif?170110);
  width: 339px;
  height: 238px
}

.pay-opt-new {
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative
}

.pay-opt-new a {
  float: left
}

.pay-opt-new-count {
  display: inline-block;
  zoom: 1;
  *display: inline !important;
  height: 11px;
  line-height: 15px;
  color: #b64531;
  font-weight: 700;
  margin-top: -2px;
  margin-left: 2px
}

.pay-opt-new-count-left {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  background-position: 0 -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.pay-opt-new-count-body {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  padding-left: 2px;
  padding-right: 2px;
  background-position: 0 -595px;
  height: 16px;
  background-repeat: repeat-x
}

.pay-opt-new-count-right {
  float: left;
  display: inline-block !important;
  zoom: 1;
  *display: inline !important;
  float: left;
  background-position: right -530px;
  width: 3px;
  height: 15px;
  background-repeat: no-repeat
}

.FooterWrap {
  text-align: center
}

.BettingPartner {
  padding: 0 20px 30px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  text-align: center;
  vertical-align: middle;
  max-height: 42px;
  display: inline-block
}

.BettingPartner span {
  font: 700 12px/12px Trebuchet MS, Arial, sans-serif;
  color: #a8b8d9;
  height: 42px;
  vertical-align: middle;
  display: inline-block
}

.BettingPartner .footer-separator {
  vertical-align: middle
}

.BettingPartner--DundalkFC a {
  background: url(https://img-1-3.cdnnetworks.net/images/dundalkFC.png) no-repeat 0 0;
  display: inline-block;
  width: 35px;
  height: 42px;
  margin-left: 6px
}

.product-partner-logo {
  border-left: 1px solid #132351;
  padding-left: 6px;
  display: inline-block;
  width: 110px;
  vertical-align: top;
  margin-top: 14px
}

.header--xyz .product-list ul li {
  font-size: 12px
}

.header--xyz .product-tab-body {
  padding: 0 4px
}

.header--xyz .selected .product-tab-body {
  padding: 0 6px
}

.header--xyz .selected .product-tab-right {
  width: 5px;
  background-position: -15px -173px
}

.header--xyz .product-tab-left,
.header--xyz .product-tab-right {
  width: 5px
}

.header--xyz .selected.Sports .product-tab-left {
  margin-left: 0;
  width: 5px
}

.header--xyz .product-list ul li.Homepage .product-tab-body a {
  background-image: url(https://img-1-3.cdnnetworks.net/images/icon--home.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  display: block;
  font-size: 0;
  width: 17px;
  height: 44px;
  padding: 0
}

.header--xyz .product-list ul li.Homepage .product-tab-body:hover a {
  background-position: 50% 50%
}

.header--xyz .product-list ul li.selected.Homepage .product-tab-body a {
  background-position: 100% 50%
}

.um-top {
  height: 60px;
  background: url(https://img-1-3.cdnnetworks.net/images/um-hdr.png?20180720) no-repeat;
  margin: auto;
  color: #900;
  width: 987px
}

.um-top-msg {
  display: inline-block;
  padding-left: 80px;
  padding-top: 6px
}

.um-top-hdr {
  font-size: 14px;
  font-weight: 700
}

.um-top-timer {
  bottom: 0;
  display: inline-block;
  float: right;
  text-align: right;
  padding-right: 20px;
  padding-top: 16px
}

.um-top-txt {
  font-size: 12px
}

.um-top-counter {
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px
}

.um-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .6);
  overflow: hidden;
  z-index: 9998
}

.um-container {
  background-image: url(https://img-1-3.cdnnetworks.net/images/um-bg.png?20180720);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 800px;
  height: 350px;
  margin: 10% auto;
  z-index: 999999;
  position: relative;
  -webkit-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -ms-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -o-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .5)
}

.um-overlay {
  width: 50%;
  margin: 60px 0 0 50px;
  color: #fff
}

.um-hdr {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 16px;
  text-shadow: 1px 2px #344259;
  padding-top: 50px;
  line-height: 36px
}

.um-txt {
  font-size: 16px;
  color: #dbecfe;
  margin-bottom: 8px;
  line-height: 26px
}

.um-counter {
  font-size: 18px;
  font-weight: 700;
  color: #fff
}

.um-cta {
  margin-top: 2%;
  display: inline-block;
  border-radius: 6px;
  padding: 12px 16px;
  color: #5e0509;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  background: #d9b14e;
  background: -moz-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
  background: -webkit-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
  background: -ms-linear-gradient(90deg, #f1d779 0, #d9b14e 97%);
  -webkit-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -moz-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -ms-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  -o-box-shadow: 0 3px 3.72px 2.28px rgba(0, 0, 0, .75);
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .5)
}

.um-cta:hover {
  background: #f8e3a0;
  cursor: pointer
}

.sbotop_logo {
  background-image: url(https://img-1-3.cdnnetworks.net/images/sbotop-logo.png?20190610);
  background-repeat: no-repeat;
  background-position: 6px -2px;
  background-size: 100%
}

.sbotop_logo-cn,
.sbotop_logo-zh-cn {
  background-image: url(https://img-1-3.cdnnetworks.net/images/sbotop-logo-cn.png)
}

.sbotop_new-logo-cn,
.sbotop_new-logo-zh-cn {
  background-image: url(https://img-1-3.cdnnetworks.net/images/sbotop-new-logo-cn.png);
  background-position: -4px -8px;
  background-size: 120%
}

.sbotop_Masthead,
.sbotop_LoginL,
.sbotop_LoginR,
.sbotop_LoginM,
.sbotop_UserLinks,
.sbotop_UserLinks li,
.sbotop_UserInfo li,
.sbotop_Euro,
.sbotop_Asia {
  background: url(https://img-1-3.cdnnetworks.net/images/sbotop-structure.png?190610) no-repeat scroll 0 0 transparent
}

.EUHPC .Capt {
  width: 283px;
}

.EUHPD .Capt {
  width: 148px;
}

/* Vanilla */

.custom-logo {
  /* font-size: 34px;line-height: 75px;
  font-weight: 700; */
  /* color:#233b7a; */
  text-decoration: none;
  /* background-image: url(https://img-1-3.cdnnetworks.net/images/logo.png?20180801);
    background-repeat: no-repeat; */
  /* width: 250px; */
  width: 75px;
  height: 62px;
  display: inline-block;
  zoom: 1;
  margin: 5px 2px 0;
  vertical-align: top;
  /* background-position: 6px -2px;
  background-size: 100%; */
}

.fpo-landing .product-list ul {
  height: 35px;
}

.fpo-landing .FooterLinks li:not(:first-child):before {
  content: "| ";
}

.header {
  background-position: unset;
  /* width: 100%; */
}

.EventItem,
.EventItem p {
  white-space: nowrap;
  /* width: 100%; */
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.EventItem p {
  font: 700 10px/15px Trebuchet MS, Arial, sans-serif;
  color: #ccc;
  width: 100%;
}

/* marquee */
.holder {
  background: rgb(153, 184, 236);
  padding: 0.5rem;
  overflow: hidden;
  width: 95%;
  margin: 0 auto;
  position: relative;
  top: 10%;
}

.news {
  color: black;
  animation: slide 15s linear infinite;
  text-align: center;
}

@keyframes slide {
  0% {
    transform: translatex(-100%)
  }

  100% {
    transform: translatex(100%)
  }
}

/* menu mobile */
.content-menu,
.collapsible {
  display: none;
}

.collapsible {
  background: rgb(195, 216, 250);
  background: linear-gradient(0deg, rgba(195, 216, 250, 1) 0%, rgba(252, 252, 255, 1) 60%, rgba(195, 216, 250, 1) 100%);
  color: black;
  cursor: pointer;
  padding: 9px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 42px;
}

.content-menu {
  /* padding: 0 18px; */
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background: rgba(153, 184, 236, .9);
}

.content-menu .menu a {
  color: black;
  text-decoration: none;
  display: block;
  padding: 10px 8px;
}

.content-menu .menu li.selected a {
  background: rgba(0, 147, 218, .5);
}


/* Media */
/* @media (max-width: 1519.2px) { */
@media (max-width: 799px) {
  .blue-bar-bsi .blue-bar-inner {
    width: 100%;
  }

  .fpo-landing>.fixed {
    width: 100% !important;
  }

  .header,
  .Footer,
  .FooterLinks {
    width: 100%;
  }

  .EventItem {
    width: 94%;
  }

  .header-inner {
    width: 100%;
    margin-left: unset;
  }

  .G630,
  .G360,
  .G180,
  .G315 {
    width: 100%;
  }

  .EUHPA img,
  .EUHPD img,
  .EUHPC img,
  #landingPromoBanner>iframe,
  .BoxBd {
    width: 97.5%;
  }

  .BoxBd {
    background-position: center -194px;
  }

  .Left .BoxFt div {
    background-position: center -446px;
  }

  .BoxHd {
    background-position: center -184px;
  }

  .MainWrapper .Capt {
    width: 91%;
  }

  .EventHighlights {
    width: 96%;
    height: 285px;
    background: rgb(153, 184, 236);
    margin: 0 auto;
    margin-left: 12px;
  }

  .EventHighlightsBg {
    width: 95%;
    height: 285px;
    background: rgb(2, 0, 36);
    background: linear-gradient(135deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(6, 70, 161, 1) 0%, rgba(0, 147, 218, 1) 100%);
  }

  .EventHighlights {
    background-position: unset;
  }

  .EventHighlights .EventHighlightsRight {
    background-position: unset;
    height: unset;
    position: unset;
    right: unset;
    width: unset;
  }

  .EventItem .LeagueName {
    width: 95%;
  }

  .FooterLinks li {
    display: inline-block;
    margin: 3px auto;
  }

  .FooterLinks {
    margin: 0 auto 10px;
  }

  .MainWrapper {
    width: 97%;
  }

  .FooterWrap {
    width: 95%;
  }

  .FooterRight {
    width: 0%;
  }

  .product-list {
    display: none;
  }

  .content-menu,
  .collapsible {
    display: block;
  }

  .Copyright {
    height: 50px;
  }

}

.box-slider {
  margin-top: 12px;
}

.MainWrapper {
  height: unset;
}

.post-page.container {
  background-image: unset;
  height: 140px;
  overflow-y: scroll;
  background-color: unset;
  padding: unset;
  margin-top: unset;
  width: 100%;
  color: white;
  /* position: relative; */
  /* scrollbar-width: none; */
  /* Firefox */
  /* -ms-overflow-style: none; */
  /* Internet Explorer 10+ */
}

/* .post-page.container::-webkit-scrollbar { */
/* WebKit */
/* width: 0; */
/* height: 0; */
/* } */


.post-page.container .ca {
  color: white;
  padding: 15px;
  position: relative;
  /* background-color: white; */
  /* border: 1px solid #e9e9e9; */
  margin-bottom: 15px;
  background: url(https://img-1-3.cdnnetworks.net/images/landing-bg.png?120315) #162460 repeat-x;
}

.post-page.container .ca h4 {
  font-size: 1.33333333em;
  color: white;
}

.post-page.container .ca .cu p {
  margin: 0.66666667em 0 1em;
  color: white;
}

.mmo {
  display: none;
  margin-bottom: 5px;
  float: left;
}

.mmo .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
}

.mmo .col {
  padding: 10px;
  background: unset;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.mmo .acol {
  background-color: rgb(153, 184, 236);
  padding: 10px;
}

.mmo a:link {
  text-decoration: none;
  color: rgb(0, 36, 156);
}

.FooterWrap .footer {
  border-top: unset
}

@media only screen and (max-width: 992px) {
  .mmo {
    display: block;
    text-align: center;
  }

  .Box.EUHPB.Right.G360 {
    display: none;
  }

  .post-page.container {
    height: 285px;
  }

  .post-page.container h4 {
    background: #163a5f;
    color: #fff;
    /* width: 100%; */
    font-size: 16px;
    padding: 15px;
    font-weight: 600;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
  }

  /* .post-page.container .ca {
    margin-left: 5px;
  } */

  .post-page.container .cu {
    font-size: 13px;
  }
}

/* end vanilla */

/* * {
  box-sizing: border-box;
} */

label.fab {
  max-width: unset;
}

.fab-wrapper {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
}

.fab-checkbox {
  display: none;
}

.fab {
  position: absolute;
  bottom: -1rem;
  right: -1rem;
  width: 4rem;
  height: 4rem;
  background: blue;
  border-radius: 50%;
  background: #126ee2;
  box-shadow: 0px 5px 20px #81a4f1;
  transition: all 0.3s ease;
  z-index: 1;
  border-bottom-right-radius: 6px;
  border: 1px solid #0c50a7;
}

.fab:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}

.fab-checkbox:checked~.fab:before {
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
  background-color: rgba(255, 255, 255, 0.2);
}

.fab:hover {
  background: #2c87e8;
  box-shadow: 0px 5px 20px 5px #81a4f1;
}

.fab-dots {
  position: absolute;
  height: 8px;
  width: 8px;
  background-color: white;
  border-radius: 50%;
  top: 50%;
  transform: translateX(0%) translateY(-50%) rotate(0deg);
  opacity: 1;
  animation: blink 3s ease infinite;
  transition: all 0.3s ease;
}

.fab-dots-1 {
  left: 15px;
  animation-delay: 0s;
}

.fab-dots-2 {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation-delay: 0.4s;
}

.fab-dots-3 {
  right: 15px;
  animation-delay: 0.8s;
}

.fab .fab-dots-2 {
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

@keyframes blink {
  50% {
    opacity: 0.25;
  }
}

a.text-livechat {
  position: fixed;
  right: 110px;
  background-color: #2c87e8;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  padding: 7px 11px;
  border-radius: 5px;
  white-space: nowrap;
  text-decoration: none;
  bottom: 55px;
}

a[data-tooltip]::before,
a[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

a[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: "";
}

a.text-livechat[data-tooltip]::before,
a.text-livechat[data-tooltip]::after {
  display: block;
}

a.text-livechat::after {
  border-left-color: #2c87e8;
  font-weight: 700 !important;
  border-right: none;
  top: 5%;
  right: 100%;
  margin-top: 8px;
  margin-right: -93px;
  white-space: nowrap;
}

/* end vanilla */