/*
   Site: Sports Demo

   Qiu Template System
   Base style sheet
   Version: 2.0
   Author: Albano Manganelli
   Mueva el Volante!
   	
   Table of Contents
   
   * Google Web Fonts and Icons
   * Normalization
   * Variables
   * Base styles: opinionated defaults
   * Site Styles
     * Type, Colors, Backgrounds
     * General Styles & Common Elements
     * Section: Home
     * Section: News 
     * Single: Article
     * Section: Landing
     * Single: Generic
     * Section: Gallery
     * Section: Contact, Login, Register
     * Error Page
   * Widgets
   * Plugins 
   * Helpers
   * Media Queries
   * Print
   
*/


/* ==========================================================
   GOOGLE WEB FONTS
   ========================================================== */

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);
@import url(fonts/ionicons.css);
@import url(fonts/fontawesome.css);
@import url(fonts/UIFont.css);

/* ==========================================================
   NORMALIZATION - http://necolas.github.com/normalize.css/
   ========================================================== */


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}


/* ==========================================================
   VARIABLES
   ========================================================== */

:root {
  --main-color-bg: black;
  --main-color-text: #ffffff;
  --header-bg: black;
  --header-text: #ffffff;
  --footer-bg: black;
  --footer-text: #ffffff;
  --max-width-column: 1400px;
  --body-bg: #d6d9dd;
  --text-color: rgba(4, 4, 4, 0.7);
  --dark-text-color: rgba(255, 255, 255, 0.56);
  --titles-color: #3b3d40;
  --img-max-w: 200px;
  --img-padding:0;
  --wrapper-padding:20px;
  --border-radius-form: 0;
  --border-radius-items: 0;
  --border-radius-boxes: 0;
  --header-height: 90px;
  --related-content-width: 400px;
  --related-content-color: #d6d9dd;
  --font-family-main: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-family-text: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --gap:2px;

}


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
.icon-close {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "\f00d";
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--font-family-main);
  font-size: 18px;
  line-height: 1.42857143;
  color: var(--text-color);
  background-color: var(--body-bg);
}

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

body,
input,
textarea {
  color: var(--text-color);
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  text-decoration: none;
  text-transform: none;
}

a {
  color: #276CF2;
  text-decoration: none;
  -o-transition: all ease .1s;
  transition: all ease .1s;
  -webkit-transition: all ease .1s;
  -moz-transition: all ease .1s;
  cursor: pointer;
}

a:hover {
  color: #2361DB;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-style: normal;
  text-rendering: optimizeLegibility;
  line-height: 1.425;
  margin-bottom: 16px;
  margin-top: 16px;
  clear: both;
  color: #444444;
  word-wrap: break-word;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: var(--titles-color);
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--titles-color);
  opacity: 0.8;
}

h1 {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 700;
  text-transform: none;
  letter-spacing: -1px;
  position: relative;
}

h2 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 22px;
  line-height: 1.1;
}

h3 {
  font-size: 11px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

h6 {
  font-size: 16px;
  text-transform: none;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-size: 60%;
  color: #838d8f;
  line-height: 0;
}

.subheader {
  line-height: 1.3;
  color: #838d8f;
  font-weight: 300;
  margin-bottom: 24px;
}

p {
  margin-bottom: 16px;
  text-rendering: optimizelegibility;
}

#content p:empty {
  padding: 0;
  margin: 0;
  display: none;
}

aside,
aside p {
  font-size: 14px;
  font-style: italic;
}

ul,
ol {
  margin: 1.825em 0 1.825em 2.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

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

dl {
  margin: 0 1.825em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.625em;
}

strong {
  font-weight: 700;
}

cite,
em,
i {
  font-style: italic;
}

blockquote {
  font-weight: 400;
  padding: 24px 0;
  margin: 44px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-style: normal;
  font-size: 32px;
  text-transform: none;
  color: var(--titles-color);
}

blockquote p {
  margin-bottom: 0;
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

blockquote cite {
  font-size: 18px;
}

pre {
  background: #f0f0f0;
  background-size: 38px 38px;
  font: 12px Consolas, "Liberation Mono", Courier, monospace;
  line-height: 19px;
  margin: 0 0 1.825em;
  overflow: auto;
  padding: 0 0 0 4px;
}

code,
kbd {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym,
dfn {
  border-bottom: 1px dotted #838d8f;
  cursor: help;
}

address {
  display: block;
  margin: 0 0 16px;
}

ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}
.input-block-level,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea {
  background: #ffffff;
  border: 0 solid transparent;
  color: var(--titles-color);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: var(--border-radius-form);
  max-width: 100%;
  width: 100%;
  margin: 0;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.input-block-level:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus {
  color: var(--titles-color);
  border-color: transparent;
  background: #F1F1F1;
  outline: none;
}

select {
  padding: 3px 7px;
  height: 34px;
  border: 1px solid #838d8f;
  color: #838d8f;
  font-size: 16px;
  border-radius: var(--border-radius-form);
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
  -webkit-transition: border-color ease .1s;
  -webkit-transition: border-color ease 0.1s;
  -o-transition: border-color ease 0.1s;
  transition: border-color ease 0.1s;
}

select:focus {
  color: var(--titles-color);
  border-color: var(--titles-color);
}

textarea {
  padding: 14px 11px;
  width: 100%;
  line-height: 18px;
  resize: none;
}
.input-block-level,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=tel] {
  padding: 3px 11px;
  height: 45px;
  line-height: 18px;
}

input.form-control,
input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
textarea {
  -webkit-transition: border-color ease .1s, background-color ease .1s;
  -webkit-transition: border-color ease 0.1s, background-color ease 0.1s;
  -o-transition: border-color ease 0.1s, background-color ease 0.1s;
  transition: border-color ease 0.1s, background-color ease 0.1s;
}

input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  overflow: auto;
}

input {
  -webkit-transition: background-color ease .1s;
  -webkit-transition: background-color ease 0.1s;
  -o-transition: background-color ease 0.1s;
  transition: background-color ease 0.1s;
}

input[type=submit] {
  -webkit-appearance: none;
  border-radius: 30px;
}

::-webkit-input-placeholder {
  color: #818183;
}

:-moz-placeholder {
  color: #818183;
}

::-moz-placeholder {
  color: #818183;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #818183;
}

:input-placeholder {
  color: #818183;
}

.white-bg input,
.md-content input {
  background-color: #eeeeee;
}

.control-group,
.formly-field {
  margin: 0 auto 25px auto;
}

.control-group label,
.form-group label {
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.control-group label>*,
.form-group label>*,
.control-group label>*>div,
.form-group label>*>div {
  display: inline;
}


.control-group .controls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.control-group .controls label {
  margin-bottom: 10px;
  text-transform: none;
}

.control-group .controls a,
.md-content .col2 .control-group,
.md-content .col3 .control-group {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--text-color);
  margin: 5px 0;
}

.control-group .controls a:hover {
  color: #000000;
}

.formly > * > * {
  margin-left: auto;
  margin-right: auto;
}

.formly-field .separator {
  border-bottom: none;
  font-size: 18px;
}

.separator {
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: bold;
}

.formly-field .input-group {
  margin: 0;
}

.formly-field-datepicker .input-group-btn button {
  display: none;
}

.validation {
  font-size: 12px;
  color: red;
  margin-top: 5px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}

.form-group.has-error .form-control {
  border: 1px solid red;
}

.form-group.has-error label {
  color: red;
}

.formly-error {
  display: none;
}

.btn,
.link-button a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: var(--border-radius-form);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
}

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

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

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

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

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

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

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

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}

.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}

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

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}

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

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

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

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

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

.btn-empty,
.link-button a {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.1);
  border-color: #ffffff;
}

.btn-empty:hover,
.btn-empty:focus,
.btn-empty.focus,
.btn-empty:active,
.btn-empty.active,
.open > .dropdown-toggle.btn-empty,
.link-button a:hover {
  color: #333c4e;
  background-color: #ffffff;
  border-color: #ffffff;
}

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

.btn-empty.disabled,
.btn-empty[disabled],
fieldset[disabled] .btn-empty,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-empty:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-empty:focus,
.btn-empty.disabled.focus,
.btn-empty[disabled].focus,
fieldset[disabled] .btn-empty.focus,
.btn-empty.disabled:active,
.btn-empty[disabled]:active,
fieldset[disabled] .btn-empty:active,
.btn-empty.disabled.active,
.btn-empty[disabled].active,
fieldset[disabled] .btn-empty.active {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
}

.btn-empty .badge {
  color: #ffffff;
  background-color: transparent;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}

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

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

.is-mobile {
  display: none !important;
}

.more-items-text,
.more-items-short-text,
.slide-content p,
p,
.article-view-body table {
  font-family: var(--font-family-text);
}

time {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: #a7adb1;
}

table {
  text-align: left;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-spacing: 0;
}

table td,
table th {
  padding: 5px 10px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

table tr:nth-child(even) td {
  background-color: #faf9f9;
}

/* DARK */
body.dark {
  color: var(--dark-text-color);
  background-color: #161717;
}

.dark #header {
  background: #000000;
}

.dark .row-fluid,
.dark .widget,
.dark.widget,
.dark .md-content {
  background-color: #161717;
}

.dark .related-content {
  background-color: transparent;
}

.dark .md-content a {
  color: #ffffff;
}

.dark .img-aside .more-items-item,
.dark.img-aside .more-items-item,
.dark .widget:not(.text-over) .more-items-item .wrapper,
.dark.widget:not(.text-over) .more-items-item .wrapper,
.dark .video-view header,
.dark .primary-content .widget.article-view,
.primary-content .widget.article-view.dark,
.dark .primary-content .widget.article-view .article,
.primary-content .widget.article-view.dark .article {
  background-color: #161717;
  color: #ffffff;
}

.dark #header .widget {
  background-color: inherit;
}

.dark .video-view header,
.dark.video-view header {
  background-color: rgba(255, 255, 255, 0.15);
}

.dark .section-title a,
.dark .widget-title a {
  color: #ffffff;
}

.dark.boxed .slide-content,
.dark .boxed .slide-content {
  background-color: #161717 !important;
}

.dark.boxed .slide-content *,
.dark .boxed .slide-content * {
  color: #ffffff !important;
}

.dark .scoreboard ul li * {
  color: var(--dark-text-color);
}

.dark .tabs li a.active {
  color: #ffffff;
  border-color: #ffffff;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark h1 *,
.dark h2 *,
.dark h3 *,
.dark h4 *,
.dark h5 *,
.dark h6 *,
.dark .socialstream-item-username,
.dark .more-items-category,
.dark .more-items-subsection {
  color: #fff;
}

.dark h1 a:hover,
.dark h2 a:hover,
.dark h3 a:hover,
.dark h4 a:hover,
.dark h5 a:hover,
.dark h6 a:hover {
  color: #fff;
}

.dark input.form-control,
.dark input[type=text],
.dark input[type=password],
.dark input[type=email],
.dark input[type=tel],
.dark textarea {
  background: #57595c;
  border-color: #57595c;
  color: #fff;
}

.dark input.form-control:focus,
.dark input[type=text]:focus,
.dark input[type=password]:focus,
.dark input[type=email]:focus,
.dark input[type=number]:focus,
.dark input[type=tel]:focus,
.dark textarea:focus {
  color: #fff;
  background: #5a5c5e;
  border-color: #5a5c5e;
}

.dark::-webkit-input-placeholder {
  color: #aaa;
}

.dark:-moz-placeholder {
  color: #aaa;
}

.dark::-moz-placeholder {
  color: #aaa;
}

.dark:-ms-input-placeholder {
  color: #aaa;
}

.dark:input-placeholder {
  color: #aaa;
}

.dark .control-group label,
.dark .form-group label {
  color: #ffffff;
}

.dark p,
.dark .socialstream-item-message {
  color: var(--dark-text-color);
}

.dark table tr:nth-child(even) td {
  background-color: rgba(222, 222, 222, 0.13);
}

.dark table,
.dark table td,
.dark table th {
  border-color: rgba(221, 221, 221, 0.36);
}

.dark .dropdown-menu {
  background-color: #161717;
}

/* ==========================================================
   QIU GRID
   ========================================================== */
.row-fluid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.column,
.widget {
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 0 auto;
  *overflow: visible;
}

.one-of-one,
.one-one .more-items-item,
.one-one.img-aside .more-items-item,
.one-one .more-video-item,
.one-one .galleries-item,
.one-one .socialstream-item,
.one-one.landing li,
.one-one .control-group,
.one-one .formly > * > * {
  width: calc(100% - var(--gap));
}

.one-of-two,
.one-two .more-items-item,
.one-two.img-aside .more-items-item,
.one-two .more-video-item,
.one-two .galleries-item,
.one-two .socialstream-item,
.one-two.landing li,
.one-two .control-group,
.one-two .formly > * > * {
  width: calc(50% - var(--gap));
}

.one-of-three,
.mini-content,
.one-three .more-items-item,
.one-three.img-aside .more-items-item,
.one-three .more-video-item,
.one-three .galleries-item,
.one-three .socialstream-item,
.one-three.landing li,
.one-three .control-group,
.one-three .formly > * > * {
  width: calc(33.33333333% - var(--gap));
}

.two-of-three,
.two-three .more-items-item,
.two-three.img-aside .more-items-item,
.two-three .more-video-item,
.two-three .galleries-item,
.two-three .socialstream-item,
.two-three.landing li,
.two-three .control-group,
.two-three .formly > * > * {
  width: calc(66.6666666666% - var(--gap));
}

.one-of-four,
.one-four .more-items-item,
.one-four.img-aside .more-items-item,
.one-four .more-video-item,
.one-four .galleries-item,
.one-four .socialstream-item,
.one-four.landing li,
.one-four .control-group,
.one-four .formly > * > * {
  width: calc(25% - var(--gap));
}

.three-of-four,
.three-four .more-items-item,
.three-four.img-aside .more-items-item,
.three-four .more-video-item,
.three-four .galleries-item,
.three-four .socialstream-item,
.three-four.landing li,
.three-four .control-group,
.three-four .formly > * > * {
  width: calc(75% - var(--gap));
}

.one-of-five,
.one-five .more-items-item,
.one-five.img-aside .more-items-item,
.one-five .more-video-item,
.one-five .galleries-item,
.one-five .socialstream-item,
.one-five.landing li,
.one-five .control-group,
.one-five .formly > * > * {
  width: calc(20% - var(--gap));
}

.two-of-five,
.two-five .more-items-item,
.two-five.img-aside .more-items-item,
.two-five .more-video-item,
.two-five .galleries-item,
.two-five .socialstream-item,
.two-five.landing li,
.two-five .control-group,
.two-five .formly > * > * {
  width: calc(40% - var(--gap));
}

.three-of-five,
.three-five .more-items-item,
.three-five.img-aside .more-items-item,
.three-five .more-video-item,
.three-five .galleries-item,
.three-five .socialstream-item,
.three-five.landing li,
.three-five .control-group,
.three-five .formly > * > * {
  width: calc(60% - var(--gap));
}

.four-of-five,
.four-five .more-items-item,
.four-five.img-aside .more-items-item,
.four-five .more-video-item,
.four-five .galleries-item,
.four-five .socialstream-item,
.four-five.landing li,
.four-five .control-group,
.four-five .formly > * > * {
  width: calc(80% - var(--gap));
}

.one-of-six,
.micro-content,
.one-six .more-items-item,
.one-six.img-aside .more-items-item,
.one-six .more-video-item,
.one-six .galleries-item,
.one-six .socialstream-item,
.one-six.landing li,
.one-six .control-group,
.one-six .formly > * > * {
  width: calc(16.6666667% - var(--gap));
}

.one-of-seven,
.one-seven .more-items-item,
.one-seven.img-aside .more-items-item,
.one-seven .more-video-item,
.one-seven .galleries-item,
.one-seven .socialstream-item,
.one-seven.landing li,
.one-seven .control-group,
.one-seven .formly > * > * {
  width: calc(14.2857142857% - var(--gap));
}

.full-content .one-two,
.full-content .one-three,
.full-content .two-three,
.full-content .one-four,
.full-content .three-four,
.full-content .one-five,
.full-content .two-five,
.full-content .three-five,
.full-content .four-five,
.one-seven {
  padding: 0;
}

.primary-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}

.related-content {
  width: var(--related-content-width);
  background-color: var(--related-content-color);
  margin: 0;
}

.related-content .widget {
  padding-left: 20px;
  padding-right: 20px;
}

.hidden-related .related-content {
  margin-right: -100%;
}

.fixed-content .related-content {
  position: fixed;
  top: var(--header-height);
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.related-on-left .related-content {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.secondary-content {
  width: 50%;
}

.secondary-content > * {
  width: calc(var(--max-width-column) / 2);
}

.row-fluid .secondary-content:first-child > * {
  margin-right: 0;
}

.row-fluid .secondary-content:last-child > * {
  margin-left: 0;
}

/* Image styles */
.img-right,
.img-Right {
  float: right;
  margin-left: 3%;
  margin-bottom: 3%;
}

.img-left,
.img-Left {
  float: left;
  margin-right: 3%;
  margin-bottom: 3%;
}

.img-25 {
  width: 22%;
}

.img-50 {
  width: 47%;
}

.img-75 {
  width: 72%;
}

.img-100 {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.img-text {
  width: 100%;
}

figcaption {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #a7adb1;
  margin: 5px 0;
}

.pdf-icon {
  background: url("../img/icon_pdf.png") no-repeat;
  background-size: 25px;
  padding: 5px 0 10px 30px;
  margin: 5px;
}

.section-title,
.widget-title {
  font-size: 52px;
  text-align: center;
  margin-bottom: 20px;
}

.small-title .section-title,
.small-title .widget-title {
  font-size: 24px;
}

.section-title a,
.widget-title a {
  color: var(--titles-color);
}

.related-content .widget-title {
  text-align: left;
}

.all-box-link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100% !important;
  max-width: 100% !important;
}

.shadow-text {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.white-bg {
  background-color: #ffffff;
}

.dark-bg {
  background-color: var(--titles-color);
}

.main-bg {
  background-color: var(--main-color-bg);
}

.text-right,
.text-right .widget-title,
.text-right .section-title,
.text-right .wrapper,
.img-end-start.img-aside.text-right .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.text-right .wrapper,
.img-start-end.img-aside.text-right .more-items-item:nth-child(even) .wrapper {
  text-align: right;
}

.text-left,
.text-left .widget-title,
.text-left .section-title,
.text-left .wrapper,
.img-end-start.img-aside.text-left .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.text-left .wrapper,
.img-start-end.img-aside.text-left .more-items-item:nth-child(even) .wrapper {
  text-align: left;
}

.text-center,
.text-center .widget-title,
.text-center .section-title,
.text-center .wrapper,
.img-end-start.img-aside.text-center .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside.text-center .wrapper,
.img-start-end.img-aside.text-center .more-items-item:nth-child(even) .wrapper {
  text-align: center;
}

.layout-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.layout-column {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.padding-0,
.widget.padding-0,
.column > .widget.padding-0 {
  padding: 0 !important;
}

.margin-0,
.widget.margin-0,
.column > .widget.margin-0 {
  margin: 0 !important;
}

/* ==========================================================
   SITE STYLES
   ========================================================== */
/* General Layout & Common Elements
   ========================================================== */



#container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}


/* HEADER */

#header,
#footer  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  background-color: var(--header-bg);
  height: var(--header-height);
  -webkit-transition: height 0.2s, background 0.2s;
  -o-transition: height 0.2s, background 0.2s;
  transition: height 0.2s, background 0.2s;
}

.wrapper-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#footer .wrapper-group {
  padding-top: 20px;
}
#header .wrapper,
#footer .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  width: 100%;
  position: relative;
  height: var(--header-height);
}

#header .wrapper>*,
#header .wrapper .header-footer-zone>*,
#right-navigation,
#header .widget,
#header .social-icons,
nav:not(.burger-nav),
#languages-menu,
.header-footer-zone,
.logo-link,
#footer .wrapper>*,
#footer .wrapper .header-footer-zone>*,
#footer .widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
}

.header-footer-zone {
  padding: 0 25px;
}

.logo-img {
  height: var(--header-height);
  margin: auto 0;
  max-height: 60px;
}

.logo-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.header-lg #header-zone7 .logo-img,
.header-lg #header-zone8 .logo-img {
  height: calc(var(--header-height) * 2);
}

.header-lg #header {
  height: calc(var(--header-height) * 2);
}

.fixed-header #header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
}

.fixed-header #content {
  margin-top: var(--header-height);
}

.fixed-header.header-lg #content {
  margin-top: calc(var(--header-height) * 2);
}

.transparent-header.scroll-top #header {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.transparent-header #content,
.transparent-header.header-lg #content {
  margin-top: 0;
}

.transparent-header.header-lg .bg-vid {
  margin-top: 0;
}

.transparent-header .slide.top-box .slide-content {
  padding-top: calc(var(--header-height) + 40px);
}

.transparent-header.header-lg .slide.top-box .slide-content {
  padding-top: calc((var(--header-height) * 2) + 40px);
}

#header-zone1,
#header-zone3,
#header-zone4,
#header-zone6 {

}

#header-zone1.header-footer-zone,
#header-zone4.header-footer-zone,
#header-zone7.header-footer-zone {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

#header-zone3.header-footer-zone,
#header-zone6.header-footer-zone,
#header-zone8.header-footer-zone {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

#header-zone2.header-footer-zone,
#header-zone5.header-footer-zone {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.scroll-not-top #header {
  background: var(--header-bg);
}

.scroll-not-top.header-lg #header {
  height: var(--header-height);
}

.scroll-not-top #header .wrapper-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}

.scroll-not-top #header-zone3,
.scroll-not-top #header-zone4,
.scroll-not-top #header-zone6,
.scroll-not-top .header-footer-zone.empty-zone {
  display: none;
}

.scroll-not-top #header .wrapper.row2 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  width: auto;
}

.scroll-not-top #header .wrapper.row1 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.scroll-not-top #header .wrapper .header-footer-zone {
  width: auto;
}

.scroll-not-top #header .wrapper .header-footer-zone#header-zone2 {
  width: 100%;
}

.scroll-not-top.fixed-header.header-lg:not(.transparent-header) #content {
  margin-top: var(--header-height);
}

#header #navigation-toggle {
  display: none;
}

.burger-nav {
  display: none;
}

#navigation {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0px;
  margin: 0px ;
}
#navigation:after {
  content: "";
  width: 1px;
  height: 40%;
  background-color: #fff;
  margin: auto 0 auto 20px;
}
#navigation>ul,
nav>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu>li {
  color: var(--header-text);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.menu>li>a,
.menu>li>* {
  color: var(--header-text);
  text-transform: uppercase;
  padding: 15px 10px;
  font-size: 16px;
  letter-spacing: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.menu>li>a:hover,
.menu li.active a {
  text-decoration: none;
  opacity: 0.8;
}

#languages {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#languages:hover ul {
  display: block;
}

#languages>a {
  opacity: 1;
  color: var(--header-text);
  padding-top: 5px;
  padding-bottom: 5px;
}

#languages>a.active,
#languages>a:hover {
  opacity: 0.8;
}

#languages .submenu {
  right: 0;
  left: 0;
  z-index: 1;
}

#content {
  width: 100%;
  overflow: hidden;
  -webkit-transition: margin 0.2s;
  -o-transition: margin 0.2s;
  transition: margin 0.2s;
}

#footer {
  background-color: var(--footer-bg);
  color: var(--footer-text);
  height: auto !important;
}
#footer .wrapper {
  height: auto !important
}


.jump-top {
  display: none;
}

#footer-logo {
  max-height: 60px;
  margin: 20px 0;
}

#footer-nav {
  text-align: center;
  list-style: none;
  display: block;
  margin: 0;
}

#footer-nav li {
  display: inline-block;
}

#footer-nav a {
  color: #e8ecf4;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 7px;
  font-size: 18px;
  line-height: normal;
}

#footer-nav a:hover,
#footer-nav li.active a {
  text-decoration: none;
  color: var(--footer-text);
}

#footer a {
  color: var(--footer-text);
}

#copyright {
  font-size: 12px;
}
#copyright p {
  font-family: var(--font-family-main);
}


/* Cookies */

#cookiesbar {
  text-align: center;
  padding: 20px;
  position: fixed;
  left: 0;
  right: 0;
  top: var(--header-height);
  bottom: auto;
  background: red;
  color: #ffffff;
  z-index: 99999999;
}

#cookiesbar a {
  color: #ffffff;
  padding: 0 10px;
}

/* USER MENU */

#user-menu {
  padding: 0 0 0 30px;
}
#user-menu ul:hover .dropdown .submenu {
  display:block;
}
#user-menu .menu>li:not(.dropdown)>*:not(a) {
  padding-left: 0;
  padding-right: 0;
  text-transform: none;
  font-weight: normal;
}
#user-menu .menu>li.dropdown #user {
  padding-right: 0;
}
#user-menu .menu>li.dropdown #user > a {
  color: var(--header-text);
}
#user-menu .menu>li.dropdown .submenu {
  right: 0;
  margin: 0;
  left: auto;
}





/* DOWNLOADS PAGE */


.downloads {
  --main-color: black;
  --main-background: #ffffff;
  --secondary-background: white;
  --dark-grey-color: #818892;
  --grey-color: #a0a6af;
  --light-grey-color: #e0e4e8;
  --extra-light-grey-color: #f3f5f6;
  --related-content-color: #d6d9dd;
  --selected-items-color:#009eff;
}

.downloads #footer {
  padding: 0 20px;
}
.downloads #header {
  padding-right:20px;
}
.downloads #main {
  background-color: var(--main-background);
}
.downloads-main{
  font-size: 14px;
}
.downloads-main * {
  text-decoration: none;
}
.fixed-content .downloads-main > section > header{
  width: 100%;
  -webkit-transition: top 0.3s;
  -o-transition: top 0.3s;
  transition: top 0.3s;
  z-index: 4;
  background-color: transparent;
  height: 65px;
  background-color: #ffffff;
  position: fixed;
  top: var(--header-height);
  border-bottom: 1px solid #ddd;
}
.downloads-main .related-content {
  right: 0;
  z-index: 4;
  padding:0;
}
.downloads.fixed-content .related-content {
  top: calc(var(--header-height) + 65px);

}
.downloads-main .main-view.column.related-content .widget {
  margin-bottom: 10px;
  padding: 25px 30px 0 30px;
}

.downloads-main .related-content .widget .widget-title:after {
  display: none;
}
.downloads-main .related-content > *:first-child:after {

}
.fixed-content .downloads-main .related-content.zone-3 {
  padding-bottom: 200px;
}
.downloads-filters.submenu-list > ul > li {
  position: relative;
  margin: 0;
  background: transparent;
}
.downloads-filters.submenu-list > ul > li.filters {
  display: block;
  margin-bottom: 10px;
  color: var(--main-color);
}
.downloads-filters.submenu-list > ul > li.filter-types {
  margin-bottom: 20px;
}
.downloads-filters.submenu-list.widget > ul > li.filters-select {
  margin-right: 15px !important;
  margin-bottom: 10px;
  width:auto;
  text-align: left;
}
.downloads-filters.submenu-list > ul > li.filters-select a {
  color: var(--dark-grey-color);
  cursor: pointer;
}
.downloads-filters.submenu-list > ul > li.filters-select a:hover {
  color: var(--main-color);
}
.downloads-filters.submenu-list > ul > li.filters-select .filter-count {
  font-size: 12px;

}
.downloads-filters.submenu-list.tree-view > ul > li.filters-select {
  display: block;
  margin-right: 0;
  width: 100%;
}
.downloads-filters.submenu-list > ul > li ul {
  opacity: 0.9;
}
.downloads-filters.submenu-list li .control-group {
  padding: 0;
  margin: 0;
}
.downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup {
  right: 0 !important;
  left: auto !important;
  min-width: 248px;
  padding: 0 0 5px 0;
}

.downloads-filters.submenu-list > ul > li.search {
  width: 100%;
  margin-bottom: 20px;
}
.downloads-filters.submenu-list > ul > li.dates {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  max-width: 100%;
  overflow: visible;
}
.downloads-filters.submenu-list > ul > li.dates .date {
  position: relative;
}
.downloads-filters.submenu-list > ul > li.dates .date:first-child {
  margin-right: 10px;
}
.downloads-filters.submenu-list > ul > li.dates .date:last-child {
  margin-left: 10px;

}

.uib-day,
.uib-daypicker th,
.uib-month,
.uib-monthpicker th,
.uib-year,
.uib-yearpicker th  {
  padding: 0;
  text-align: center;
}
.uib-daypicker th > *,
.uib-monthpicker th > *,
.uib-yearpicker th > * {
  float: none;
  width: 100%;
}
.uib-day .btn,
.uib-daypicker th .btn,
.uib-month .btn,
.uib-monthpicker th .btn,
.uib-year .btn,
.uib-yearpicker th .btn {
  border: none;
}

.downloads-filters.submenu-list > ul > li.dates .date:first-child .uib-datepicker-popup {
  left: 0 !important;
  right: auto !important;
}


.glyphicon {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-right:before {
  content: "\f3d1";
}
.glyphicon-chevron-left:before {
  content: "\f3cf";
}




.downloads-filters.submenu-list > ul > li .controls {
  height: 42px;
  border-radius: 4px;
  color: var(--dark-grey-color);
  background-color: #ffffff;
  background-image: none;
  width: 100%;
  height: 48px;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.downloads-filters.submenu-list > ul > li .controls > i {
  position: absolute;
  margin: 0 12px;
}
.downloads-filters.submenu-list > ul > li .controls a {
  color: var(--dark-grey-color);
  position: absolute;
  margin: 0 12px;
}
.downloads-filters.submenu-list > ul > li .controls input {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  border: none;
  background: none;
  padding: 0 0 0 50px;
  height: 50px;
}
.downloads-filters.submenu-list > ul > li .controls input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.downloads-main .related-content .icon-tabs > ul li a:before {
  color: #ffffff;
}
.downloads-main .related-content .icon-tabs.submenu-list > ul > li.filters a {
  margin-bottom: 20px;
  font-weight: 400;
  color: var(--main-color);
  cursor: default;
}
.downloads-main .related-content .icon-tabs.submenu-list > ul > li.filters a:after {
  display: none;
}
.headroom--unpinned.fixed-content .downloads-main > section > header{
  top: var(--header-height);
}
.headroom--pinned.fixed-content .downloads-main > section > header,
.headroom--top.fixed-content .downloads-main > section > header {
  top: var(--header-height);
}
.fixed-content .downloads-main.widget > section{
  -webkit-transition: padding 0.15s;
  -o-transition: padding 0.15s;
  transition: padding 0.15s;
}
.downloads-main.widget {
  position: relative;
  padding: 0 !important;
}
.downloads-main.widget > section{
  padding: 0 var(--related-content-width) 0 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0;
}


.downloads-main .search-toggle {
  display: none !important;
}
.downloads-main .filters-select,
.downloads-main .lightbox-toggle ,
.downloads-main .search-toggle{
  padding: 0 ;
  text-align: center;
  color: var(--grey-color);
  cursor: pointer;
  border-radius: 50%;
}
.downloads-main .filter-types a {
  height: 44px;
  width: 44px;
  margin: 0 10px;

}
.downloads-main .filter-types a:hover {
  color: var(--dark-grey-color);
}
.downloads-main .filter-types a i {
  font-size: 32px !important;
  line-height: 32px;
}
.downloads-main .filter-types a.active {
  color: var(--main-color);
}
.downloads-main .filter-types a.active i {
  color: var(--main-color);
}
.downloads-main .filter-types a.filters-text {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
}
body:not(.hidden-related) .downloads-main > section > header .filters-select{
  color: var(--main-color);
}
.downloads-main > section > header .show-hide-filters {
  border-right-color:transparent;
}
.downloads-main > section > header .show-hide-filters.active {
  background-color: #ffffff;
}
.downloads-main > section > header .show-hide-filters.active i,
.hidden-related .downloads-main > section > header .show-hide-filters.active i {
  color: var(--dark-grey-color);
}
body:not(.hidden-related) .downloads-main > section > header .show-hide-filters.open.active,
body:not(.hidden-related) .downloads-main > section > header .show-hide-filters.open,
body:not(.hidden-related) .downloads-main > section > header .show-hide-filters {
  background-color: #2c2f35;
  color: #ffffff;
  border-right-color:#2d3036;
  height: 45px;
}

body:not(.hidden-related) .downloads-main > section > header .show-hide-filters.open i,
body:not(.hidden-related) .downloads-main > section > header .show-hide-filters i {
  color: #ffffff;
}
.downloads-main > section > header .show-hide-filters.open i:before,
body:not(.hidden-related) .downloads-main > section > header .show-hide-filters i:before {
  content:"\f12a"
}
.hidden-related .downloads-main > section > header .show-hide-filters i:before {
  content: "\f39d";
}
.downloads-main .filter-types a i {
  padding: 0 ;
  width: auto;
}
.hidden-related .downloads-main .filter-types a:not(.active):hover,
.hidden-related .downloads-main > section > header .show-hide-filters.active:not(.open):hover,
.hidden-related .downloads-main > section > header .show-hide-filters:not(.active):hover {
  background-color: rgba(222, 222, 222, 0.38)
}
.fixed-content .downloads-main > section > header form {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 0;
  -webkit-transition:padding 0.15s;
  -o-transition:padding 0.15s;
  transition:padding 0.15s;
}

.downloads-main > section > header form > .filter-types:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 200px;


}
.downloads-main > section > header form > .filter-types{
  padding: 0 ;
}
.downloads-main > section > header form .header-title {
  margin: 0 0 0 30px;
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--titles-color);
}

.downloads-main > section > header form .header-title .events-list {
  margin-right: 20px;
}
.downloads-main > section > header form .header-title .header-logo {
  max-height: 60px;
  width: auto;
}

.downloads-main > section > header form .header-title .gallery-breadcrum-icon {
  display: none;
  font-size: 24px;
  color: var(--grey-color);
}



.downloads-main > section > header .control-group {
  padding: 0;
  margin: 0;
}
.downloads-main > section > header .control-group.search .controls > a {
  position: absolute;
  top: 2px;
  right: 39px;
}
.downloads-main > section > header .control-group .controls {
  margin: 0;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.downloads-main > section > header .control-group .controls i {
  padding: 0 12px;
  line-height: 36px;
}
.downloads-main > section > header .input-block-level {
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  height: 36px;
  padding-left: 42px;
}
.downloads-main > section > header .search {
  border: 1px solid #ddd;
  border-radius: 22px;
  background-color: #ffffff;
  margin-right: 20px;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  overflow: hidden;
}
.downloads-main > section > header .search i {
  background-color: rgba(185, 186, 188, 0.07) !important;
}
.downloads-main > section > header .search input {
  border: none;
  min-width: 250px;
  border-left: 1px solid #d6d9dd;
}
.downloads-main > section > header .search .input-block-level {
  padding-right: 20px;
  padding-left: 20px;

}

.downloads-main > section > header .search .custom-select,
.downloads-main > section > header .search input.input-block-level {
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
}
.downloads-main > section > header .search .custom-select i,
.downloads-main > section > header .search input.input-block-level i{
  background-color: rgba(185, 186, 188, 0.07) !important;
}




.custom-select {
  margin-right: 0;
}

.custom-select select {
  padding: 5px 35px 5px 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/arrow-down.png) 90% center no-repeat #eee;
  background-size: 12px auto;
  width: auto !important;
  max-width: 200px !important;
  position: relative;
  background-color: rgba(185, 186, 188, 0.07) !important;
}
.custom-select select::-ms-expand {
  display: none;
}



/* CAUTION: IE hackery ahead */


.custom-select select::-ms-expand {
  display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
  .custom-select select {
    background:none\9;
    padding: 5px\9;
  }
}





.downloads-main .tabs-container {
  min-height: 100px;
}
.downloads-main .downloads-container {
  border-radius: 0;
  background-color: var(--secondary-background);
  min-height: 1200px;
  opacity: 1 ;
  border-radius: 0;
  margin-top: 65px;
  padding-bottom: 100px;
}
.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view {
  display: inline-block;
  border-bottom: 1px solid rgba(221, 221, 221, 0.29);
  background-color: var(--dark-grey-color);
  position: relative;
}

.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header {
  padding-top: 35px;
}
.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 35px !important;
}
.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p {
  margin-left: 0 !important;
  font-size: 16px;
  color: #ffffff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body p a {
  color: #ffffff;
  border-color: #ffffff;
}
.downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title {
  font-size: 30px;
  color: #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.downloads-main .items-tab:not(.home):not(.contact):not(.accreditation) .article-view-title:after {
  background-color: #ffffff;
  width: 20px;
}
.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header,
.downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body{
  margin-left: 20px !important;
  max-width: 100% !important;
  margin-right: 20px !important;
}




.downloads-main .widget.article-view {
  padding:0;
  display: inline-block;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.downloads-main .widget.article-view .article header {
  padding-bottom: 0;
  border: none;
}
.downloads-main .widget.article-view .article .article-view-body {
  padding-top: 5px;

}
.downloads-main .widget.article-view .article .article-view-subheader {
  margin-bottom: 20px;
}


.downloads-main .downloads-container > ul {
  list-style: none;
  margin-bottom: 0;
}
.downloads-main .load-more-bt {
  display: block;
  width: 200px;
  color: var(--grey-color);
  background: transparent;
  text-transform: uppercase;
  font-size: 18px;
  padding: 15px 0;
  margin: 20px auto 0;
  border:2px solid var(--grey-color);
  -webkit-transition: background 0.15s,color 0.15s;
  -o-transition: background 0.15s,color 0.15s;
  transition: background 0.15s,color 0.15s;
}
.downloads-main .load-more-bt:hover {
  background: var(--grey-color);
  color: #ffffff;
}
.downloads-main .downloads-container > ul li p {
  font-size: 16px;
}
.downloads-main .downloads-container > ul li {
  padding: 15px 20px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border-bottom: 1px solid #ececec;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.downloads-main .downloads-container > ul li:nth-child(odd):not(.separator){
  background-color: #fbfbfb;
}
.downloads-main .downloads-container > ul li .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-Youtube > a i {
  font-size:75px;
  width: 95px;
  color: #b7b7b7;
  text-align: center;

}
.downloads-main .downloads-container > ul li .downloads-item-top-container i {
  margin-right: 15px;
}
.downloads-main .downloads-container > ul li.file-doc .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-doc .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-docx .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-docx .downloads-item-info .item-info-type,
.item-info.file-doc .item-info-type,
.item-info.file-docx .item-info-type {
  color: #0078e8;
}
.downloads-main .downloads-container > ul li.file-pdf .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-pdf .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-Articles .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type,
.item-info.file-pdf .item-info-type  {
  color: #e80000
}
.downloads-main .downloads-container > ul li.file-zip .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-zip .downloads-item-info .item-info-type,
.item-info.file-zip .item-info-type {
  color: #444444;
}
.downloads-main .downloads-container > ul li.file-xlsx .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-xlsx .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-xls .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-xls .downloads-item-info .item-info-type,
.item-info.file-xls .item-info-type,
.item-info.file-xlsx .item-info-type {
  color: #21950d;
}
.downloads-main .downloads-container > ul li.file-jpeg .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-jpeg .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-jpg .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-jpg .downloads-item-info .item-info-type,
.item-info.file-jpg .item-info-type,
.item-info.file-jpeg .item-info-type,
.downloads-main .downloads-container > ul li.file-png .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-png .downloads-item-info .item-info-type,
.item-info.file-png,
.item-info.file-png .item-info-type,
.downloads-main .downloads-container > ul li.file-Teams .downloads-item-info .item-info-type{
  color: #65c700
}
.downloads-main .downloads-container > ul li.file-mp4 .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-mp4 .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-yt .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-yt .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-Youtube .downloads-item-top-container i,
.downloads-main .downloads-container > ul li.file-Youtube .downloads-item-info .item-info-type,
.item-info.file-Youtube .item-info-type,
.item-info.file-yt .item-info-type,
.item-info.file-mp4 .item-info-type,
.item-info.file-Youtube .item-info-type,
.item-info.file-yt .item-info-type,
.item-info.file-mp4 .item-info-type,
.downloads-main .downloads-container > ul li.file-Youtube > a i,
.downloads-main .downloads-container > ul li.file-Video .downloads-item-info .item-info-type {
  color: #e80000
}
.thumbnails-view.downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i:after {
  position: absolute;
  content: "";
  background-color: var(--light-grey-color);
  z-index: 0;
  height: 40px;
  width: 40px;
  margin-top: -16px;
  margin-left: -20px;
  top: 50%;
  left: 50%;
}
.thumbnails-view.downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i:before {
  z-index: 1;
}
.downloads-main .downloads-container > ul li.file-LEG .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-PORT .downloads-item-info .item-info-type {
  color: #8a8a8a;
}

.downloads-main .downloads-container > ul li.file-Youtube > a i {
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #ffffff;
  border-radius: 50%;

}
.downloads-main .downloads-container > ul li.file-Message .downloads-item-info .item-info-type,
.downloads-main .downloads-container > ul li.file-Info .downloads-item-info .item-info-type {

}

.downloads-main .downloads-container > ul li.file-News .downloads-item-info .item-info-type {
  color: #08baff
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type {
  line-height: 22px;
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type:hover span {
  border-bottom:1px solid   #e80000
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type i {
  font-size: 22px;
  vertical-align: middle;
  line-height: 22px;
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.file-pdf > .item-info-type span {
  line-height: 25px;
  vertical-align: middle;
}
.downloads-main .downloads-container > ul li .downloads-item-main {
  width: calc(100% - 235px);
  word-break: break-word;
}
.downloads-main .downloads-container > ul li .no-buttons.downloads-item-main {
  width: calc(100% - 35px);
}
.landing-search .downloads-main .downloads-container > ul li .downloads-item-main {
  width: calc(100% - 35px);
}
.downloads-main .downloads-container > ul li .downloads-item-title {
  font-size: 20px;
  color: #000000;
  margin-bottom: 5px;
  line-height: 1.3;
  font-weight: bold;
}
.downloads-item-info.top-info {
  padding-bottom: 5px;
}
.downloads-main .downloads-container > ul li .downloads-item-info spa {
  margin-right: 10px;
  color: #37424a;
  font-weight: bold;

}
.item-info .item-info-type {
  text-transform: uppercase;
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra {
  display: block;
  margin-bottom: 10px;
  line-height: 1.3;
  font-weight: 100;
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.description {
  white-space: pre-wrap;
  word-break: break-word;
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra.date {
  margin-bottom: 5px;
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-type,
.item-info .item-info-type {
  color: #b7b7b7;
}
.downloads-main .downloads-container > ul li .downloads-item-info .item-info-time {
  font-weight: 400;
}
.downloads-main .downloads-container > ul li .downloads-item-tools {
  width: 140px;
}
.downloads-main .downloads-container > ul li .downloads-item-tools a,
.tool-favorite,
.tool-select{
  font-size: 30px;
  color: var(--dark-grey-color);
  padding: 5px 20px;
  cursor: pointer;
}

.downloads-main .downloads-container > ul li .downloads-item-tools a,
.tool-favorite,
.tool-select {
  color: var(--light-grey-color);
}
.downloads-main .downloads-container > ul li .downloads-item-tools a:hover,
.downloads-main .downloads-container > ul li .downloads-item-tools a:hover:not(.active),
.downloads .tool-favorite:hover:not(.active) {
  color: var(--grey-color);
}
.downloads-main .downloads-container > ul li .downloads-item-tools .tool-favorite.active,
.downloads .tool-favorite.active {
  color: #ffae00;
}
.downloads-main .downloads-container > ul li .downloads-item-tools .tool-select.active,
.downloads .tool-select.active {
  color: #009eff;
}






.downloads-main .downloads-container > ul li .tool-link,
.downloads-main .downloads-container > ul li .tool-link a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.downloads-main .separator {
  color: var(--dark-grey-color);

  display: block !important;
  width: auto;
  min-height: 10px !important;
  margin-bottom: 0;
  margin-top: 0;
  right: var(--related-content-width);
  top: calc(var(--header-height) + 76px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  z-index: 3;
  background-color: var(--main-background);
  padding-bottom: 0;
  font-size: 14px;
  -webkit-transition: right 0.15s;
  -o-transition: right 0.15s;
  transition: right 0.15s;
  font-weight: normal;
}
.downloads-main .separator .separator-container {
  border-radius: 0 4px 0 0;
  padding: 15px 30px 10px;
  background-color: var(--secondary-background);
  min-height: 52px;
}
.downloads-main .separator .separator-container a {
  line-height: 1;
  border-radius: 18px;
  color: var(--dark-grey-color);
}
.downloads-main .separator .separator-container a:hover,
.downloads-main .separator .separator-container .dropdown:hover > a {
  color: #333c4e;
  border-color: rgba(52, 61, 80, 0.41);
}

.downloads-main .separator .search-term {
  font-weight: bold;
}

.separator .remove-filters,
.separator .actions-menu {
  margin-left: 25px;
}

.downloads-main .separator .tool-select {
  padding: 0;
  font-size: 14px;
}

.downloads-main .separator.top .custom-select select {
  background-color: transparent !important; 
}
.downloads-main .separator.top .custom-select {
  max-width: 120px;
  margin-left: 10px;
}
.downloads-main .separator .separator-container a i{
  margin-left: 5px;
  font-size: 26px;
  vertical-align: middle;
}
.downloads-main .separator .separator-container a i.fa {
  font-size: 16px;
}



.separator .actions-menu.dropdown .submenu {
  right: 0 !important;
  margin: 0 !important;
  left: auto !important;
  width: 220px !important;
}

.downloads-main .downloads-container > ul li .downloads-item-top-container {
  width: 95px;
  margin-right: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}





.downloads .loading,
.downloads .no-results-container {
  color: var(--dark-grey-color);
  margin-top: 76px;
  border-radius: 0px 4px 0 0;
  padding-top: 100px;
}

.no-results-container {
  text-align: center;
  color: #fff;
  font-size: 24px;
  padding: 40px 0;
}
.no-results-button {

  color: var(--grey-color);
  background: transparent;
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px 20px;
  margin: 20px auto 0;
  border: 2px solid var(--grey-color);
  -webkit-transition: background 0.15s,color 0.15s;
  -o-transition: background 0.15s,color 0.15s;
  transition: background 0.15s,color 0.15s;
}
.no-results-button:hover {
  background: var(--grey-color);
  color: #ffffff;
}
.downloads-main.widget .details-view,
.fixed-content .downloads-main > section.details-view > header form {
  padding-right: 0;
}

.fixed-content .downloads-main > section.details-view > header form .close-bt {
  margin-right: 30px;
  color: var(--main-color);
}

.downloads .details-view .downloads-container {
  color: var(--dark-grey-color);
  margin: 65px 30px 30px 30px;
  border-radius: 4px;
  padding: 50px 30px;
  min-height: 700px;
}
.downloads .details-view .downloads-container > .item-info {
  margin: 0 auto;
  max-width: 1680px;
  width: 100%;
}
.details-view .separator {
  width: 100%;
  border-bottom: 1px solid var(--main-background);
}
.downloads .details-view.lightbox-view .downloads-container {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.downloads .details-view.lightbox-view .downloads-container .separator-container {
  border-radius: 4px 4px 0 0;
}
.hidden-related .downloads-main.widget > section {
  padding-right: 0;
}
.hidden-related  .downloads-main .separator {
  right: 0;
}
.hidden-related  .downloads-main .separator .separator-container {
  border-radius: 0;
}
.hidden-related.fixed-content .downloads-main > section > header form {
  padding-right: 0;
}
.thumbnails-view.downloads-main .downloads-container > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding: 15px 20px 30px;
  margin: 0;
}
.thumbnails-view.downloads-main .downloads-container > ul li {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  border: 2px solid var(--light-grey-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
  background: transparent;
  border-radius: 4px;
  background-color: #ffffff;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  max-width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: border-color 0.15s,-webkit-box-shadow 0.15s;
  transition: border-color 0.15s,-webkit-box-shadow 0.15s;
  -o-transition: border-color 0.15s,box-shadow 0.15s;
  transition: border-color 0.15s,box-shadow 0.15s;
  transition: border-color 0.15s,box-shadow 0.15s,-webkit-box-shadow 0.15s;
  overflow: hidden;
  width: calc(20% - 20px);
  margin: 0 10px 30px;
}
.thumbnails-view.downloads-main .downloads-container > ul li.selected,
.thumbnails-view.downloads-main .downloads-container > ul li.selected:hover{
  border-color: var(--selected-items-color);
}
.selected .ion-md-checkbox-outline,
.selected:hover .ion-md-checkbox-outline,
.active.ion-md-checkbox-outline {
  color: var(--selected-items-color);
}
.thumbnails-view.downloads-main .downloads-container > ul li:hover {
  border-color: var(--grey-color);
  -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.15);
  box-shadow: 0 0 14px rgba(0,0,0,0.15)
}


.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-title {
  font-size: 16px;
  color: #000000;
  margin-bottom: 0;
  line-height: 1.6;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: normal;
}

.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container {
  width: auto;
  height: 200px;
  text-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  background-color: var(--light-grey-color);
  cursor: pointer;
}
.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container img {
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 170px;
  padding: 0;
  -moz-box-sizing: border-box;
  margin: 0;

}
.thumbnails-view.downloads-main .downloads-container > ul li.type-2 .downloads-item-top-container i {
  position: absolute;
}
.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container i,
.item-info .preview-media .item-info-type {
  margin-right: 0;
  width: auto;
  font-size: 110px;
}
.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-main,
.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-tools {
  width: auto;
  padding: 10px 5%;
  margin: 0;

}

.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-main {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-tools a {
  padding: 0;
  margin-left: 10px;
}

.downloads-filters.submenu-list > ul > li.toggle-col {
  height: 76px;
  margin-bottom:0 !important;
  display: none;
}
.more-items-item > .toggle-bt,
.toggle-bt {
  height: 44px;
  width: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--grey-color);
  cursor: pointer;
  border-radius: 50%;
}
.toggle-bt:hover {
  color: var(--main-color);
}
.toggle-bt i {
  font-size: 32px !important;
  line-height: 32px;
  padding: 0;
  width: auto;
}
.downloads-main .filter-types a.filters-toggle,
.filters-toggle,
.lightbox-toggle,
.search-toggle {
  display: none;

  border:none;
  border-radius: 0;
  padding-left: 14px;
  width: 30px;
  height: 30px;
  margin-right: 30px;
}
.downloads-main .filter-types a.filters-toggle:hover ,
.filters-toggle:hover,
.lightbox-toggle:hover,
.search-toggle:hover {
  color: var(--main-color);
  background-color: transparent !important;
}

.preview-media {
  width: 50%;
  text-align: right;
  padding-right: 15px;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.preview-media img {
  max-width: 700px;
  width: 100%;
}
.item-info .preview-media .item-info-type {
  margin-top: -22px;
  line-height: 110px;
  display: block;
  text-align: right;
}
.file-zip .preview-media,
.file-xls .preview-media,
.file-xlsx .preview-media,
.file-docx .preview-media,
.file-doc .preview-media,
.file-pdf .preview-media,
.file-zip .preview-details,
.file-xls .preview-details,
.file-xlsx .preview-details,
.file-docx .preview-details,
.file-doc .preview-details,
.file-pdf .preview-details {
  margin: 0 auto;
  display: block;
  padding: 0;
  float: none;
  max-width: 600px;
  min-width: 320px;
}
.file-zip .preview-media .item-info-type,
.file-xls .preview-media .item-info-type,
.file-xlsx .preview-media .item-info-type,
.file-docx .preview-media .item-info-type,
.file-doc .preview-media .item-info-type,
.file-pdf .preview-media .item-info-type {
  max-width: 100px;
  margin-left: -23px;
  margin-bottom: 10px;
}



.preview-details {
  width: 50%;
  max-width: 600px;
  min-width: 320px;
  padding-left: 15px;
  display: inline-block;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.preview-details .preview-text .item-title {
  margin-top: 0;
  color: #000000;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 0;
  text-transform: none;
}
.preview-details .preview-text .item-info > *,
.preview-details > * {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;

}
.preview-details .preview-link .preview-link-title {
  font-weight: bold;
  padding:10px 20px;
  margin: 0;
  background-color: var(--light-grey-color);
}
.preview-details .preview-text .item-info > *:not(.item-info-type) {
  color: var(--dark-grey-color);
}
.preview-details .preview-link,
.preview-details .preview-bottom{
  margin-top: 20px;
  color: var(--dark-grey-color);
  border: 2px solid var(--light-grey-color);
  border-radius: 4px;

}
.preview-bottom .share-combo label {
  margin-right: 10px;
  margin-bottom: 0;
}
.preview-bottom a {
  padding: 5px 20px ;
  color: var(--dark-grey-color);
}
.preview-bottom a.lightbox-bt i {
  color: var(--light-grey-color);
  margin-top: -2px;
  font-size: 30px;
  margin-left: -2px;
}
.preview-bottom a.lightbox-bt:hover i {
  color: #ffae00;
}
.preview-bottom a i {
  font-size: 24px;
  padding-right: 10px;
}
.preview-bottom a.lightbox-bt:hover {
  color: #000000;

}
.preview-bottom a.share-bt i {
  font-size: 24px;
  padding-left: 10px;
  padding-right: 0;
}
.preview-bottom a:hover {
  color: #000000;
  background-color:var(--extra-light-grey-color);
}
.preview-link a {
  color: var(--dark-grey-color);
  padding: 5px 20px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.preview-link a i {
  font-size: 30px;
}
.preview-link a:hover {
  color: #000000;

}
.preview-details .preview-link ul{
  margin: 0;
  padding: 0;
}
.preview-details .preview-link ul li {
  border-bottom: 1px solid var(--light-grey-color);
  width: 100%;
}
.preview-details .preview-link ul li:hover {
  background-color:var(--extra-light-grey-color);
}
.preview-details .preview-link ul li:last-child {
  border: none;
}


.tags-list {
  margin: 20px 0;
  padding-left: 0;
}
.tags-list .tag-element {
  margin: 0 10px 10px 0;
  width: auto;
  padding: 5px 15px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #e0e4e8;
  font-size: 14px;
}
.tags-list .tag-element:hover {
  background-color: #818892;
}
.tags-list .tag-element:hover a {
  color: #ffffff;
}

.tags-list .tag-element a {
  color: #818892;
}





.landing-events.more-items {
}
.landing-events.more-items ul{

}
.landing-events.more-items ul:before {
  display: none;
}
.landing-events.more-items ul li {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  position: relative;
  vertical-align: top;
  background: transparent;
  background-color: #ffffff;
  max-width: 100%;
  -webkit-transition: border-color 0.15s,background 0.15s;
  -o-transition: border-color 0.15s,background 0.15s;
  transition: border-color 0.15s,background 0.15s;
  overflow: hidden;
  border:2px solid rgba(160, 166, 175, 0.5);
  border-radius: 4px;
}
.landing-events.more-items ul li:hover {
  border-color: var(--grey-color);
  -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.15);
  box-shadow: 0 0 14px rgba(0,0,0,0.15);
}
.landing-events.more-items ul li > a {
  height: 200px;
  overflow: visible;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.landing-events.more-items ul li > a img{
  width: auto;
  max-width: 80%;
  height: auto;
  padding: 0;
  max-height: 200px;
}
.landing-events.more-items ul li .wrapper {
  text-align: center;
  margin: 0;
  max-width: 80%;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.landing-events.more-items ul li:hover .wrapper{
}
.landing-events.more-items ul li .wrapper h2 {
  min-height: 10px;
  font-size: 24px;
  font-weight: 100;
}
.landing-events.more-items ul li .wrapper h2 a {
  color: var(--dark-grey-color)
}
.landing-events.more-items ul li .wrapper .plus {
  display: none;
}


.modal-lightbox .md-content ul {
  padding-left: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
  max-height: 400px;
  overflow: auto;
}
.modal-lightbox  .control-group .controls.buttons {
  width: auto;
}
.modal-lightbox .md-content ul li {
  border-bottom: 1px solid var(--light-grey-color);
  width: 100%;
}
.modal-lightbox .md-content ul li .tool-favorite.active {
  color: #4CAF4D;

}
.modal-lightbox .md-content ul li .lightbox-bt {
  color: var(--dark-grey-color);
  padding: 5px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.modal-lightbox .lightbox-name {
  display: block;
}
.lightbox-bt .lightbox-created-at,
.lightbox-bt .lightbox-last-update {
  font-size: 12px;
  margin-right: 5px;
}

/* Galleries view */

.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-title {
  font-weight: bold;
}
.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li {
  overflow:visible;
  position:relative;
  z-index:1;
}

.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li:before {
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
  background: var(--light-grey-color);
  border-radius: 4px;
  max-width: 100%;
  -webkit-transition: border-color 0.15s,margin 0.15s,-webkit-box-shadow 0.15s;
  transition: border-color 0.15s,margin 0.15s,-webkit-box-shadow 0.15s;
  -o-transition: border-color 0.15s,box-shadow 0.15s,margin 0.15s;
  transition: border-color 0.15s,box-shadow 0.15s,margin 0.15s;
  transition: border-color 0.15s,box-shadow 0.15s,margin 0.15s,-webkit-box-shadow 0.15s;
  overflow: hidden;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: -10px;
  margin-top: 10px;
  z-index: -1;
}
.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li:hover,
.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li:hover:before {

  border-color: var(--grey-color);
  -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.15);
  box-shadow: 0 0 14px rgba(0,0,0,0.15);
}


.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-main,
.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-tools {
  background-color: #ffffff;
}
.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-tools a {
  font-size:22px;
  color:var(--grey-color);

}
.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-top-container {
  height: auto;
}
.thumbnails-view.downloads-main .downloads-container.galleries-container > ul li .downloads-item-top-container img {
  max-width: 100%;
  max-height: none;
}



.breadcrum-arrow {
  margin-right: 10px;
  margin-left: 10px;
  color: #000000;
  font-size:16px;
}


/* Newsletter */


#press-release .tabs-content iframe {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: none;

}




.hidden-related .filters-toggle,
.hidden-related .lightbox-toggle,
.hidden-related .search-toggle,
.hidden-related .downloads-main .filter-types a.filters-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  border: none;
}

i.border.UIcon, i.rounded.UIcon, i.square.UIcon, i.transparent.UIcon, span.border.UIcon, span.rounded.UIcon, span.square.UIcon, span.transparent.UIcon,
i.border.ion, i.rounded.ion, i.square.ion, i.transparent.ion, span.border.ion, span.rounded.ion, span.square.ion, span.transparent.ion, i.transparent.ion-md-star {
  font-size: 28px;
}

[layout-align="start stretch"],[layout-align]{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-justify-content: flex-start;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-webkit-align-items:stretch}
[layout-align="start stretch"],[layout-align=start],[layout-align="start start"],[layout-align="start center"],[layout-align="start end"]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-justify-content:flex-start}
[layout-align=center],[layout-align="center start"],[layout-align="center center"],[layout-align="center end"],[layout-align="center stretch"]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-justify-content:center}
[layout-align=end],[layout-align="end center"],[layout-align="end start"],[layout-align="end end"],[layout-align="end stretch"]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-justify-content:flex-end}
[layout-align=space-around],[layout-align="space-around center"],[layout-align="space-around start"],[layout-align="space-around end"],[layout-align="space-around stretch"]{-ms-flex-pack:distribute;justify-content:space-around;-webkit-justify-content:space-around}
[layout-align=space-between],[layout-align="space-between center"],[layout-align="space-between start"],[layout-align="space-between end"],[layout-align="space-between stretch"]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-justify-content:space-between}
[layout-align="start start"],[layout-align="center start"],[layout-align="end start"],[layout-align="space-around start"],[layout-align="space-between start"]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:flex-start;-webkit-align-content:flex-start}
[layout-align="start center"],[layout-align="center center"],[layout-align="end center"],[layout-align="space-around center"],[layout-align="space-between center"]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-webkit-align-content:center;max-width:100%}
[layout-align="start center"]>*,[layout-align="center center"]>*,[layout-align="end center"]>*,[layout-align="space-around center"]>*,[layout-align="space-between center"]>*{max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
[layout-align="start end"],[layout-align="center end"],[layout-align="end end"],[layout-align="space-around end"],[layout-align="space-between end"]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-line-pack:end;align-content:flex-end;-webkit-align-align-items:flex-end;-webkit-align-align-content:flex-end}
[layout-align="start stretch"],[layout-align="center stretch"],[layout-align="end stretch"],[layout-align="space-around stretch"],[layout-align="space-between stretch"]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:stretch;-webkit-align-content:stretch}

[layout=row],[layout=column],[layout]{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}[layout=column]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[layout=row]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}


/* ==========================================================
   MEDIACENTER MEDIA QUERIES
   ========================================================== */

/* Large screen
  ========================================================== */

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


  .downloads-main.widget > section,
  form.ng-submitted #search-main.downloads-main.widget > section {
    padding-right: 380px;
  }
  .fixed-content .downloads-main > section > header form {
    padding-right: 0;
  }
  .hidden-related .related-content {
    margin-right: -380px;
  }
  .related-content {
    width: 380px;
  }
  .downloads-main .separator {
    right: 380px;
  }


  .thumbnails-view.downloads-main .downloads-container > ul li{
    width: calc(16.6666666% - 20px);
  }

}

@media only screen and (min-width: 1681px){
  .no-results-container {
    font-size: 40px;
  }
  .no-results-button {
    font-size: 18px;
  }
}

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

  .thumbnails-view.downloads-main .downloads-container > ul {
    padding-left: 10px;
    padding-right: 10px;
  }
  .thumbnails-view.downloads-main .downloads-container > ul li{
    width: calc(25% - 20px);
  }
  .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-title {
    line-height: 1.4;
    font-size: 15px;
  }
  .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container {
    height: 180px;
  }
  .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container img {
    max-height: 150px;
  }




  .downloads-main .separator .separator-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .downloads-main > section > header form .header-title {
    margin-left: 20px;
    font-size: 12px;
  }

  .downloads-main .main-view.column.related-content .widget {
    padding-left: 20px !important;
    padding-right: 20px !important ;
  }


  .fixed-content .downloads-main > section.details-view > header form .close-bt {
    margin-right: 20px;
  }

  .downloads-main .filter-types a.filters-toggle, .filters-toggle, .lightbox-toggle, .search-toggle {
    margin-right: 20px;
  }


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



  .downloads-main.widget > section,
  form.ng-submitted #search-main.downloads-main.widget > section {
    padding-right: 270px;
  }
  .downloads-main .downloads-container {
    margin-top: 64px;
  }
  .downloads-main .related-content {
    width: 270px;
    max-width: 270px;
    min-width: 10px;
  }
  .fixed-content .downloads-main > section > header {
    height: 65px;
  }
  .downloads-main > section > header form .header-title .header-logo {
    max-height: 53px;
  }

  .downloads-main .separator {
    right: 270px;
    top: calc(var(--header-height) + 65px);
  }

  .downloads-filters.submenu-list > ul > li.toggle-col {
    height: 65px;
  }
  .downloads-filters.submenu-list > ul > li.dates {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
  }
  .downloads-filters.submenu-list > ul > li.dates .date:first-child,
  .downloads-filters.submenu-list > ul > li.dates .date:last-child {
    margin: 0 0 20px 0;
  }
  .downloads-filters.submenu-list > ul > li .controls {
    height: 40px;
  }
  .downloads-filters.submenu-list > ul > li .controls input {
    height: 40px;
  }
  .downloads .details-view .downloads-container,
  .downloads .loading, .downloads .no-results-container {
    margin-top: 65px;
  }
  .landing-events.more-items ul li > a {
    height: 150px;
  }
  .landing-events.more-items ul li > a img {
    max-height: 150px;
  }
  .landing-events.more-items ul li .wrapper h2 {
    font-size: 20px;
  }

  .uib-day .btn,
  .uib-daypicker th .btn,
  .uib-month .btn,
  .uib-monthpicker th .btn,
  .uib-year .btn,
  .uib-yearpicker th .btn {
    padding-left: 0;
    padding-right: 0;
  }
  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup {
    min-width: 100%;
    left: auto !important;
  }
  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup table {
    width: 100%;
  }

}

/* Tablet devices layout adjustments
  ========================================================== */

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

  .thumbnails-view.downloads-main .downloads-container > ul {
    padding-left: 10px;
    padding-right: 10px;
  }

  .thumbnails-view.downloads-main .downloads-container > ul li{
    width: calc(33.3333333% - 20px);
  }
  .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container {
    height: 180px;
  }
  .thumbnails-view.downloads-main .downloads-container > ul li .downloads-item-top-container img {
    max-height:150px;
  }


  .downloads-main > section > header form .header-title.large .gallery-breadcrum-icon {
    display: block;
  }
  .downloads-main > section > header form .header-title.large .gallery-breadcrum-name {
    display: none;
  }
  .downloads-main > section > header form .header-title.large > span:last-child .gallery-breadcrum-name {
    display: block;
  }
  .downloads-main > section > header form .header-title.large > span:last-child .gallery-breadcrum-icon {
    display: none;
  }

  .downloads-main > section > header .search input {
    min-width: 200px;
  }
  .downloads-main > section > header .control-group .controls i {
    font-size: 22px;
  }

}

/* Tablet devices layout adjustments
  ========================================================== */

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


  .downloads-main.widget > section,
  form.ng-submitted #search-main.downloads-main.widget > section{
    padding-right: 0;
  }
  .fixed-content .downloads-main > section > header form {
    padding-right: 0;
  }
  .downloads-main .related-content {
    width: 50%;
    max-width: 50%;
  }
  .downloads-main .filter-types a {
    margin: 0 5px;
  }
  .downloads-main .main-view.column.related-content .widget .more-items-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    max-width: 100%;
  }
  .downloads-main .separator {
    right: 220px;
  }
  .downloads-filters.submenu-list > ul > li.dates,
  .downloads-filters.submenu-list > ul > li.toggle-col {
    width: 100%;
  }
  .downloads-filters.submenu-list > ul > li.search {
  }

  .thumbnails-view.downloads-main .downloads-container > ul li{
    width: calc(50% - 20px);
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li {
    text-align: center;
  }
  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group{
    float: none;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    text-align: center;
  }
  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li > .btn {
    float: none;
  }
  .downloads-main > section > header .search select.input-block-level {
    padding-left: 10px !important;
  }
  .downloads-main > section > header .search .controls > i {
    display: none;
  }
  .downloads-main .search-toggle {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .downloads-main > section > header .search {
    margin-right: -40px;
  }
  .downloads-main > section > header .search input {
    padding-right: 40px;
  }
  .downloads-main > section > header .off .search {
    display: none;
  }
  .downloads-main > section > header .off .search .custom-select,
  .downloads-main > section > header .off .search input.input-block-level {
    width: 0;
    margin: 0;
    min-width: auto;
    padding: 0;
    overflow: hidden;
  }
  .downloads-main .filter-types a.filters-toggle, .filters-toggle, .lightbox-toggle, .search-toggle {
    margin-right: 15px;
  }
  .downloads-main .off .search-toggle {
    margin-right: 15px;
  }
  .downloads-main .search-toggle {
    margin-right: 20px;
  }
}


/* Mobile devices layout adjustments
  ========================================================== */

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


  .right-content #right-navigation .menu li {
    display: inline-block !important;
  }


  .downloads #header, .downloads #footer {
    padding: 0;
  }
  .downloads-filters.submenu-list > ul > li.toggle-col   {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    -webkit-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-content: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .downloads-main .related-content {
    z-index: 4;
    top: var(--header-height);
    max-width: none;
    bottom: 0;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  .downloads.fixed-content .related-content {
    top: var(--header-height);
  }
  .downloads-main .main-view.column.related-content .widget:first-child {
    padding-top: 0;
  }
  .downloads-main .related-content.active {
    display: block;
    top: 45px;
  }
  .downloads-main .related-content .widget {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fixed-content.downloads-page .related-content.zone-3 > *:first-child {
    padding-top: 20px;
  }
  .downloads #header .wrapper.row-two .right-content {
    display: none;
  }
  .downloads #header .wrapper.row-two .menu > li.filters {
    display: none;
  }
  .downloads.downloads-page #header .wrapper.row-two .menu > li.filters {
    position: fixed;
    right: 0;
    display: block;
    top: 0;
  }
  .downloads #header .wrapper.row-two .menu > li.filters {
    display: none !important;
  }

  .fixed-content .downloads-main > section > header,
  .headroom--pinned.fixed-content .downloads-main > section > header,
  .headroom--top.fixed-content .downloads-main > section > header {
    top:var(--header-height);
  }
  .fixed-content .downloads-main > section > header {
    height: 60px;
  }
  .downloads-main .filter-types a {
    padding: 0;
    width: 47px;
  }
  .downloads-main.widget > section{
    padding-right: 0;

  }
  .fixed-content .downloads-main > section > header form {
    padding-right: 0;
  }
  .downloads-main > section > header form .header-title {
    margin-left: 15px;
  }
  .downloads-main > section > header form .header-title .gallery-breadcrum-icon {
    display: block;
  }
  .downloads-main > section > header form .header-title .gallery-breadcrum-name {
    display: none;
  }
  .downloads-main > section > header form .header-title > span:last-child .gallery-breadcrum-name {
    display: block;
  }
  .downloads-main > section > header form .header-title > span:last-child .gallery-breadcrum-icon {
    display: none;
  }

  .downloads-main > section > header form > .filter-types:first-child {
    min-width: 100px;
  }

  .downloads-main > section > header .search {
    margin-right: 0;
    position: fixed;
    overflow: visible;
    left: 15px;
    right: 15px;
    top: 122px;
  }
  .downloads-main > section > header .search .controls {
    background-color: #fff;
    border-radius: 22px;
  }
  .downloads-main > section > header .search:before {
    content: "";
    background-color: #d6d9dd;
    position: absolute;
    left: -15px;
    top: -13px;
    height: 64px;
    right: -15px;
  }
  .downloads-main .off .search-toggle,
  .downloads-main .search-toggle {
    margin-right: 15px;
  }

  .downloads-main .downloads-container {
    margin-top: 60px;
  }

  .downloads-main .downloads-container > ul li {
    font-size: 12px;
    padding: 15px 10px;
  }

  .downloads-main .downloads-container > ul li .downloads-item-tools a {
    padding: 0 5px;
  }
  .downloads-main .downloads-container > ul li .downloads-item-top-container i {
    font-size: 45px;
  }
  .downloads-main .downloads-container > ul li .downloads-item-tools {
    width: 70px;
  }
  .downloads-main .downloads-container > ul li .downloads-item-main {
    width: calc(100% - 98px);
  }
  .downloads-main .downloads-container > ul li .downloads-item-title {
    font-size: 14px;
    margin-bottom: 5px;

  }
  .downloads-main > section > header .control-group .controls i {
    padding: 8px 5px;
  }
  .downloads-main > section > header form .input-block-level {
    padding-left: 40px;
  }
  .downloads-main > section > header form .header-title .header-logo {
    max-height: 47px;
  }
  .hidden-related .filters-toggle, .hidden-related .lightbox-toggle,.hidden-related .downloads-main .filter-types a.filters-toggle {
    padding-right: 0;
    border: none;
    width: 24px;
    padding-left: 0;
  }
  .hidden-related .filters-toggle i, .hidden-related .lightbox-toggle i,.hidden-related .downloads-main .filter-types a.filters-toggle i {
    font-size: 28px !important;
  }
  #downloads-filters-filters {

  }
  .downloads-filters.submenu-list > ul > li.toggle-col {
    height: 60px;
  }
  .more-items-item > .toggle-bt,
  .toggle-bt {
    width: 21px;
  }
  .toggle-bt i {
    font-size: 28px !important;
  }
  .toggle-bt i:not(.icon-close-circle-line):before {
    content: "\f2c0";
  }
  .downloads-main .separator {
    position: relative;
    top: auto;
    border-bottom: 1px solid var(--main-background);
  }
  .downloads-main .separator .separator-container {
    padding: 0 15px;
  }


  .downloads-filters.submenu-list > ul > li.filter-types {
    margin-bottom: 20px;
  }
  .downloads-filters.submenu-list > ul > li.filter-types a {
    width: 28px;
  }
  .downloads-filters.submenu-list > ul > li.filter-types a:first-child{
    margin-left: 0;
  }
  .downloads-filters.submenu-list > ul > li.filter-types a:last-child{
    margin-right: 0;
  }

  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li .btn-group{
    float: left;
    width: auto;
    padding: 0;
    text-align: left;
  }
  .downloads-filters.submenu-list li .control-group .controls .uib-datepicker-popup li > .btn {
    float: right;
  }

  .thumbnails-view.downloads-main .downloads-container > ul {
    padding-left: 15px;
    padding-right: 15px;
  }

  .thumbnails-view.downloads-main .downloads-container > ul li{
    width:100%;
    margin-left: 0;
    margin-right: 0;
  }
  .thumbnails-view.downloads-main .downloads-container.galleries-container > ul li {
    margin-left: 10px;
  }



  .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article header, .downloads-main .tabs-container .items-tab:not(.home):not(.contact):not(.accreditation) .widget.article-view .article .article-view-body {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .downloads-main .downloads-container > ul li .downloads-item-info .item-info-extra {
    display: none;
  }

  .downloads-main > section > header .show-hide-filters {
    display: none;
  }

  .preview-details {
    padding-left: 0;
    width: 100%;
    min-width: 10px;
  }
  .preview-details .preview-text .item-title {
    font-size: 22px;
  }
  .preview-link a,
  .preview-bottom a,
  .preview-details .preview-link .preview-link-title {
    padding-left: 15px;
    padding-right: 15px;
  }
  .preview-media {
    padding-right: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .preview-media img {
    max-width: 100%;
  }
  .item-info .preview-media .item-info-type {
    text-align: left;
    margin: 0 0 0 -20px;
    line-height: 100px;
    font-size: 100px;
  }
  .downloads .details-view .downloads-container {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
  }
  .downloads .details-view.lightbox-view .downloads-container {
    padding-top: 0;
  }
  .fixed-content .downloads-main > section.details-view > header form .close-bt {
    margin-right: 15px;
  }

  .downloads .details-view.lightbox-view .downloads-container .separator-container {
    margin-left: 0;
    margin-right:0;
    border-radius: 0;
  }
  .landing-events.more-items ul li > a {
    height: 200px;
  }
  .landing-events.more-items ul li > a img {
    max-height: 200px;
  }

  .lightbox-bt .lightbox-created-at, .lightbox-bt .lightbox-last-update {
    display: block;
  }
  .modal-lightbox .md-content ul {
    max-height: 300px;
  }

  .modal-lightbox .control-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal-lightbox .control-group .controls.buttons {
    margin-top: 10px;
    width: 100%;
  }








  .breadcrum-arrow {
    margin: 0 5px;

  }



}

/* MEDIACENTER EXCLUSIVE CSS PLUGINS */




tags-input {
  display: block;
  padding: 0 !important;
  height: auto !important;
}

tags-input *,
tags-input:after,
tags-input:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #585858;
}

tags-input .host {
  position: relative;
  height: 100%
}

tags-input .host:active {
  outline: 0
}

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 12px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: rgba(224, 228, 232, 0.38);
  height: 100%;
}

tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

tags-input .tags .tag-item {
  margin: 2px;
  padding: 4px 13px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 33px;
  line-height: 25px;
  border: none;
  border-radius: 25px;
  background: var(--light-grey-color);

}

tags-input .tags .tag-item.selected {
  background: -webkit-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
  background: linear-gradient(to bottom, #febbbb 0, #fe9090 45%, #ff5c5c 100%)
}

tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: 0 0;
  cursor: pointer;
  vertical-align: middle;
  font: 700 16px Arial, sans-serif;
  color: #585858
}

tags-input .tags .input.invalid-tag,
tags-input .tags .tag-item .remove-button:active {
  color: red
}

tags-input .tags .input {
  border: 0;
  outline: 0;
  margin: 2px;
  padding: 0 0 0 5px;
  float: left;
  height: 33px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: transparent;
}

tags-input .tags .input::-ms-clear {
  display: none
}

tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6)
}

tags-input[disabled] .host:focus {
  outline: 0
}

tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default
}

tags-input[disabled] .tags .tag-item {
  opacity: .65;
  background: -webkit-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%);
  background: linear-gradient(to bottom, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%)
}

tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default
}

tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858
}

tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default
}

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative
}

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff
}

tags-input .autocomplete .suggestion-item.selected,
tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf
}

tags-input .autocomplete .suggestion-item em {
  font: normal 700 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff
}

/* MEDIACENTER ADVANCE SEARCH & NEW FEATURES */

.as-item {
  margin-bottom:5px;
}
header.as-item {
  margin-bottom:30px;
}
.as-item h4 {
  margin:0;
  display: flex;
  align-items: center;
  line-height: 1;
  color:#000;
  font-size: 15px;
}
.as-item h4 i {
  width:25px;
  height: 25px;
  margin-right:10px;
}
.as-item .toggle-bt {
  height:auto;
}
.as-full-width.as-item-container {
  width:100%;
}

.as-item-container,
.as-item-container .control-group.search,
.as-item-container.as-full-width .control-group.select {
  width: 68%;
  flex: none;
  margin-right: 10px;
}
.as-item-container .control-group.select {
  position: relative;
}
.as-item-container .control-group.select:before {
  content: "\f3d0";
  font-family: "Ionicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: #000;
  right: 20px;
  font-size: 20px;
  z-index: 1;
  pointer-events: none;
}
.as-item-container .control-group.select select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance:none;
}
.as-item-container {
  padding-bottom:10px;
  padding-top:10px;
  color: #000;
}
.as-item-container .control-group.button {
  background: transparent;
  overflow: visible;
  border: none;
}
.as-item-container .control-group.button button {
  border-radius: 22px;
}
.as-item-container .control-group.button button:focus {
  border:none;
  outline: none;
}
.as-item-container .control-group {
  border: 1px solid #ddd;
  border-radius: 22px;
  background-color: #ffffff;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -webkit-align-content: center;
    max-width: 100%;
    width:100%;
    margin-bottom:0;
}
.as-item-container .control-group .controls {
  margin: 0;
  position: relative;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.as-item-container .control-group .controls i {
  width: 31px;
  flex: none;
  text-align: right;
  font-size: 23px;
}
.as-item-container .control-group .controls a{
  margin-top: 0;
  margin-bottom: 0;
  width: 37px;
  color: var(--grey-color);
  text-align: right;
  flex: none;
}
.as-item-container .control-group .controls button {
  height:34px;
}
.as-item-container .control-group .controls .input-block-level {
  height: 35px;
  padding: 5px 15px;
  border:none;
  width:100%;
  outline: none !important;
}
.as-item-container .control-group .controls select,
.as-item-container .control-group .controls select:focus {
  border:none;
  text-align: left;
}
.as-item-title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 16px;
}
.as-item-title i {
  font-size: 17px;
  margin-right: 10px;
  width: 12px;
  display: inline-block;
  vertical-align: middle;
}
.as-item-description{
  color: var(--dark-grey-color);
  font-style: italic;
  line-height: 1.2;
  font-size: 13px;

}
.as-switch .as-item-container > *:first-child {
  width:100%;
}
.as-item-container .as-switch-element {
  margin-left:10px;
  margin-top: 2px;
}
.as-switch-element {
  position: relative;
  display: flex;
  height: 20px;
  width: 40px;
  align-items:center;
  letter-spacing: 1px;
  font-size: 14px;
  flex: none;

}
.as-switch-element input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.as-switch-element .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: auto;
  right: 0px;
  bottom: 0;
  background-color: var(--grey-color);
  -webkit-transition: .4s;
  transition: .4s;
  width: 40px;
}

.as-switch-element .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.as-switch-element input:checked + .slider {
  background-color: var(--primary);
}



.as-switch-element input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}


/* Rounded sliders */
.as-switch-element .slider.round {
  border-radius: 34px;
}

.as-switch-element .slider.round:before {
  border-radius: 50%;
}

.as-tags-group {
  margin-bottom:20px;
  margin-top: 15px;
  margin-left: 20px;
}
.as-tags-group ul{
  list-style: none;
  margin: 10px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.as-tags-group ul li {
  margin-right:5px;
  margin-bottom:10px;
  display: flex;
}
.as-tags-group ul li a {
  background: #FFFFFF;
  border-radius: 22px;
  height: 30px;
  text-align: center;
  color: var(--dark);
  padding: 0 15px;
  line-height: 30px;
}
.as-tags-group ul li a:hover {
  background: var(--dark-text-color);
}
.as-tags-group .as-item-title {
  font-size: 14px;
}
.as-tags-group .as-item-title i:before {
  content: "\f35b";
  display: inline-block;
  font-family:"Ionicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.downloads-main > section > header .filters-select:has(span) i {
  width:25px;
  height:25px;
  margin-right:5px;
  opacity: .3;
}
.downloads-main > section > header .filters-select.active i {
  opacity:1;
}
.icon-advance-search {
  background: url(../img/advanced-search.svg) center center transparent no-repeat;
  background-size:contain;
}
.icon-lightboxes {
  background: url(../img/lightboxes.svg) center center transparent no-repeat;
  background-size:contain;
}
.icon-lightboxes-share {
  background: url(../img/lightboxes-share.svg) center center transparent no-repeat;
  background-size:contain;
}

/* LIGHTBOXES */

.lb-item {
  border-bottom: 1px solid rgba(0,0,0,0.15);
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: 37px;
  width: calc(100% - 36px) !important;
}
.lb-item:first-child {
  border-top: 1px solid rgba(0,0,0,0.15);
}
.lb-item .filter-count {
  margin-left: 5px;
  font-weight: normal;
  font-size: 13px;
  margin-top: 2px;
}
.actions-list {
  font-size: 20px;
  flex: none;
  margin-left: 20px;
  display: flex;
}
.actions-list a {
  color: var(--text-color);
  margin-left: 7px;
}
.lb-item .as-item-title .icon-group-line {
  font-size: 14px;
    margin-left: 9px;
    display: inline-block;
    vertical-align: middle;
}
.actions-list a.shared {
  font-size: 16px;
  line-height: 30px;
}
.actions-list a.green-icon {
  color: #4cae4c;
}
.actions-list a.red-icon {
  color: var(--orange);
}
.actions-list a.active {
  color: var(--selected-items-color);
}
.actions-list a.green-icon,
.actions-list a.red-icon {
  font-size: 24px;
  display: flex;
}
.btn-text-icon .btn-circle {
  margin-left:10px;
  font-size: 20px;
}
#downloads-filters-favorites .as-item-container .control-group {
  margin-left: 0;

}
#downloads-filters-favorites .as-item-title {
  cursor: pointer;
  margin-bottom: 0;
}
.modal-grey {
  border-radius: 5px;
  overflow: hidden;
}
.modal-grey .md-content {
  background-color: var(--related-content-color);
}
.modal-grey .md-content .md-header {
  background: transparent;
}
.modal-grey .md-content .md-header .md-header-title,
.modal-grey .md-content .md-header .md-close  {
  color: var(--text-color);
}
.modal-grey .md-content .md-header-text {
  margin-top:0;
  font-size: 16px;
  margin-bottom:25px;
}
.modal-grey .md-content ul {
  margin-left:0;
  padding-left: 0;
  margin-bottom: 30px;
  margin-top: 10px;
  padding-bottom: 0;
  max-height: 400px;
  overflow: auto;
}
.modal-grey .md-content > * {
  padding-top: 10px;
}
.modal-grey  .control-group .controls.buttons {
  width: auto;
}
.modal-grey .md-content ul li {
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  width: 100%;
}
.modal-grey .md-content ul li:first-child {
  border-top: 1px solid rgba(0, 0, 0, .15);
}
.modal-grey .md-content ul li:hover {
  background: #d1d3d9;
}
.modal-lightbox .md-content ul li .tool-favorite.active {
  color: #4CAF4D;

}
.modal-grey .md-content ul li .lightbox-bt {
  color: var(--dark-grey-color);
  padding: 7px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
          flex: 1;
  font-size: 16px;
}

.modal-grey .lightbox-name {
  display: block;
  color: var(--text-color);
}
.lightbox-bt .lightbox-created-at,
.lightbox-bt .lightbox-last-update {
  font-size: 12px;
  margin-right: 5px;
}
.share-box.lb-item {
  padding: 20px;
  background: rgba(0,0,0,0.05);
  border-radius: 4px;
  border: none;
}

.share-box .md-header-text {
  margin-bottom: 10px;
}
.share-box button {
  margin-left: 10px !important;
}
.btn-rounded {
  border-radius: 30px;
}
.btn-circle {
  border-radius: 100%;
  height: 30px;
  width: 30px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border:none;
}
.btn-lg.btn-circle {
  height: 50px;
  width: 50px;
}

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

  .as-item-container, .as-item-container .control-group.search {
    width:100%;
    margin-right: 0;
  }
  .as-item-container {
    position:relative
  }
  .as-item-container .control-group.search .controls i {
    display:none;
  }
  .as-item-container .control-group.search .controls .input-block-level {
    padding-right:40px;
  }
.as-item-container .control-group.button {
    width: 35px;
  }
  .as-item-container .control-group.button:not(.button-reset) {
    position: absolute;
    right: 0;
  }
  .as-item-container .control-group.button button {
    color: transparent;
    padding: 0;
    height:35px;
  }
  .as-item-container .control-group.button button:before {
    content: "\E333";
    font-family: "UIFont-Solid";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color:#fff;
    font-size: 22px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    line-height: 34px;
    padding-right: 2px;
  }
  .as-item-container .control-group.button.button-reset button:before {
    content: "\EB98";
    font-family: "remixicon";
  }
  .as-item-container.as-full-width .control-group.select {
    width: calc(100% - 45px);
  }
}

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

  .downloads-main > section > header .filters-select span {
    display: none;
  }

}
@media only screen and (max-width: 1023px){
  .advanced-search .layout-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

/* Widgets
  ========================================================== */
.column > .widget:not(.article-view):not(.full-width),
.column > .widget.slide-items {
  padding-top: 40px;
  padding-bottom: 40px;
}

.column > .widget:not(.full-width):not(.widget-wrapper) > *,
.column > .widget.widget-wrapper:not(.full-width) {
  width: 100%;
  max-width: var(--max-width-column);
  margin-left: auto;
  margin-right: auto;
}

.column.primary-content > .widget:not(.full-width):not(.article-view) > * {
  width: 90%;
}

#content .widget img {
  width: 100%;
}

.widget > ul {
  margin: 0;
  padding: 0;
}

.widget.full-width,
.full-width,
.span-grid,
.full-content {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

/* Top Stories */
.slider-widget {
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}

.slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 100%;
}

.slide-content {
  z-index: 3;
  padding: 40px 60px 70px;
  width: 100%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  margin-top: 0 !important;
}

.slide-content > * {
  max-width: calc( var(--max-width-column) / 2);
  margin-left: 0;
  color: #ffffff;
}

.topstory-text-left .slide-content > * {
  margin-left: 0;
  margin-right: auto;
}

.topstory-text-right .slide-content > * {
  margin-right: 0;
  margin-left: auto;
}

.fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content > *,
.bg-vid .topstory-text-center .slide-content > * {
  margin-right: auto;
  margin-left: auto;
}

.fotorama__stage__frame:not(.fotorama__stage__frame--video) .topstory-text-center .slide-content,
.bg-vid .topstory-text-center .slide-content {
  text-align: center;
}

.topstory-text-right .slide-content {
  text-align: right;
}

.topstory-text-left.center-box .slide-content {
  padding-left: 60px;
}

.topstory-text-right.center-box .slide-content {
  padding-right: 60px;
}

.bottom-box .slide-content {
  bottom: 0;
}

.top-box.slide-content {
  top: 0;
}

.center-box .slide-content {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 !important;
  background: none;
}

.slides .slide .slide-content:before {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  z-index: -1;
  display: none;
}

.bottom-box .slide-content:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.top-box .slide-content:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.widget:not(.boxed) .fotorama__stage__frame.fotorama__stage__frame--video .slide-content > * {
  max-width: 43%;
}

.slide-content .slide-title {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0px;
  letter-spacing: -1px;
  font-weight: 700;
  font-size: 52px;
}

.slide-content .slide-title a {
  color: #ffffff;
}

.slide-content .slide-category {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
}

.slide-content .slide-category:after {
  content: " | ";
  font-weight: 100;
}

.slide-content p {
  font-size: 20px;
  color: #fff;
}
.slide-content p a {
  color: #ffffff;
  text-decoration: underline;
}
.slide-content div .btn {
  margin-left: 10px;
  margin-right: 10px;
}
.slide-content .btn {
  text-shadow: none;
  margin-top: 10px;
}

.slides .fotorama__nav-wrap {
  position: absolute;
  bottom: 20px;
}

.slides .fotorama__nav--dots .fotorama__nav__frame {
  width: 28px;
}

.slides .fotorama__dot {
  width: 13px;
  height: 13px;
  border-width: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  border-color: #ffffff;
}

.slides .fotorama__nav__frame.fotorama__active .fotorama__dot {
  background-color: #536382;
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #ffffff;
}

.widget .fotorama__arr {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: var(--border-radius-form);
}

.widget .fotorama__arr--next {
  right: 15px;
}

.widget .fotorama__arr--prev {
  left: 15px;
}

.widget .slides .fotorama__video-play {
  background: var(--main-color-bg);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.widget .slides .fotorama__video-play:before {
  content: "\f488";
  font-family: "Ionicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 60px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-left: 7px;
}

.boxed .slide-content {
  background: #ffffff !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 70%;
  padding: 40px !important;
  border-radius: var(--border-radius-boxes);
}

.boxed .slide-content * {
  color: var(--titles-color) !important;
}

.boxed .bottom-box .slide-content {
  margin-bottom: 5%;
}

.boxed .top-box .slide-content {
  margin-top: 5%;
}

.boxed .topstory-text-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.boxed .topstory-text-left .slide-content {
  margin-left: 5%;
}

.boxed .fotorama__stage__frame.fotorama__stage__frame--video .slide-content {
  max-width: 38%;
  margin-left: 60px !important;
  margin-right: auto !important;
}

.boxed .slide {
  background: none;
}

.bg-vid iframe {
  position: relative;
  display: block;
}

.top-image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  display: none;
}

.header-lg .bg-vid {
  margin-top: calc((var(--header-height) - (var(--header-height) * 2)) * 2);
}

/* More Items */
.more-items-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  list-style: none;
}

.nowrap .more-items-list {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.more-items-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: relative;
  margin: 0 calc(var(--gap) / 2) var(--gap);
  width: 100%;
  background-color: #ffffff;
  border-radius: 0 0 var(--border-radius-items) var(--border-radius-items);
}

.more-items-item img {
  padding: 0px;
}

.more-items-item .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 20px var(--wrapper-padding);
}

.more-items-item .wrapper > * {
  margin: 5px 0;
}

.more-items-item > a,
.more-items-item .more-items-img-container {
  overflow: hidden;
  width: 100%;
}

.more-items-item > a img,
.more-items-item .more-items-img-container img {
  overflow: hidden;
  border-radius: var(--border-radius-items) var(--border-radius-items) 0 0;
  padding: var(--img-padding) var(--img-padding) 0;
}

.more-items-item h2 {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.more-items-category,
.more-items-subsection {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0 !important;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  color: var(--titles-color);
}

.more-items-category ~ h2,
.more-items-subsection ~ h2,
.video-items time ~ h2 {
  margin-top: 5px !important;
}

.center-items .more-items-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.end-items .more-items-list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.start-items .more-items-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.no-wrapper .more-items-item .wrapper {
  display: none;
}

/* More items Gap */
.gap-0 {
  --gap: 0px;
}

.gap-5 {
  --gap: 5px;
}

.gap-10 {
  --gap: 10px;
}

.gap-20 {
  --gap: 20px;
}

.gap-30 {
  --gap: 30px;
}

.gap-40 {
  --gap: 40px;
}

.full-width.gap-0,
.full-width.gap-5,
.full-width.gap-10,
.full-width.gap-20,
.full-width.gap-30,
.full-width.gap-40 {
  padding-left: calc(var(--gap) / 2);
  padding-right: calc(var(--gap) / 2);
}

.gap-0:not(.full-width) .more-items-list,
.gap-0:not(.full-width) .tabs-content,
.gap-5:not(.full-width) .more-items-list,
.gap-5:not(.full-width) .tabs-content,
.gap-10:not(.full-width) .more-items-list,
.gap-10:not(.full-width) .tabs-content,
.gap-20:not(.full-width) .more-items-list,
.gap-20:not(.full-width) .tabs-content,
.gap-30:not(.full-width) .more-items-list,
.gap-30:not(.full-width) .tabs-content,
.gap-40:not(.full-width) .more-items-list,
.gap-40:not(.full-width) .tabs-content {
  max-width: calc(var(--max-width-column) + var(--gap)) !important;
}

.gap-0 .more-items-item,
.gap-5 .more-items-item,
.gap-10 .more-items-item,
.gap-20 .more-items-item,
.gap-30 .more-items-item,
.gap-40 .more-items-item {
  margin: 0 calc(var(--gap) / 2) var(--gap);
}

.full-width.tabs-end.gap-0 header,
.full-width.tabs-start.gap-0 header,
.full-width.tabs-end.gap-0 .widget-title,
.full-width.tabs-start.gap-0 .widget-title,
.full-width.tabs-end.gap-0 .section-title,
.full-width.tabs-start.gap-0 .section-title,
.full-width.tabs-end.gap-5 header,
.full-width.tabs-start.gap-5 header,
.full-width.tabs-end.gap-5 .widget-title,
.full-width.tabs-start.gap-5 .widget-title,
.full-width.tabs-end.gap-5 .section-title,
.full-width.tabs-start.gap-5 .section-title,
.full-width.tabs-end.gap-10 header,
.full-width.tabs-start.gap-10 header,
.full-width.tabs-end.gap-10 .widget-title,
.full-width.tabs-start.gap-10 .widget-title,
.full-width.tabs-end.gap-10 .section-title,
.full-width.tabs-start.gap-10 .section-title,
.full-width.tabs-end.gap-20 header,
.full-width.tabs-start.gap-20 header,
.full-width.tabs-end.gap-20 .widget-title,
.full-width.tabs-start.gap-20 .widget-title,
.full-width.tabs-end.gap-20 .section-title,
.full-width.tabs-start.gap-20 .section-title,
.full-width.tabs-end.gap-30 header,
.full-width.tabs-start.gap-30 header,
.full-width.tabs-end.gap-30 .widget-title,
.full-width.tabs-start.gap-30 .widget-title,
.full-width.tabs-end.gap-30 .section-title,
.full-width.tabs-start.gap-30 .section-title,
.full-width.tabs-end.gap-40 header,
.full-width.tabs-start.gap-40 header,
.full-width.tabs-end.gap-40 .widget-title,
.full-width.tabs-start.gap-40 .widget-title,
.full-width.tabs-end.gap-40 .section-title,
.full-width.tabs-start.gap-40 .section-title {
  padding-left: var(--gap);
  padding-right: var(--gap);
}

.one-one.img-aside.gap-0 .more-items-item,
.one-one.img-aside.gap-5 .more-items-item,
.one-one.img-aside.gap-10 .more-items-item,
.one-one.img-aside.gap-20 .more-items-item,
.one-one.img-aside.gap-30 .more-items-item,
.one-one.img-aside.gap-40 .more-items-item {
  width: calc(100% - var(--gap));
}

.one-two.img-aside.gap-0 .more-items-item,
.one-two.img-aside.gap-5 .more-items-item,
.one-two.img-aside.gap-10 .more-items-item,
.one-two.img-aside.gap-20 .more-items-item,
.one-two.img-aside.gap-30 .more-items-item,
.one-two.img-aside.gap-40 .more-items-item {
  width: calc(50% - var(--gap));
}

.one-three.img-aside.gap-0 .more-items-item,
.one-three.img-aside.gap-5 .more-items-item,
.one-three.img-aside.gap-10 .more-items-item,
.one-three.img-aside.gap-20 .more-items-item,
.one-three.img-aside.gap-30 .more-items-item,
.one-three.img-aside.gap-40 .more-items-item {
  width: calc(33.33333% - var(--gap));
}

.one-four.img-aside.gap-0 .more-items-item,
.one-four.img-aside.gap-5 .more-items-item,
.one-four.img-aside.gap-10 .more-items-item,
.one-four.img-aside.gap-20 .more-items-item,
.one-four.img-aside.gap-30 .more-items-item,
.one-four.img-aside.gap-40 .more-items-item {
  width: calc(25% - var(--gap));
}

/* Image aside */
.img-aside .more-items-item {
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  padding: 0;
  margin-bottom: 2px;
  background-color: #ffffff;
  border-radius: var(--border-radius-items);
}

.img-aside .more-items-item > a,
.img-aside .more-items-item .more-items-img-container {
  width: 50%;
}

.img-aside .more-items-item > a img,
.img-aside .more-items-item .more-items-img-container img,
.img-end-start.img-aside .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside .wrapper {
  border-radius: var(--border-radius-items) 0 0 var(--border-radius-items);
}

.img-aside .more-items-item > a img,
.img-aside .more-items-item .more-items-img-container img {
  padding: var(--img-padding) 0 var(--img-padding) var(--img-padding);
}

.img-end.img-aside .more-items-item > a img,
.img-end.img-aside .more-items-item .more-items-img-container img,
.img-end-start.img-aside .more-items-item:nth-child(odd) > a img,
.img-end-start.img-aside .more-items-item:nth-child(odd) .more-items-img-container img,
.img-start-end.img-aside .more-items-item:nth-child(even) > a img,
.img-start-end.img-aside .more-items-item:nth-child(even) .more-items-img-container img {
  padding: var(--img-padding) var(--img-padding) var(--img-padding) 0;
}

.img-start-end:not(.img-aside) .more-items-item:nth-child(even) > a img,
.img-start-end:not(.img-aside) .more-items-item:nth-child(even) .more-items-img-container img,
.img-end-start:not(.img-aside) .more-items-item:nth-child(odd) > a img,
.img-end-start:not(.img-aside) .more-items-item:nth-child(odd) .more-items-img-container img {
  padding: 0 var(--img-padding) var(--img-padding) var(--img-padding);
}

.img-aside .more-items-item .wrapper {
  background-color: transparent;
  padding: var(--wrapper-padding) 20px 0 20px;
}

.img-aside.top-box .more-items-item .wrapper {
  padding-bottom: 0;
}

.img-aside.bottom-box .more-items-item .wrapper {
  padding-top: 0;
  padding-bottom: var(--wrapper-padding);
}

.img-aside.center-box .more-items-item .wrapper {
  padding-top: 0;
  padding-bottom: 0;
}

.img-aside.img-max-w .more-items-item > a,
.img-aside.img-max-w .more-items-item .more-items-img-container {
  max-width: var(--img-max-w);
}

.related-content .img-aside .more-items-item {
  background-color: transparent;
}

.related-content .img-aside .more-items-item .wrapper {
  padding: 5px 10px;
}

.related-content .img-aside .more-items-item h2 {
  font-size: 18px;
}

.related-content .img-aside .more-items-item > a,
.related-content .img-aside .more-items-item .more-items-img-container {
  max-width: 100px;
}

.img-end-start.img-aside .more-items-item:nth-child(odd),
.img-end.img-aside .more-items-item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.img-end-start.img-aside .more-items-item:nth-child(odd) > a img,
.img-end-start.img-aside .more-items-item:nth-child(odd) .more-items-img-container img,
.img-end.img-aside .more-items-item > a img,
.img-end.img-aside .more-items-item .more-items-img-container img,
.img-aside .wrapper {
  border-radius: 0 var(--border-radius-items) var(--border-radius-items) 0;
}

.img-end-start.img-aside .more-items-item:nth-child(odd) .wrapper,
.img-end.img-aside .wrapper,
.img-start-end.img-aside .more-items-item:nth-child(even) .wrapper {
  text-align: right;
}

.img-start-end.img-aside .more-items-item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

.img-start-end .more-items-item:nth-child(even) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
}

.img-end-start .more-items-item:nth-child(odd),
.img-end .more-items-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
}

.boxed.bottom-box .more-items-item {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.boxed.bottom-box .wrapper {
  margin-bottom: 5%;
  bottom: 0;
}

.boxed.top-box .more-items-item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.boxed.top-box .wrapper {
  margin-top: 5%;
}

.boxed.center-box .more-items-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.boxed.right-box .more-items-item {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}

.boxed.right-box .wrapper {
  margin-right: 5%;
  width: 50%;
}

.boxed.left-box .more-items-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}

.boxed.left-box .wrapper {
  margin-left: 5%;
  width: 50%;
}

.boxed.center-h-box .more-items-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.boxed .wrapper {
  position: absolute;
  width: 70%;
  max-width: 500px;
  border-radius: var(--border-radius-boxes);
  background-color: #ffffff;
}

.one-one.boxed .wrapper {
  max-width: 600px;
}

.boxed .btn-empty,
.boxed .link-button a {
  border: none;
  color: #ffffff;
  background-color: #276CF2;
}

.boxed .btn-empty:hover,
.boxed .link-button a:hover {
  background-color: #1857d4;
}

/* Text over */
.text-over .more-items-item {
  display: block;
}

.text-over .wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: calc(var(--wrapper-padding) * 2);
  background: none;
  border-radius: var(--border-radius-items);
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.text-over .wrapper h2 {
  min-height: 10px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.text-over .wrapper h2 a:hover {
  opacity: 1;
}

.text-over .wrapper * {
  color: #ffffff;
}

.text-over .more-items-item > a,
.text-over .more-items-item .more-items-img-container {
  display: block;
  background-color: #000000;
}

.text-over .more-items-item > a img,
.text-over .more-items-item .more-items-img-container img,
.boxed .more-items-item > a img,
.boxed .more-items-item .more-items-img-container img {
  border-radius: var(--border-radius-items);
  padding: 0;
}

.rounded .more-items-item > a img,
.rounded .more-items-item .more-items-img-container img,
.no-wrapper .more-items-item > a img,
.no-wrapper .more-items-item .more-items-img-container img {
  padding: 0;
}

.text-over.center-box .wrapper,
.slide.center-box {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 0.2s;
  /* Safari */
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.center-box .wrapper,
.slide.center-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.text-over.center-box .more-items-item:hover .wrapper {
  background-color: rgba(0, 0, 0, 0.3);
}

.text-over.bottom-box .wrapper,
.slide.bottom-box .slide-content {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.bottom-box .wrapper,
.slide.bottom-box {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.text-over.top-box .wrapper,
.slide.top-box .slide-content {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.top-box .wrapper,
.slide.top-box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.text-over.bottom-box .more-items-item > a .more-items-img,
.text-over.top-box .more-items-item > a .more-items-img {
  opacity: 1;
}

.top-box .more-items-item .wrapper > *,
.center-box .more-items-item .wrapper > *,
.bottom-box .more-items-item .wrapper > * {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.cover-box .wrapper,
.slide.cover-box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

/* Rounded image */
.rounded:not(.img-aside) {
  text-align: center;
}

.rounded ul li {
  background-color: transparent !important;
}

.rounded ul li .wrapper,
.rounded .wrapper {
  background-color: transparent !important;
}

.rounded img {
  border-radius: 50% !important;
}

/* Large */
.large-text .wrapper h2 {
  font-size: 56px;
}

.large-text .link-button,
.large-text .link-button a {
  font-size: 24px;
}

.large-text time {
  font-size: 24px;
}

/* Slide items */
.slide-items .more-items-item {
  width: 100% !important;
}

.slide-items .more-items-list {
  display: none;
}

.slide-items .showmore-inline.pagination .pagination-page.next, .slide-items .pagination.more .pagination-more {
  display: none;
}

.column > .slide-items.widget {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Video */
.more-video-items {
  width: 100%;
  margin-bottom: 0;
}

.video-items .wrapper time {
  margin-bottom: 0;
}

/* Video Element */
.video-view header {
  padding: 20px;
  background-color: #ffffff;
}

.video-element .vidPlayer {
  width: 100%;
  display: block;
}

.video-element-title {
  color: var(--titles-color);
  display: inline-block;
}

.video-element-time {
  padding-bottom: 10px;
  display: block;
}

/* Galleries list */
.galleries-items .galleries-item .galleries-item-count {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: #a7adb1;
}

/* Social stream */
.widget.social-stream,
.full-content .widget.social-stream {
  position: relative;
  padding-bottom: 100px;
}

.social-stream .socialstream-item {
  position: relative;
  min-height: 65px;
}

.social-stream .socialstream-item img {
  padding: 0;
}

.social-stream.text-over .socialstream-item {
  padding-bottom: 0;
}

.social-stream.text-over .socialstream-item .wrapper {
  position: absolute;
  width: inherit;
  left: 0;
  right: 0;
  padding-bottom: 10px;
}

.social-stream.text-over .socialstream-item .wrapper .socialstream-item-message {
  display: none;
}

.social-stream.text-over .socialstream-item .socialstream-item-username-image img {
  left: 10px;
  top: 18px;
}

.social-stream.text-over .socialstream-item .socialstream-item-username,
.social-stream.text-over .socialstream-item .socialstream-item-time {
  padding-left: 40px;
}

.social-stream.text-over .socialstream-item .wrapper:after {
  color: #ffffff !important;
  top: 25px;
}

.social-stream .socialstream-item .wrapper {
  position: relative;
  -webkit-transition: background-color 0.2s;
  /* Safari */
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.social-stream .socialstream-item.no-image .wrapper {
  border-radius: var(--border-radius-items);
}

.social-stream .socialstream-item .wrapper:after {
  position: absolute;
  right: 20px;
  top: 20px;
  content: "";
  /* background-color: #dddddd; */
  width: 32px;
  height: 32px;
  font-family: "FontAwesome";
  font-size: 32px;
  text-align: center;
  line-height: 32px;
  color: #ffffff;
}

.social-stream .socialstream-item .wrapper > a {
  color: var(--titles-color);
  margin: 0;
}

.social-stream.color .socialstream-item.socialstream-Instagram {
  background-color: #517fa4;
}

.social-stream.color .socialstream-item.socialstream-Instagram:hover {
  background-color: #477294;
}

.social-stream .socialstream-item.socialstream-Instagram .wrapper:after {
  content: "\f16d";
  color: #517fa4;
}

.social-stream.color .socialstream-item.socialstream-Twitter {
  background-color: #00aced;
}

.social-stream.color .socialstream-item.socialstream-Twitter:hover {
  background-color: #0090c6;
}

.social-stream .socialstream-item.socialstream-Twitter .wrapper:after {
  content: "\f099";
  color: #00aced;
}

.social-stream.color .socialstream-item.socialstream-Facebook {
  background-color: #3b5998;
}

.social-stream.color .socialstream-item.socialstream-Facebook:hover {
  background-color: #324d85;
}

.social-stream .socialstream-item.socialstream-Facebook .wrapper:after {
  content: "\f082";
  color: #3b5998;
}

.social-stream.color .socialstream-item.socialstream-Google {
  background-color: #dd4b39;
}

.social-stream.color .socialstream-item.socialstream-Google:hover {
  background-color: #af382a;
}

.social-stream .socialstream-item.socialstream-Google .wrapper:after {
  content: "\f0d4";
  color: #dd4b39;
}

.social-stream .socialstream-item .socialstream-item-username-image,
.social-stream.list-view .socialstream-item .socialstream-item-username-image {
  width: 40px;
  margin: 0;
  border-radius: 50%;
  padding: 0;
  min-width: inherit;
  max-width: none;
  top: 18px;
  position: absolute;
  left: 20px;
}

.social-stream .socialstream-item .socialstream-item-username-image img,
.social-stream.list-view .socialstream-item .socialstream-item-username-image img {
  border-radius: 50%;
}

.social-stream .socialstream-item .socialstream-item-username {
  display: block;
  font-weight: bold;
  text-align: left;
  padding-left: 50px;
  font-size: 16px;
  padding-right: 50px;
}

.social-stream .socialstream-item .socialstream-item-time {
  text-align: left;
  display: block;
  padding-left: 50px;
  font-size: 12px;
  padding-right: 50px;
}

.social-stream .socialstream-item .socialstream-item-message {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.social-stream.list-view .socialstream-item {
  width: 100%;
  margin: 10px 0;
}

.social-stream.list-view .socialstream-item img {
  padding: 0 20px 0 0;
  float: left;
  width: 30%;
  min-width: 100px;
  max-width: 300px;
}

.social-stream.color .socialstream-item .wrapper *,
.social-stream.color .socialstream-item .wrapper:after {
  color: #ffffff;
}

/* Article */
.widget.article-view .article {
  max-width: 1024px;
  margin: 0 auto;
  background: #ffffff;
  padding: 50px 0;
}

.widget.article-view .article header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-content: stretch;
}

.widget.article-view .article header > * {
  margin-top: 15px;
  margin-bottom: 15px;
}

.widget.article-view,
.column .widget.article-view {
  padding: 0;
}

.primary-content .widget.article-view {
  background-color: #ffffff;
}

.primary-content .widget.article-view .article {
  padding: 40px 0;
}

.article-view-title,
.article-view-time,
.article-view-category,
.article-view-intro,
.article-view-body,
.article-view header figure,
.article-view #slideshow-gallery {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 90%;
}

.full-content .article-view-title {
  margin: 30px auto;
}

.article-view-body {
  padding-bottom: 20px;
}

.article-view-title {
  margin: 30px auto;
  text-align: center;
}

.article-view-time {
  text-align: center;
  font-size: 18px;
  display: block;
}

.article-view-category {
  font-size: 18px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--titles-color);
  text-align: center;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.article-view header figure,
.article-view #slideshow-gallery {
  margin-bottom: 40px;
  position: relative;
}

.article-view-intro p {
  font-weight: bold;
  font-size: 20px;
}

.article-view-intro p,
.article-view-body p,
.article-view-body ul {
  text-align: justify;
}

.article-view-body table {
  width: 100%;
}

.article-view-footer {
  text-align: center;
  padding: 20px 0;
}

.share-button {
  display: inline-block;
  vertical-align: top;
}

.share-button.addthis_default_style > iframe {
  width: 112px !important;
}

.fb_iframe_widget {
  padding-right: 20px;
  padding-left: 30px;
}

/* Pagination */
.pagination {
  text-align: center;
  position: relative;
  font-weight: normal;
}

.pagination:hover a,
.pagination a:hover {
  background-color: #fafafa;
}

.pagination.more .pagination-more:hover,
.pagination.showmore-inline .pagination-page:hover,
.load-more-bt:hover,
.widget-link > a:hover {
  background-color: #1857d4;
  color: #ffffff;
}

.pagination-page,
.pagination.more .pagination-more,
.pagination.showmore-inline .pagination-page,
.load-more-bt,
.widget-link > a {
  padding: 10px;
  line-height: 1.4;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  background: var(--main-color-bg);
  width: 200px;
  margin: 20px auto;
  color: var(--main-color-text);
  border: none;
  border-radius: var(--border-radius-form);
  display: block;
  font-weight: bold;
}

.pagination-page:before {
  text-indent: 0;
  position: absolute;
}

.pagination-page.next {
  right: 0;
  top: 0;
  z-index: 1;
}

.pagination-page.next:before {
  content: "\f061";
  font-family: "FontAwesome";
  right: 10px;
}

.pagination-page.previous {
  left: 0;
  top: 0;
  z-index: 1;
}

.pagination-page.previous:before {
  content: "\f060";
  font-family: "FontAwesome";
  left: 10px;
}

.pagination-page.current {
  position: relative;
  padding: 10px;
  text-indent: 0;
  display: block;
}

.showmore-inline.pagination .pagination-page.next,
.pagination.more .pagination-more {
  text-indent: 0;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}

.showmore-inline.pagination .pagination-page.next:before {
  display: none;
}

.pagination-page:after {
  position: absolute;
  content: "\f021";
  font-family: "FontAwesome";
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  display: none;
  font-size: 30px;
  top: 3px;
  text-indent: 0;
}

.loading.showmore-inline .pagination-page,
.loading.showmore-inline.pagination .pagination-page.next {
  text-indent: -99999px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading > .pagination-page:after {
  -webkit-animation: spinner 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: spinner 1s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
}

/* Scoreboard */
.tabs-content .scoreboard .widget-title {
  display: none;
}

.tabs-content .scoreboard {
  margin-bottom: 0;
  padding-bottom: 0;
}

.scoreboard {
  font-size: 30px;
}

.scoreboard > ul {
  list-style: none;
  margin: 0;
  padding: 20px;
}

.scoreboard ul li {
  position: relative;
  margin: 0;
  border-top: 1px solid rgba(127, 127, 127, 0.2);
  padding: 12px 0;
  font-size: 24px;
}

.scoreboard ul li * {
  color: var(--titles-color);
}

.scoreboard ul li:hover {
  color: #999999;
}

.scoreboard ul li:first-child {
  border: none;
}

.scoreboard ul li .field-position {
  margin-right: 10px;
}

.scoreboard ul li .field-points {
  position: absolute;
  right: 10px;
  top: 13px;
}

.scoreboard li img {
  width: 7%;
  margin-right: 10px;
}

.tabs-view .scoreboard > ul {
  padding-left: 0;
  padding-right: 0;
}

/* Tabs */
.tabs {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.tabs li a {
  clear: none;
  margin: 0;
  text-decoration: none;
  letter-spacing: 2px;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0;
  float: none;
  border: none;
  display: inline-block;
  color: #656b6f;
  line-height: 1.325;
  background-color: transparent;
  border-bottom: 0;
  border-color: rgba(0, 0, 0, 0);
  text-rendering: optimizeLegibility;
  visibility: visible;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: var(--border-radius-form);
}

.tabs li a.active {
  background-color: var(--main-color-bg);
  color: var(--main-color-text);
}

.widget-title ~ header .tabs {
  margin-top: 0;
}

.tabs-end,
.tabs-start {
  position: relative;
  padding-top: 117px !important;
}

.tabs-end header,
.tabs-start header {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -64px;
}

.tabs-end .widget-title,
.tabs-start .widget-title,
.tabs-end .section-title,
.tabs-start .section-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  margin-top: 0;
}

.tabs-end .widget-title,
.tabs-end .section-title {
  text-align: left;
}

.tabs-end header .tabs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin: 0;
}

.tabs-start .widget-title,
.tabs-start .section-title {
  text-align: right;
}

.tabs-start header .tabs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin: 0;
}

.full-width.tabs-end header,
.full-width.tabs-start header,
.full-width.tabs-end .widget-title,
.full-width.tabs-start .widget-title,
.full-width.tabs-end .section-title,
.full-width.tabs-start .section-title {
  padding-left: 20px;
  padding-right: 20px;
}

.secondary-content .tabs-view,
.secondary-content .tabs-view .section-title,
.secondary-content .tabs-view header {
  padding-right: 40px;
  padding-left: 40px;
}

.secondary-content:first-child .tabs-view,
.secondary-content:first-child .tabs-view .section-title,
.secondary-content:first-child .tabs-view header {
  padding-left: 0;
}

.secondary-content:last-child .tabs-view,
.secondary-content:last-child .tabs-view .section-title,
.secondary-content:last-child .tabs-view header {
  padding-right: 0;
}

/* Sponsors */
.sponsors li {
  -webkit-filter: url(filters.svg#grayscale);
  filter: url(filters.svg#grayscale);
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  /* Google Chrome & Safari 6+ */
  opacity: 0.7;
}

.sponsors li:hover {
  filter: none;
  -webkit-filter: none;
  display: inline-block;
  opacity: 1;
}

.sponsors li:hover img {
  filter: brightness(1);
  -webkit-filter: brightness(1);
}

/* Fotorama */
.fotorama .fotorama__caption {
  opacity: 1;
  -o-transition: all .3s;
  transition: all .3s;
  -webkit-transition: all .3s;
  bottom: 40px;
}

.fotorama .fotorama__caption .fotorama__caption__wrap {
  background: none;
  text-align: center;
  color: #ffffff;
  width: 80%;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 5px auto;
  display: block;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.fotorama .fotorama__wrap--no-controls .fotorama__caption {
  opacity: 0;
}

/* Sign up form */
/* Simple Text */
.simple-text-body {
  text-align: center;
}

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

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

/* Widget link */
.widget-link > a {
  display: block;
  width: 155px !important;
}

/* Countdown */
.countdown {
  text-align: center;
}

.countdown * {
  color: var(--main-color-text);
}

.countdown-text {
  font-size: 42px;
  display: inline-block;
  padding: 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
  text-align: center;
  min-width: 500px;
}

.countdown-text .number {
  line-height: 42px;
  height: 42px;
  margin-bottom: 10px;
}

.countdown-text .name {
  font-size: 18px;
  line-height: 18px;
  opacity: 0.6;
  text-transform: uppercase;
}

.countdown-text .countdown-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.countdown-text .countdown-time > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  margin: 0 15px;
}

.countdown-text .countdown-time .secs {
  width: 70px;
}

#header .countdown > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
}

#header .countdown-text {
  font-size: 20px;
  padding: 0;
  min-width: 10px;
}

#header .countdown-text .number {
  line-height: 20px;
  height: 20px;
  margin-bottom: 2px;
}

#header .countdown-text .name {
  font-size: 11px;
  line-height: 11px;
}

#header .countdown-text .countdown-time .secs {
  width: auto;
}

/* Social Links */
#header #socialLinks header {
  display: none !important;
}

#header #socialLinks .widget-title {
  color: var(--main-color-text);
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  margin: -2px 5px 0 0;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  letter-spacing: 1px;
}

#header #socialLinks:hover header {
  display: inline-block;
  vertical-align: middle;
}

#header .social-icons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

#header .social-icons > div {
  margin: 0;
}

#header .social-icons > div.social-search {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}

#header .social-icons > div.social-search:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 0;
  background-color: rgba(68, 68, 68, 0.11);
}

#header .social-icons > div h3,
#header .social-icons a {
  font-size: 17px;
  line-height: 17px;
}

#header .social-icons a {
  padding: 13px 12px;
}

.social-icons > div {
  display: inline-block;
  text-align: center;
  margin-right: 20px;
}

.social-icons > div h3 {
  margin: 0;
  font-size: 32px;
}

#header .social-icons a:hover:before {
  color: #ffffff;
}

#header .social-icons .social-twitter a:hover {
  background-color: #55acee;
}

.social-icons .social-twitter a,
.prefooter .social-icons .social-twitter a:hover:before {
  color: #55acee;
}

.social-icons .social-twitter a:before {
  content: "\f099";
}

#header .social-icons .social-facebook a:hover {
  background-color: #3b5999;
}

.social-icons .social-facebook a,
.prefooter .social-icons .social-facebook a:hover:before {
  color: #3b5999;
}

.social-icons .social-facebook a:before {
  content: "\f09a";
}

#header .social-icons .social-instagram a:hover {
  background-color: #e4405f;
}

.social-icons .social-instagram a,
.prefooter .social-icons .social-instagram a:hover:before {
  color: #e4405f;
}

.social-icons .social-instagram a:before {
  content: "\f16d";
}

.social-icons .social-linkedin a:before {
  content: "\f0e1";
}

#header .social-icons .social-linkedin a:hover {
  background-color: #0077B5;
}

.social-icons .social-linkedin a,
.prefooter .social-icons .social-linkedin a:hover:before {
  color: #0077B5;
}

#header .social-icons .social-youtube a:hover {
  background-color: #cd201f;
}

.social-icons .social-youtube a,
.prefooter .social-icons .social-youtube a:hover:before {
  color: #cd201f;
}

.social-icons .social-youtube a:before {
  content: "\f16a";
}

#header .social-icons .social-search a:hover {
  background-color: #818892;
}

.social-icons .social-search a:before {
  content: "\f002";
}

.social-icons .social-website a:before {
  content: "\f0ac";
}

#header .social-icons .social-weibo a:hover {
  background-color: #e62227;
}

#header .social-icons .social-weibo a:hover:before {
  background-color: #e62227;
}

.social-icons .social-weibo a,
.prefooter .social-icons .social-weibo a:hover:before {
  color: #e62227;
}

.social-icons .social-weibo a:before {
  content: "\f18a";
}

#header .social-icons .social-youku a:hover {
  background-color: #1b96d5;
}

#header .social-icons .social-youku a:hover:before {
  background-color: #1b96d5;
}

.social-icons .social-youku a,
.prefooter .social-icons .social-youku a:hover:before {
  color: #1b96d5;
}

.social-icons .social-youku a:before {
  content: "\f01d";
}

#header .social-icons .social-tumblr a:hover {
  background-color: #35465c;
}

#header .social-icons .social-tumblr a:hover:before {
  background-color: #35465c;
}

.social-icons .social-tumblr a,
.prefooter .social-icons .social-tumblr a:hover:before {
  color: #35465c;
}

.social-icons .social-tumblr a:before {
  content: "\f173";
}

#header .social-icons .social-wechat a:hover {
  background-color: #70a63b;
}

#header .social-icons .social-wechat a:hover:before {
  background-color: #70a63b;
}

.social-icons .social-wechat a,
.prefooter .social-icons .social-wechat a:hover:before {
  color: #70a63b;
}

.social-icons .social-wechat a:before {
  content: "\f1d7";
}

.social-icons a {
  color: var(--main-color-text);
  font-size: 32px;
  display: inline-block;
}

.social-icons a:before {
  font-family: "FontAwesome";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#header .social-icons a:before,
.prefooter .social-icons a:before {
  color: var(--main-color-text);
}

/* Error Page
  ========================================================== */
#error-404 {
  background: #fff;
  margin: 0 auto;
  width: 50%;
  padding: 20px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */


.clearfix:after {
  clear: both;
}

/* ==========================================================
   PLUGINS
   ========================================================== */

.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;position:absolute}.tooltipster-box{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tooltipster-content{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-o-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-o-transition-property:all;transition-property:all;left:0!important;opacity:0}@-webkit-keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{-webkit-animation:tooltipster-fading .4s;animation:tooltipster-fading .4s}@-webkit-keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.tooltipster-update-rotate{-webkit-animation:tooltipster-rotating .6s;animation:tooltipster-rotating .6s}@-webkit-keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tooltipster-update-scale{-webkit-animation:tooltipster-scaling .6s;animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box{border:none;background:#1b1b1b;background:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow{height:8px;margin-left:-8px;width:16px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow{height:16px;margin-left:0;margin-top:-8px;width:8px}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border{border:8px solid transparent}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#1b1b1b;border-bottom-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{border-left-color:#1b1b1b;border-left-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{border-right-color:#1b1b1b;border-right-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{border-top-color:#1b1b1b;border-top-color:rgba(10,10,10,.9)}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped{top:-8px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped{left:-8px}

.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:0px solid transparent;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#505a67}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}

.tooltipster-content {
  font-size: 14px;
}
/**
 * @license videogular v1.4.3 http://videogular.com
 * Two Fucking Developers http://twofuckingdevelopers.com
 * License: MIT
 */
@font-face {
  font-family: 'videogular';
  src: url("/assets/css/fonts/videogular.eot");
  src: url("/assets/css/fonts/videogular.eot?#iefix") format("embedded-opentype"), url("/assets/css/fonts/videogular.woff") format("woff"), url("/assets/css/fonts/videogular.ttf") format("truetype"), url("/assets/css/fonts/videogular.svg#videogular") format("svg");
  font-weight: normal;
  font-style: normal; }
videogular, [videogular] {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000000;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: moz-none;
  -ms-user-select: none;
  user-select: none;
  /*****************/
  /* Poster plugin */
  /*****************/
  /**********************/
  /* OverlayPlay plugin */
  /**********************/
  /*********************/
  /* Controlbar plugin */
  /*********************/
  /* IE10 hack */
  /* Controlbar icons */
  /********************/
  /* Buffering plugin */
  /********************/
  /* Loading Spinner
   * http://www.alessioatzeni.com/blog/css3-loading-animation-loop/
   */
  /**********************/
  /* IMA ads plugin */
  /**********************/ }
videogular button, [videogular] button {
  cursor: pointer; }
videogular.fullscreen, [videogular].fullscreen {
  position: fixed;
  left: 0;
  top: 0; }
videogular vg-media, [videogular] vg-media {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
}
videogular.fullscreen vg-media {
  display: initial;
}
videogular vg-media video, [videogular] vg-media video {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

videogular .iconButton, [videogular] .iconButton {
  color: #FFFFFF;
  font-family: 'videogular';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  background: none;
  padding: 6px;
  border: none;
  border-radius: 3px;
  font-size: 20px !important;}
videogular .iconButton:hover, [videogular] .iconButton:hover {
  background-color: #ff0000;
}

videogular .iconButton:focus, [videogular] .iconButton:focus {

  -webkit-box-shadow: none;

  box-shadow: none; }
videogular vg-poster, [videogular] vg-poster {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  pointer-events: none; }
videogular vg-poster img, [videogular] vg-poster img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute; }
videogular vg-poster img.pause,
videogular vg-poster img.play, [videogular] vg-poster img.pause,
[videogular] vg-poster img.play {
  display: none; }
videogular vg-poster img.stop, [videogular] vg-poster img.stop {
  display: block; }
videogular vg-overlay-play, [videogular] vg-overlay-play {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;}
videogular vg-overlay-play .play:before, [videogular] vg-overlay-play .play:before {
  content: "\e000"; }
videogular vg-overlay-play .overlayPlayContainer, [videogular] vg-overlay-play .overlayPlayContainer {
  font-size: 100px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  display: table;
  cursor: pointer;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6; }
videogular vg-overlay-play .overlayPlayContainer div, [videogular] vg-overlay-play .overlayPlayContainer div {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  background-color: transparent !important;

}

videogular vg-controls, [videogular] vg-controls {
  width: 100%;
  height: 50px;
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 0; }
videogular vg-controls .controls-container, [videogular] vg-controls .controls-container {
  width: 100%;
  height: 50px;
  position: absolute;
  display: table;
  zoom: 1;
  background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5)));
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
  background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease; }
videogular vg-play-pause-button, [videogular] vg-play-pause-button {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }
videogular vg-time-display, [videogular] vg-time-display {
  color: #FFFFFF;
  display: table-cell;
  font-size: 18px;
  width: 75px;
  vertical-align: middle;
  text-align: center;
  cursor: default; }
videogular .vgTimeDisplay, [videogular] .vgTimeDisplay {
  display: table-cell;
  font-family: Arial;
  font-size: 18px;
  width: auto; }
videogular vg-scrub-bar, [videogular] vg-scrub-bar {
  width: auto;
  display: table-cell;
  cursor: pointer;
  vertical-align: middle;
  position: relative; }
videogular vg-scrub-bar [role=slider], [videogular] vg-scrub-bar [role=slider] {
  margin-top: 24px;
  margin-bottom: 24px;
  height: 8px;
  background-color: rgba(255,255,255,.25);
  position: relative;
  border-radius: 4px;}
videogular vg-scrub-bar .container, [videogular] vg-scrub-bar .container {
  position: absolute;
  width: 100%;
  height: 8px;
  top: 24px;
  padding-left: 0;
  background-color: transparent;
  min-height: auto;}
videogular vg-scrub-bar :focus vg-scrub-bar-current-time, [videogular] vg-scrub-bar :focus vg-scrub-bar-current-time {
  border-right: 6px black groove; }
videogular vg-scrub-bar-current-time, [videogular] vg-scrub-bar-current-time {
  position: absolute;
  background-color: #ff0000;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  border-radius: 4px;}
videogular vg-scrub-bar-buffer, [videogular] vg-scrub-bar-buffer {
  position: absolute;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5; }
videogular vg-scrub-bar-cue-points, [videogular] vg-scrub-bar-cue-points {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute; }
videogular vg-scrub-bar-cue-points .cue-point-timeline, [videogular] vg-scrub-bar-cue-points .cue-point-timeline {
  color: #FFFFFF;
  padding-top: 3px; }
videogular vg-scrub-bar-cue-points .cue-point-timeline .cue-point, [videogular] vg-scrub-bar-cue-points .cue-point-timeline .cue-point {
  position: absolute;
  height: 3px;
  background-color: #FFFFFF; }
videogular vg-scrub-bar-thumbnails, [videogular] vg-scrub-bar-thumbnails {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  bottom: 24px;
  z-index: 1; }
videogular vg-scrub-bar-thumbnails .vg-thumbnails, [videogular] vg-scrub-bar-thumbnails .vg-thumbnails {
  position: absolute;
  top: -20px;
  margin-top: -40px;
  width: 80px;
  height: 60px;
  overflow: hidden; }
videogular vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail, [videogular] vg-scrub-bar-thumbnails .vg-thumbnails .image-thumbnail {
  height: 60px;
  background-repeat: no-repeat; }
videogular vg-scrub-bar-thumbnails .background, [videogular] vg-scrub-bar-thumbnails .background {
  width: 100%;
  height: 50px; }
videogular vg-playback-button, [videogular] vg-playback-button {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }
videogular vg-volume, [videogular] vg-volume {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }
videogular vg-volume-bar, [videogular] vg-volume-bar {
  width: 30px;
  height: 100px;
  top: -100px;
  margin-left: -15px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  cursor: pointer; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  videogular vg-volume-bar, [videogular] vg-volume-bar {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5; } }
videogular vg-fullscreen-button, [videogular] vg-fullscreen-button {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }
videogular vg-volume-bar .verticalVolumeBar, [videogular] vg-volume-bar .verticalVolumeBar {
  width: 30px;
  height: 100px;
  background-color: transparent;
  border-radius: 8px;
  position: absolute; }
videogular vg-volume-bar .volumeBackground, [videogular] vg-volume-bar .volumeBackground {
  width: 8px;
  height: 85px;
  left:11px;
  top: 15px;
  background-color: rgba(255,255,255,.25);
  position: absolute;
  border-radius: 4px;}
videogular vg-volume-bar .volumeValue, [videogular] vg-volume-bar .volumeValue {
  width: 8px;
  height: 100%;
  background-color: #ff0000;
  position: absolute;
  border-radius: 4px;}
videogular vg-volume-bar .volumeClickArea, [videogular] vg-volume-bar .volumeClickArea {
  width: 23px;
  height: 100%;
  position: absolute;
  margin-left: -7px; }
videogular vg-controls .hide-animation, [videogular] vg-controls .hide-animation {
  animation: hideControlsAnimationFrames ease-out 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: hideControlsAnimationFrames ease-out 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: hideControlsAnimationFrames ease-out 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: hideControlsAnimationFrames ease-out 0.5s;
  -o-animation-iteration-count: 1;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: hideControlsAnimationFrames ease-out 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/ }
@keyframes hideControlsAnimationFrames {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }
@-webkit-keyframes hideControlsAnimationFrames {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 0; } }

@keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.5); } }
@-webkit-keyframes showControlsAnimationFrames {
  0% {
    background-color: transparent; }
  100% {
    background-color: rgba(0, 0, 0, 0.5); } }
videogular vg-play-pause-button .play:before, [videogular] vg-play-pause-button .play:before {
  content: "\e000"; }
videogular vg-play-pause-button .pause:before, [videogular] vg-play-pause-button .pause:before {
  content: "\e001"; }
videogular vg-mute-button, [videogular] vg-mute-button {
  width: 50px;
  display: block; }
videogular vg-mute-button .level3:before, [videogular] vg-mute-button .level3:before {
  content: "\e002"; }
videogular vg-mute-button .level2:before, [videogular] vg-mute-button .level2:before {
  content: "\e003"; }
videogular vg-mute-button .level1:before, [videogular] vg-mute-button .level1:before {
  content: "\e004"; }
videogular vg-mute-button .level0:before, [videogular] vg-mute-button .level0:before {
  content: "\e005"; }
videogular vg-mute-button .mute:before, [videogular] vg-mute-button .mute:before {
  content: "\e006"; }
videogular vg-fullscreen-button .enter:before, [videogular] vg-fullscreen-button .enter:before {
  content: "\e007"; }
videogular vg-fullscreen-button .exit:before, [videogular] vg-fullscreen-button .exit:before {
  content: "\e008"; }
videogular vg-buffering, [videogular] vg-buffering {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4;
  top: 0; }
videogular vg-buffering .bufferingContainer, [videogular] vg-buffering .bufferingContainer {
  width: 100%;
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -50px;
  zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6; }
videogular vg-buffering .loadingSpinner, [videogular] vg-buffering .loadingSpinner {
  background-color: transparent;
  border: 5px solid white;
  opacity: .9;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 35px #FFFFFF;
  box-shadow: 0 0 35px #FFFFFF;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear; }
videogular vg-buffering .loadingSpinner .stop, [videogular] vg-buffering .loadingSpinner .stop {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused; }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-webkit-keyframes spinoff {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg); } }
videogular vg-ima-ads, [videogular] vg-ima-ads {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  display: none; }


videogular vg-overlay-play .overlayPlayContainer, [videogular] vg-overlay-play .overlayPlayContainer {
  opacity: 1;
}
videogular vg-overlay-play .play:before, [videogular] vg-overlay-play .play:before {
  background: url(../img/play.png) transparent center center no-repeat;
  background-size: 80px auto;
  content: "";
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-left: -40px;
  margin-top: -40px;
  display: block;
}


videogular vg-controls .controls-container, [videogular] vg-controls .controls-container {
  background-color: #000000;
}
vg-poster img {
  max-width: 100% !important;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height .5s ease-in-out;
  -o-transition: height .5s ease-in-out;
  transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  -o-transition: transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme.owl-carousel .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.owl-theme.owl-carousel .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 0 18px;
  padding: 4px 7px;
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
}

.owl-theme.owl-carousel .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme.owl-carousel .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme.owl-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme.owl-carousel .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #000000;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme.owl-carousel .owl-dots .owl-dot.active span, .owl-theme.owl-carousel .owl-dots .owl-dot:hover span {
  background: #869791;
}

.owl-carousel .owl-stage,
.owl-carousel .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.owl-carousel.owl-drag .owl-item {
  opacity: 0.5;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.owl-carousel.owl-drag .owl-item.active {
  opacity: 1;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  height: 32px;
  width: 32px;
  font-size: 32px;
  line-height: 32px;
  position: relative;
  color: #ffffff;
}

.owl-carousel .owl-nav button.owl-next:before {
  font-family: "Ionicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f3d1";
  font-size: 26px;
}

.owl-carousel .owl-nav button.owl-prev:before {
  font-family: "Ionicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f3cf";
  font-size: 26px;
}

/* Angular */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-shim {
  visibility: hidden;
}

.ng-anchor {
  position: absolute;
}

/* Isotope */
.isotope {
  padding-bottom: 160px;
}

.isotope ul {
  position: relative;
}

.isotope li {
  margin-right: 0;
  margin-bottom: 4px !important;
}

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

.dropdown {
  position: relative;
}

.dropdown .submenu {
  display: none;
  position: absolute;

  background-color: #ffffff;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
#header .dropdown .submenu {
  top: var(--header-height);
}
.dropdown:not(#languages) .submenu {
  width: 180px;
  margin-left: -90px;
  left: 50%;
}

.dropdown:hover .submenu {
  display: block;
}

.submenu a {
  color: #a7adb1;
  display: block;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 10px;
  font-size: 14px;
  letter-spacing: 2px;
}

.submenu a:hover {
  color: var(--header-text) !important;
  background-color: var(--header-bg) !important;
  border-radius: 0 !important;
}

.dropdown > a:after {
  content: "\f3d0";
  font-family: "Ionicons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 4px;
  margin-top: 1px;
  border-radius: var(--border-radius-form);
  min-width: 230px;
  /*.dow {
  border-top: 1px solid #ddd !important;
}*/
  font-weight: 100;
}

.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  width: 100%;
  margin: 0;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: var(--border-radius-form);
}

.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker td.day.disabled {
  color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
  color: #999999;
}

.datepicker td.active,
.datepicker td.active:hover {
  color: #ffffff;
  background-color: #333c4e;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #536382;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background-color: #536382;
}

.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  border-radius: var(--border-radius-form);
}

.datepicker td span:hover {
  background: #eeeeee;
}

.datepicker td span.active {
  color: #ffffff;
  background-color: #536382;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #536382;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}

.datepicker td span.old {
  color: #999999;
}

.datepicker th.switch {
  width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*!
 * Fotorama 4.6.3 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fotorama--fullscreen,
.fotorama__img {
  max-width: 99999px !important;
  max-height: 99999px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.fotorama__spinner {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
  outline: 0;
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
  content: '';
  border-radius: inherit;
  background-color: rgba(0, 175, 234, 0.5);
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: -webkit-transform, width;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: transform, width;
  transition-property: transform, width;
  transition-property: transform, width, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  -webkit-transition-duration: 0ms;
  -o-transition-duration: 0ms;
  transition-duration: 0ms;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fotorama__select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.fotorama__nav,
.fotorama__nav__frame {
  margin: auto;
  padding: 0;
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.fotorama__nav__frame,
.fotorama__thumb-border {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fotorama__caption__wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fotorama--hidden,
.fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: -1;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
  -webkit-tap-highlight-color: transparent;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  background: url(../img/fotorama/fotorama.png) no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__video-close,
  .fotorama__video-play {
    background: url(../img/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat;
  }
}
.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.2);
}

@media print {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__thumb-border,
  .fotorama__video-close,
  .fotorama__video-play {
    background: none !important;
  }
}
.fotorama {
  min-width: 1px;
  overflow: hidden;
}

.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
  display: none;
}

.fullscreen {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #000;
}

.fotorama--fullscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  float: none !important;
  z-index: 2147483647 !important;
  background: #000;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
  background: #000;
}

.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 0;
}

.fotorama__wrap--rtl .fotorama__stage__frame {
  direction: rtl;
}

.fotorama__nav,
.fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y;
}

.fotorama__wrap .fotorama__pointer {
  cursor: pointer;
}

.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important;
}

.fotorama__stage__frame {
  overflow: hidden;
}

.fotorama__stage__frame.fotorama__active {
  z-index: 8;
}

.fotorama__wrap--fade .fotorama__stage__frame {
  display: none;
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0;
}

.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 8;
}

.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 7;
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 9;
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none;
}

.fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border: none !important;
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
  display: none;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
  display: block;
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important;
}

.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden;
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible;
}

.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 5;
}

.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
}

.fotorama__nav__frame {
  position: relative;
  cursor: pointer;
}

.fotorama__nav--dots {
  display: block;
}

.fotorama__nav--dots .fotorama__nav__frame {
  width: 18px;
  height: 30px;
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
  display: none;
}

.fotorama__nav--thumbs {
  display: block;
}

.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none;
}

.fotorama__dot {
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 6px;
  border: 1px solid #7f7f7f;
}

.fotorama__nav__frame:focus .fotorama__dot:after {
  padding: 1px;
  top: -1px;
  left: -1px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 0;
  height: 0;
  border-width: 3px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
  padding: 3px;
  top: -3px;
  left: -3px;
}

.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 2;
}

.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #00afea;
  background-image: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(64, 64, 64, 0.1)));
  background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
  background-image: -o-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
}

.fotorama__caption {
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
}

.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, 0.5);
}

.fotorama__wrap--rtl .fotorama__caption {
  left: auto;
  right: 0;
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
  display: none;
}

.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fotorama__wrap--css3 .fotorama__spinner {
  -webkit-animation: spinner 24s infinite linear;
  animation: spinner 24s infinite linear;
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.fotorama__select {
  cursor: auto;
}

.fotorama__video {
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}

@-moz-document url-prefix() {
  .fotorama__active {
    box-shadow: 0 0 0 transparent;
  }
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  position: absolute;
  z-index: 11;
  cursor: pointer;
}

.fotorama__arr {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}

.fotorama__arr--prev {
  left: 2px;
  background-position: 0 0;
}

.fotorama__arr--next {
  right: 2px;
  background-position: -32px 0;
}

.fotorama__arr--disabled {
  pointer-events: none;
  cursor: default;
  *display: none;
  opacity: 0.1;
}

.fotorama__fullscreen-icon {
  width: 32px;
  height: 32px;
  top: 2px;
  right: 2px;
  background-position: 0 -32px;
  z-index: 20;
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
  border-radius: 50%;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -32px -32px;
}

.fotorama__video-play {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-position: 0 -64px;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
  display: none;
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
  opacity: 1;
  display: block;
}

.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-position: -64px -32px;
}

.fotorama__video-close {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  background-position: -64px 0;
  z-index: 20;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-close {
  display: none;
}

.fotorama__wrap--css3 .fotorama__video-close {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--video .fotorama__video-close {
  display: block;
  opacity: 1;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  opacity: 0;
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  opacity: 1;
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
  opacity: 0 !important;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  display: none;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  display: block;
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
  display: none !important;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
  -webkit-transform: translate3d(-48px, 0, 0);
  transform: translate3d(-48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
  -webkit-transform: translate3d(32px, -32px, 0) !important;
  transform: translate3d(32px, -32px, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
  -webkit-transform: translate3d(-48px, 0, 0) !important;
  transform: translate3d(-48px, 0, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
  -webkit-transform: translate3d(48px, 0, 0) !important;
  transform: translate3d(48px, 0, 0) !important;
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
  transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%, 5px 100%;
}

.fotorama__nav:before,
.fotorama__stage:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent)), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent)), -o-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent)), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -o-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 0 0, 0 0;
  left: -10px;
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
  left: 0;
}

.fotorama__nav:after,
.fotorama__stage:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent)), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent)), -o-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -o-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 100% 0, 100% 0;
  right: -10px;
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
  right: 0;
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
  display: none;
}

/* General styles for the modal */
/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.control-group.submit .controls,
.control-group.social .controls {
  margin-bottom: 0;
  font-weight: normal;
  position: relative;
}

.forgotPassword {
  position: absolute;
  right: 0;
  top: 12px;
}

.gigya-error-display {
  color: #d31411;
  display: none !important;
}

.gigya-input-submit {
  margin-right: 20px;
  background-color: #0079bc;
  color: #ffffff;
}

.md-close {
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
}

.md-close:hover {
  color: #ffffff;
}

.md-perspective,
.md-perspective body {
  height: 100%;
  overflow: hidden;
}

.md-perspective body {
  background: #222;
  -webkit-perspective: 600px;
  perspective: 600px;
}

.container {
  background: #e74c3c;
  min-height: 100%;
}

.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 70%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 99999;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-align: left;
}

.md-show {
  visibility: visible;
}

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 99998;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

/* Content styles */
.md-content {
  background: #ffffff;
  position: relative;
  margin: 0 auto;
}

.md-content .message-error {
  margin-top: 0;
  margin-bottom: 24px;
}

.md-content .md-header {
  color: #fff;
  background-color: var(--main-color-bg);
  position: relative;
  margin: 0 auto;
  height: 84px;
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.md-content .md-header .md-header-title {
  margin: 0;
  color: #ffffff;
}

.md-header img {
  margin-top: -20px;
  left: 35px;
  position: absolute;
  height: 50px;
}

.md-content h3 {
  margin: 0;
  padding: 0.4em;
  text-align: center;
  font-size: 2.4em;
  font-weight: 300;
  opacity: 0.8;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px 3px 0 0;
}

.md-content > * {
  padding: 24px 40px;
  margin: 0;
  font-size: 18px;
}

.md-content > * p {
  margin: 0;
  padding: 10px 0;
}

.md-content > * ul {
  margin: 0;
  padding: 0 0 30px 20px;
}

.md-content > * ul li {
  padding: 5px 0;
}
.md-content .md-header-text {
  margin-bottom: 10px;
}
.md-content button {
  display: block;
  margin: 0;
  font-size: 0.8em;
}

.md-content button.btn-lg {
  font-size: 18px;
}

/* Individual modal styles with animations/transitions */
/* Effect 1: Fade in and scale up */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 2: Slide from the right */
.md-effect-2 .md-content {
  -webkit-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 .md-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

/* Effect 3: Slide from the bottom */
.md-effect-3 .md-content {
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-3 .md-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* Effect 4: Newspaper */
.md-effect-4 .md-content {
  -webkit-transform: scale(0) rotate(720deg);
  -ms-transform: scale(0) rotate(720deg);
  transform: scale(0) rotate(720deg);
  opacity: 0;
}

.md-show.md-effect-4 ~ .md-overlay,
.md-effect-4 .md-content {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-4 .md-content {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-5 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(600px) rotateX(20deg);
  transform: translateZ(600px) rotateX(20deg);
  opacity: 0;
}

.md-show.md-effect-5 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translateZ(0px) rotateX(0deg);
  transform: translateZ(0px) rotateX(0deg);
  opacity: 1;
}

/* Effect 6: side fall */
.md-effect-6.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-6 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
  transform: translate(30%) translateZ(600px) rotate(10deg);
  opacity: 0;
}

.md-show.md-effect-6 .md-content {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: translate(0%) translateZ(0) rotate(0deg);
  transform: translate(0%) translateZ(0) rotate(0deg);
  opacity: 1;
}

/* Effect 7:  slide and stick to top */
.md-effect-7 {
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.md-effect-7 .md-content {
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}

.md-show.md-effect-7 .md-content {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  border-radius: 0 0 3px 3px;
  opacity: 1;
}

/* Effect 8: 3D flip horizontal */
.md-effect-8.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-8 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateY(-70deg);
  transform: rotateY(-70deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.md-show.md-effect-8 .md-content {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}

/* Effect 9: 3D flip vertical */
.md-effect-9.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-9 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.md-show.md-effect-9 .md-content {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/* Effect 10: 3D sign */
.md-effect-10.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-10 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-60deg);
  transform: rotateX(-60deg);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-10 .md-content {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
}

/* Effect 11: Super scaled */
.md-effect-11 .md-content {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-11 .md-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 12:  Just me */
.md-effect-12 .md-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-12 ~ .md-overlay {
  background: #e74c3c;
}

.md-effect-12 .md-content h3,
.md-effect-12 .md-content {
  background: transparent;
}

.md-show.md-effect-12 .md-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-13 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-3000px) rotateY(90deg);
  transform: translateZ(-3000px) rotateY(90deg);
  opacity: 0;
}

.md-show.md-effect-13 .md-content {
  -webkit-animation: slit .7s forwards ease-out;
  animation: slit .7s forwards ease-out;
}

@-webkit-keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    opacity: .5;
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes slit {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
    transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
    transform: translateZ(0) rotateY(0deg);
    opacity: 1;
  }
}
/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-14 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(100%) rotateX(90deg);
  transform: translateY(100%) rotateX(90deg);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
  -webkit-transform: translateY(0%) rotateX(0deg);
  transform: translateY(0%) rotateX(0deg);
  opacity: 1;
}

/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
  -webkit-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-15 .md-content {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-15 .md-content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}

/* Effect 16:  Blur */
.md-show.md-effect-16 ~ .md-overlay {
  background: rgba(180, 46, 32, 0.5);
}

.md-show.md-effect-16 ~ .container {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}

.md-effect-16 .md-content {
  -webkit-transform: translateY(-5%);
  -ms-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 0;
}

.md-show.md-effect-16 ~ .container,
.md-effect-16 .md-content {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-16 .md-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

/* Effect 17:  Slide in from bottom with perspective on container */
.md-show.md-effect-17 ~ .container {
  height: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.md-show.md-effect-17 ~ .container,
.md-show.md-effect-17 ~ .md-overlay {
  -webkit-transform: rotateX(-2deg);
  transform: rotateX(-2deg);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.md-effect-17 .md-content {
  opacity: 0;
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
}

.md-show.md-effect-17 .md-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.3s 0.2s;
  -o-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}

/* Effect 18:  Slide from right with perspective on container */
.md-show.md-effect-18 ~ .container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-18 ~ .md-overlay {
  background: rgba(143, 27, 15, 0.8);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-18 ~ .container,
.md-show.md-effect-18 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 0% 50%;
  -moz-animation: rotateRightSideFirst 0.5s forwards ease-in;
  transform-style: preserve-3d;
  -ms-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  animation: rotateRightSideFirst 0.5s forwards ease-in;
}

@-webkit-keyframes rotateRightSideFirst {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(-200px);
  }
}
@keyframes rotateRightSideFirst {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
    transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
  }
}
.md-effect-18 .md-content {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  opacity: 0;
}

.md-show.md-effect-18 .md-content {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -o-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}

/* Effect 19:  Slip in from the top with perspective on container */
.md-show.md-effect-19 ~ .container {
  height: 100%;
  overflow: hidden;
}

.md-show.md-effect-19 ~ .md-overlay {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.md-show.md-effect-19 ~ .container,
.md-show.md-effect-19 ~ .md-overlay {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: OpenTop 0.5s forwards ease-in;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 50% 100%;
  -moz-animation: OpenTop 0.5s forwards ease-in;
  transform-style: preserve-3d;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  animation: OpenTop 0.5s forwards ease-in;
}

@-webkit-keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
  }
}
@keyframes OpenTop {
  50% {
    -webkit-transform: rotateX(10deg);
    transform: rotateX(10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.md-effect-19 .md-content {
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  opacity: 0;
}

.md-show.md-effect-19 .md-content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 0.5s 0.1s;
  -o-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
}

/* ==========================================================
   Exceptions for this project
   ========================================================== */
/* ==========================================================
   HELPERS
   ========================================================== */
.ir,
.icon {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  display: none;
}

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

.invisible {
  visibility: hidden;
}



.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* ==========================================================
   MEDIA QUERIES
   ========================================================== */
/* Large screen
  ========================================================== */
@media only screen and (max-width: 1440px) {
  :root {
    --max-width-column: 1150px;
    --img-max-w: 200px;
    --wrapper-padding:15px;
    --img-padding:0;
  }

  .header-footer-zone {
    padding: 0 10px;
  }

  .section-title,
  .widget-title {
    font-size: 42px;
  }

  .menu > li > a {
    padding-left: 12px;
    padding-right: 12px;
  }

  h1 {
    font-size: 48px;
  }

  .one-five.social-stream .socialstream-item,
  .one-six.social-stream .socialstream-item,
  .one-seven.social-stream .socialstream-item,
  .one-eight.social-stream .socialstream-item {
    width: calc(25% - var(--gap));
  }

  .one-four:not(.full-width) .more-items-item .wrapper,
  .one-five:not(.full-width) .more-items-item .wrapper,
  .one-six:not(.full-width) .more-items-item .wrapper,
  .one-seven:not(.full-width) .more-items-item .wrapper,
  .one-eight:not(.full-width) .more-items-item .wrapper,
  .social-stream:not(.full-width) .more-items-item .wrapper {
    padding: 15px var(--wrapper-padding);
  }

  .slide-content > * {
    max-width: calc( var(--max-width-column) / 1.5);
  }

  .tabs-end,
  .tabs-start {
    padding-top: 108px !important;
  }

  .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-username {
    font-size: 13px;
  }

  .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-time {
    font-size: 10px;
  }

  .social-stream:not(.full-width):not(.one-two):not(.one-one) .socialstream-item .socialstream-item-message {
    font-size: 13px;
  }

  .social-stream:not(.full-width) .socialstream-item .socialstream-item-time,
  .social-stream:not(.full-width) .socialstream-item .socialstream-item-username {
    padding-left: 40px;
    padding-right: 40px;
  }

  .social-stream:not(.full-width) .socialstream-item .wrapper:after {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    top: 18px;
    right: 15px;
  }

  .social-stream:not(.full-width) .socialstream-item .socialstream-item-username-image,
  .social-stream.list-view .socialstream-item .socialstream-item-username-image {
    width: 30px;
    top: 16px;
    left: 15px;
  }

  .md-content > *,
  .md-content .md-header {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tabs-end header,
  .tabs-start header {
    margin-top: -60px;
  }
}
@media only screen and (max-width: 1280px) {
  :root {
    --max-width-column: 950px;
    --img-max-w: 150px;
    --related-content-width: 320px;
  }

  body,
  input,
  textarea {
    font-size: 16px;
  }

  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 10px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 9px;
  }

  h6 {
    font-size: 14px;
  }

  time {
    font-size: 11px;
  }

  .section-title,
  .widget-title {
    font-size: 36px;
  }

  .tabs-end,
  .tabs-start {
    padding-top: 100px !important;
  }

  .slide-content .slide-title {
    font-size: 40px;
  }

  .slide-content p {
    font-size: 16px;
    line-height: 1.4;
  }

  .article-view-intro p {
    font-size: 18px;
  }

  .more-items-item .wrapper > * {
    margin: 4px 0;
  }

  .more-items-category,
  .more-items-subsection,
  time,
  .galleries-items .galleries-item .galleries-item-count {
    font-size: 11px;
  }

  .tabs-end header,
  .tabs-start header {
    margin-top: -55px;
  }

  .related-content .img-aside .more-items-item > a,
  .related-content .img-aside .more-items-item .more-items-img-container {
    max-width: 80px;
  }

  .related-content .img-aside .more-items-item h2 {
    font-size: 16px;
  }

  .widget.article-view .article header > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .article-view-category,
  .article-view-time {
    font-size: 16px;
  }

  .scoreboard ul li {
    font-size: 20px;
  }

  .one-of-seven,
  .one-seven .more-items-item,
  .one-seven.img-aside .more-items-item,
  .one-seven .more-video-item,
  .one-seven .galleries-item,
  .one-seven .socialstream-item,
  .one-seven.landing li,
  .one-seven .control-group,
  .one-seven .formly > * > * {
    width: calc(20% - var(--gap));
  }
}
/* Tablet devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 1024px) {
  :root {
    --header-height: 50px;
    --max-width-column: 1024px;
  }

  .column > .widget:not(.article-view) {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .column > .widget:not(.article-view):not(.full-width) {
    padding-left: 30px;
    padding-right: 30px;
  }

  .secondary-content > * {
    width: auto;
  }

  .secondary-content:first-child > * {
    margin-left: 0;
  }

  .secondary-content:last-child > * {
    margin-right: 0;
  }

  .row-fluid .column.secondary-content:first-child > * {
    padding-right: 15px;
  }

  .row-fluid .column.secondary-content:last-child > * {
    padding-left: 15px;
  }

  /* Header */
  .header-lg #header {
    height: var(--header-height);
  }

  #header .wrapper {
    padding-left: 0;
  }

  #header .wrapper:before,
  #header .wrapper:after {
    display: none;
  }

  #header .wrapper-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }

  #navigation-toggle {
    z-index: 2;
    right: 0;
    top: 0;
    color: var(--header-text);
    width: 60px;
  }



  #header #language-toggle,
  #header #navigation-toggle {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 10px;
  }

  .burger-nav {
    display: block;
  }

  #language-toggle {
    display: none;
  }

  #navigation-toggle span {
    display: none;
  }

  #navigation-toggle:after {
    content: "\f1c3";
    width: 30px;
    height: 30px;
    font-family: "Ionicons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
  }

  #navigation-toggle.open:after {
    content: "\f2c0";
  }

  .navigation {
    position: fixed;
    top: var(--header-height);
    background-color: var(--titles-color);
    left: 0;
    width: 50%;
    bottom: 0;
    margin-left: -50%;
    -o-transition: margin-left ease .3s;
    transition: margin-left ease .3s;
    -webkit-transition: margin-left ease .3s;
    -moz-transition: margin-left ease .3s;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-justify-content: stretch;
  }

  .navigation.open,
  #languages.open {
    margin-left: 0;
  }

  .navigation .menu li {
    margin: 10px 0;
  }

  .navigation.open .menu li {
    display: block;
  }

  .navigation ul {
    padding: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-content: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    text-align: left;
    width: 100%;
  }

  .menu > li > a {
    padding: 0 15px;
  }

  .navigation ul li a {
    font-size: 20px;
  }

  .navigation .dropdown .submenu {
    position: relative;
    width: auto;
    margin: 0;
    left: auto;
    top: auto;
    background: transparent;
    padding: 5px 20px;
  }

  .navigation .dropdown .submenu li a {
    padding: 5px 0;
    text-align: left;
  }

  .navigation .dropdown .submenu li a:hover {
    background: transparent;
  }

  .header-lg .navigation {
    top: var(--header-height);
  }

  #header #header-zone4,
  #header #header-zone6,
  #header .header-footer-zone.empty-zone {
    display: none;
  }

  #header .wrapper.row2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: auto;
  }

  #header .wrapper.row1 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }

  /* end Header */
  .fixed-header.header-lg #content {
    margin-top: var(--header-height);
  }

  .transparent-header #content,
  .transparent-header.header-lg #content {
    margin-top: 0;
  }

  .header-lg .bg-vid {
    margin-top: calc(var(--header-height) - (var(--header-height) * 2));
  }

  .one-of-seven,
  .one-seven .more-items-item,
  .one-seven.img-aside .more-items-item,
  .one-seven .more-video-item,
  .one-seven .galleries-item,
  .one-seven .socialstream-item,
  .one-seven.landing li,
  .one-seven .control-group,
  .one-of-six,
  .micro-content,
  .one-six .more-items-item,
  .one-six.img-aside .more-items-item,
  .one-six .more-video-item,
  .one-six .galleries-item,
  .one-six .socialstream-item,
  .one-six.landing li,
  .one-six .control-group,
  .one-of-five,
  .micro-content,
  .one-five .more-items-item,
  .one-five.img-aside .more-items-item,
  .one-five .more-video-item,
  .one-five .galleries-item,
  .one-five .socialstream-item,
  .one-five.landing li,
  .one-five .control-group {
    width: calc(25% - var(--gap));
  }

  .transparent-header.header-lg .slide.top-box .slide-content {
    padding-top: calc(var(--header-height) + 40px);
  }

  .slide-content .slide-title {
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .slide-content p {
    font-size: 14px;
  }

  .countdown-text {
    font-size: 36px;
  }

  .social-stream .socialstream-item {
    width: calc(33.333333% - var(--gap));
  }

  .scoreboard ul li {
    font-size: 20px;
  }

  .tabs-end .widget-title,
  .tabs-start .widget-title,
  .tabs-end .section-title,
  .tabs-start .section-title,
  .tabs-view header,
  .gap-0 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .gap-5 {
    padding-left: calc(var(--gap) * 11) !important;
    padding-right: calc(var(--gap) * 11) !important;
  }

  .gap-10 {
    padding-left: calc((var(--gap) / 2) * 5) !important;
    padding-right: calc((var(--gap) / 2) * 5) !important;
  }

  .gap-20 {
    padding-left: var(--gap) !important;
    padding-right: var(--gap) !important;
  }

  .gap-30 {
    padding-left: calc(var(--gap) / 2) !important;
    padding-right: calc(var(--gap) / 2) !important;
  }

  .gap-40 {
    padding-left: calc(var(--gap) / 4) !important;
    padding-right: calc(var(--gap) / 4) !important;
  }

  .widget-wrapper .gap-0,
  .widget-wrapper .gap-5,
  .widget-wrapper .gap-10,
  .widget-wrapper .gap-20,
  .widget-wrapper .gap-30,
  .widget-wrapper .gap-40 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Tablet devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 1023px) {
  .header-lg .bg-vid {
    margin-top: 0;
  }

  .header-lg .bg-vid .slide {
    top: 0;
  }

  .row-fluid,
  .layout-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }

  .secondary-content,
  .secondary-content > * {
    width: 100%;
  }

  .secondary-content:first-child > * {
    margin-left: 0;
  }

  .secondary-content:first-child .tabs-view,
  .secondary-content:first-child .tabs-view .section-title,
  .secondary-content:first-child .tabs-view header,
  .secondary-content:last-child .tabs-view,
  .secondary-content:last-child .tabs-view .section-title,
  .secondary-content:last-child .tabs-view header {
    padding-left: 0;
    padding-right: 0;
  }

  .related-content {
    width: 100%;
    padding: 30px 0;
  }

  .related-content .widget {
    padding: 0;
  }

  .primary-content .widget.article-view {
    background: transparent;
  }

  .widget-wrapper:not(.full-width) {
    padding: 0 30px !important;
  }

  .widget-wrapper > * {
    padding: 30px 0;
    width: 100%;
  }

  .more-items-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
  }

  .column > .widget:not(.article-view) {
    padding: 0;
  }

  .column:not(.related-content) > .widget:not(.article-view) {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .large-text .wrapper h2 {
    font-size: 42px;
  }

  .large-text .link-button,
  .large-text .link-button a {
    font-size: 18px;
  }

  /* Banners */
  #header .wrapper {
    z-index: 1;
  }

  .top-image-container {
    display: block;
  }

  .row-fluid .column.secondary-content:first-child > * {
    padding-right: 30px;
  }

  .row-fluid .column.secondary-content:last-child > * {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 900px) {
  body,
  input,
  textarea,
  .md-content > * {
    font-size: 16px;
  }

  .one-of-two,
  .one-two .more-items-item,
  .one-two .more-video-item,
  .one-two .galleries-item,
  .one-two .socialstream-item,
  .one-two.landing li,
  .one-two .control-group,
  .one-two .formly > * > *,
  .one-of-three,
  .mini-content,
  .one-three .more-items-item,
  .one-three .more-video-item,
  .one-three .galleries-item,
  .one-three .socialstream-item,
  .one-three.landing li,
  .one-three .control-group,
  .one-three .formly > * > *,
  .two-of-three,
  .two-three .more-items-item,
  .two-three .more-video-item,
  .two-three .galleries-item,
  .two-three .socialstream-item,
  .two-three.landing li,
  .two-three .control-group,
  .two-three .formly > * > *,
  .one-of-four,
  .one-four .more-items-item,
  .one-four .more-video-item,
  .one-four .galleries-item,
  .one-four .socialstream-item,
  .one-four .control-group,
  .one-four .formly > * > *,
  .one-four.landing li,
  .three-of-four,
  .three-four .more-items-item,
  .three-four .more-video-item,
  .three-four .galleries-item,
  .three-four .socialstream-item,
  .three-four.landing li,
  .three-four .control-group,
  .three-four .formly > * > *,
  .one-of-five,
  .one-five .more-items-item,
  .one-five .more-video-item,
  .one-five .galleries-item,
  .one-five .socialstream-item,
  .one-five.landing li,
  .one-five .control-group,
  .two-five .formly > * > *,
  .two-of-five,
  .two-five .more-items-item,
  .two-five .more-video-item,
  .two-five .galleries-item,
  .two-five .socialstream-item,
  .two-five.landing li,
  .two-five .control-group,
  .two-five .formly > * > *,
  .three-of-five,
  .three-five .more-items-item,
  .three-five .more-video-item,
  .three-five .galleries-item,
  .three-five .socialstream-item,
  .three-five.landing li,
  .three-five .control-group,
  .three-five .formly > * > *,
  .four-of-five,
  .four-five .more-items-item,
  .four-five .more-video-item,
  .four-five .galleries-item,
  .four-five .socialstream-item,
  .four-five.landing li,
  .four-five .control-group,
  .four-five .formly > * > *,
  .one-of-six,
  .one-of-seven,
  .micro-content {
    width: calc(50% - var(--gap));
  }

  .one-six .more-video-item,
  .one-six .galleries-item,
  .one-six .socialstream-item,
  .one-six.landing li,
  .one-six .control-group,
  .one-six .formly > * > *,
  .one-seven .more-items-item,
  .one-seven .more-video-item,
  .one-seven .galleries-item,
  .one-seven .socialstream-item,
  .one-seven.landing li,
  .one-seven .control-group,
  .one-seven .formly > * > * {
    width: calc(33.3333% - var(--gap));
  }

  .secondary-content .widget li {
    width: inherit;
  }

  .more-items.text-over .more-items-item h2 {
    font-size: 28px;
  }

  .pagination-page,
  .pagination.more .pagination-more,
  .pagination.showmore-inline .pagination-page,
  .load-more-bt {
    width: 100%;
  }

  .gap-0 .pagination-page,
  .gap-0 .pagination.more .pagination-more,
  .gap-0 .pagination.showmore-inline .pagination-page,
  .gap-0 .load-more-bt,
  .gap-5 .pagination-page,
  .gap-5 .pagination.more .pagination-more,
  .gap-5 .pagination.showmore-inline .pagination-page,
  .gap-5 .load-more-bt,
  .gap-10 .pagination-page,
  .gap-10 .pagination.more .pagination-more,
  .gap-10 .pagination.showmore-inline .pagination-page,
  .gap-10 .load-more-bt,
  .gap-20 .pagination-page,
  .gap-20 .pagination.more .pagination-more,
  .gap-20 .pagination.showmore-inline .pagination-page,
  .gap-20 .load-more-bt,
  .gap-30 .pagination-page,
  .gap-30 .pagination.more .pagination-more,
  .gap-30 .pagination.showmore-inline .pagination-page,
  .gap-30 .load-more-bt,
  .gap-40 .pagination-page,
  .gap-40 .pagination.more .pagination-more,
  .gap-40 .pagination.showmore-inline .pagination-page,
  .gap-40 .load-more-bt {
    width: auto;
    margin-right: calc(var(--gap) / 2);
    margin-left: calc(var(--gap) / 2);
  }

  .sponsors {
    text-align: center;
  }

  .sponsors li {
    width: 15%;
  }
}
/* Mobile devices layout adjustments
  ========================================================== */
@media only screen and (max-width: 767px) {
  :root {
    --img-max-w: 100px;
  }

  .is-mobile {
    display: block !important;
  }

  .is-desktop {
    display: none !important;
  }

  #header .wrapper {
    padding-right: 0;
  }

  .header-lg #header {
    height: var(--header-height);
  }

  .header-lg .navigation {
    top: var(--header-height);
  }

  .logo-img {
    height: auto;
    max-width: 120px;
  }


  .fixed-header.header-lg:not(.transparent-header) #content {
    margin-top: var(--header-height);
  }




  #footer-logo {
    max-height: 40px;
  }

  #copyright {
    font-size: 12px;
  }

  .navigation {
    width: 100%;
    margin-left: -100%;
  }

  #navigation-toggle {
    padding: 0;
    width: 50px;
  }

  .menu > li > a {
    padding: 0 10px;
  }

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 24px;
  }

  .one-of-two,
  .one-two .more-items-item,
  .one-two .more-video-item,
  .one-two .galleries-item,
  .one-two .socialstream-item,
  .one-two.landing li,
  .one-two .control-group,
  .one-two .formly > * > *,
  .one-of-three,
  .mini-content,
  .one-three .more-items-item,
  .one-three .more-video-item,
  .one-three .galleries-item,
  .one-three .socialstream-item,
  .one-three.landing li,
  .one-three .control-group,
  .one-three .formly > * > *,
  .two-of-three,
  .two-three .more-items-item,
  .two-three .more-video-item,
  .two-three .galleries-item,
  .two-three .socialstream-item,
  .two-three.landing li,
  .two-three .control-group,
  .two-three .formly > * > *,
  .one-of-four,
  .one-four .more-items-item,
  .one-four .more-video-item,
  .one-four .galleries-item,
  .one-four .socialstream-item,
  .one-four .control-group,
  .one-four .formly > * > *,
  .one-four.landing li,
  .three-of-four,
  .three-four .more-items-item,
  .three-four .more-video-item,
  .three-four .galleries-item,
  .three-four .socialstream-item,
  .three-four.landing li,
  .three-four .control-group,
  .three-four .formly > * > *,
  .one-of-five,
  .one-five .more-items-item,
  .one-five .more-video-item,
  .one-five .galleries-item,
  .one-five .socialstream-item,
  .one-five.landing li,
  .one-five .control-group,
  .two-five .formly > * > *,
  .two-of-five,
  .two-five .more-items-item,
  .two-five .more-video-item,
  .two-five .galleries-item,
  .two-five .socialstream-item,
  .two-five.landing li,
  .two-five .control-group,
  .two-five .formly > * > *,
  .three-of-five,
  .three-five .more-items-item,
  .three-five .more-video-item,
  .three-five .galleries-item,
  .three-five .socialstream-item,
  .three-five.landing li,
  .three-five .control-group,
  .three-five .formly > * > *,
  .four-of-five,
  .four-five .more-items-item,
  .four-five .more-video-item,
  .four-five .galleries-item,
  .four-five .socialstream-item,
  .four-five.landing li,
  .four-five .control-group,
  .four-five .formly > * > *,
  .one-of-six,
  .one-of-seven,
  .one-six .more-video-item,
  .one-six .galleries-item,
  .one-six .socialstream-item,
  .one-six.landing li,
  .one-six .control-group,
  .one-six .formly > * > *,
  .one-seven .more-items-item,
  .one-seven .more-video-item,
  .one-seven .galleries-item,
  .one-seven .socialstream-item,
  .one-seven.landing li,
  .one-seven .control-group,
  .one-seven .formly > * > *,
  .micro-content,
  .primary-content .primary-content,
  .secondary-content,
  .related-content {
    width: 100%;
  }

  .related-content .widget-title,
  .primary-content .widget-title {
    text-align: center;
  }

  .section-title,
  .widget-title {
    font-size: 28px;
  }

  .tabs-end header,
  .tabs-start header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .full-content .one-two,
  .full-content .one-three,
  .full-content .two-three,
  .full-content .one-four,
  .full-content .three-four,
  .full-content .one-five,
  .full-content .two-five,
  .full-content .three-five,
  .full-content .four-five,
  .one-seven {
    padding-left: 10px;
    padding-right: 10px;
  }

  .column > .widget:not(.article-view):not(.full-width) {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .widget:not(.slide-items):not(.slide-items-mobile) .more-items-item,
  .widget-wrapper > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .pagination-page,
  .pagination.more .pagination-more,
  .pagination.showmore-inline .pagination-page,
  .load-more-bt {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Slides */
  .slide-content {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 60px;
  }

  .widget .fotorama__arr--next {
    right: 0;
  }

  .widget .fotorama__arr--prev {
    left: 0;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    background: none;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide-content {
    text-align: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    padding: 40px 40px 70px;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide-content .slide-title {
    margin-left: auto;
    margin-right: auto;
  }

  .fotorama__stage__frame.fotorama__stage__frame--video .slide-content > * {
    max-width: 100%;
  }

  .slide-content .slide-title {
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .slide-content p {
    display: none;
  }

  .fotorama__video-play {
    top: 35%;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
  }

  .widget .slides .fotorama__video-play:before {
    font-size: 45px;
    height: 45px;
    width: 45px;
    line-height: 45px;
  }

  /* Tabs */
  .tabs-end header,
  .tabs-start header {
    position: relative;
    margin: 0 0 20px;
  }

  .tabs-end .widget-title,
  .tabs-start .widget-title,
  .tabs-end .section-title,
  .tabs-start .section-title {
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
  }

  .tabs-end,
  .tabs-start {
    padding-top: 30px !important;
  }

  .tabs-end header .tabs,
  .tabs-start header .tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
  }

  /* More Items */
  .more-items-item {
    margin-bottom: 15px;
  }

  .more-items-item .wrapper {
    padding: 15px var(--wrapper-padding);
  }

  .img-aside .more-items-item .wrapper {
    padding: var(--wrapper-padding) 10px 0 10px;
  }

  .more-items .more-items-item h2,
  .more-items.text-over .more-items-item h2,
  .large-text .wrapper h2 {
    min-height: inherit;
    font-size: 24px;
  }

  .img-aside .more-items-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .img-aside.more-items .more-items-item h2 {
    font-size: 18px;
  }

  .text-over.full-width .wrapper {
    left: 0;
    right: 0;
    top: 0;
  }

  .text-over.center-box .wrapper {
    padding: 0 20px !important;
  }

  .large-text .link-button,
  .large-text .link-button a {
    font-size: 14px;
  }

  .nowrap .more-items-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .slide-items-mobile,
  .column > .widget.slide-items-mobile:not(.article-view):not(.full-width) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .slide-items-mobile .more-items-item {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .slide-items-mobile .pagination-page, .slide-items-mobile .pagination.more .pagination-more, .slide-items-mobile .pagination.showmore-inline .pagination-page, .slide-items-mobile .load-more-bt {
    width: calc(100% - 80px);
    margin-left: auto !important;
    margin-right: auto !important;
    display: none;
  }

  /* Photo Gallery */
  #photo-gallery {
    padding-left: 0;
    padding-right: 0;
  }

  .galleries-items .galleries-item .galleries-item-title,
  .galleries-items .galleries-item .galleries-item-time,
  .galleries-items .galleries-item .galleries-item-count,
  .galleries-items .galleries-item .view-gallery {
    margin-left: 0;
    margin-right: 0;
  }

  .galleries-items .galleries-item img {
    padding-left: 0;
    padding-right: 0;
  }

  /* Video View */
  .video-view header {
    padding: 15px;
  }

  .video-view,
  .full-content .video-view {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home #row-second {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }

  /* Social Stream */
  .social-stream.isotope .socialstream-item .socialstream-img,
  .social-stream.isotope .socialstream-item .wrapper {
    border: none;
  }

  .full-content .widget.social-stream {
    padding-left: 10px;
    padding-right: 10px;
  }

  .socialstream-items-list {
    height: auto !important;
  }

  .social-stream .socialstream-item,
  .full-content .social-stream .socialstream-item {
    position: relative !important;
    left: 0 !important;
    top: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }

  .full-content .social-stream.isotope {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    padding-top: 40px;
  }

  .social-stream.isotope ul {
    position: inherit;
  }

  /* Isotope */
  .isotope {
    padding-bottom: 80px;
  }

  .isotope li {
    margin-bottom: 10px !important;
  }

  .full-content .pagination {
    margin-left: 0;
    margin-right: 0;
  }

  /* Scoreboard */
  .scoreboard ul {
    padding: 20px 0;
  }

  .scoreboard ul li {
    font-size: 20px;
  }

  /* Article */
  .column > .widget:not(.full-width):not(.widget-wrapper) .article {
    max-width: 100% !important;
  }

  .widget.article-view,
  .column .widget.article-view {
    padding: 0;
  }

  .article-view-title,
  .full-content .article-view-title {
    font-size: 2.5em;
    margin: 20px 10px;
  }

  #header .countdown-text {
    font-size: 14px;
  }

  #header .countdown-text .name {
    font-size: 8px;
    line-height: 8px;
  }

  #header .countdown-text .countdown-time > * {
    margin: 0 6px;
  }

  .countdown-text {
    min-width: 10px;
    padding: 10px;
    font-size: 32px;
  }

  .countdown-text .countdown-time > * {
    margin: 0 10px;
  }

  .countdown-text .number {
    line-height: 32px;
    height: 32px;
  }

  .countdown-text .name {
    font-size: 14px;
  }

  .owl-theme.owl-carousel .owl-nav [class*='owl-'] {
    margin: 0;
  }

  #user-menu {
    padding-left: 0;
  }

  #user-menu .menu > li.dropdown #user {
    padding-left: 5px;
  }

  .md-content .md-header {
    height: 70px;
  }

  .md-content > *, .md-content .md-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Retina Display adjustments - General
  ========================================================== */
/* ==========================================================
   PRINT
   ========================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==========================================================
   IE Fixes
   ========================================================== */
.submenu-wrap {
  display: none;
}

/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  border: 0;
  clip: rect( 1px, 1px, 1px, 1px );
  -webkit-clip-path: inset( 50% );
  clip-path: inset( 50% );
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.mejs__container {
  background: #000;
  box-sizing: border-box;
  font-family: 'Helvetica', Arial, serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}

.mejs__container * {
  box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}

.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.mejs__container:focus {
  outline: none;
}

.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.mejs__embed,
.mejs__embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.mejs__fullscreen {
  overflow: hidden !important;
}

.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}

/* Start: LAYERS */
.mejs__background {
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

:root .mejs__poster-img {
  display: none;
}

.mejs__poster-img {
  border: 0;
  padding: 0;
}

.mejs__overlay {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__layer {
  z-index: 1;
}

.mejs__overlay-play {
  cursor: pointer;
}

.mejs__overlay-button {
  background: url('mejs-controls.svg') no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}

.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px;
}

.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}

.mejs__overlay-loading-bg-img {
  -webkit-animation: mejs__loading-spinner 1s linear infinite;
  animation: mejs__loading-spinner 1s linear infinite;
  background: transparent url('mejs-controls.svg') -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}

@-webkit-keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.mejs__controls:not([style*='display: none']) {
  background: rgba(255, 0, 0, 0.7);
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}

.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}

.mejs__button > button {
  background: transparent url('mejs-controls.svg');
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

/* :focus for accessibility */
.mejs__button > button:focus {
  outline: dotted 1px #999;
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs__time {
  box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto;
}

/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs__play > button {
  background-position: 0 0;
}

.mejs__pause > button {
  background-position: -20px 0;
}

.mejs__replay > button {
  background-position: -160px 0;
}

/* End: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}

.mejs__time-total {
  background: rgba(255, 255, 255, 0.3);
  margin: 5px 0 0;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}

@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}

.mejs__time-loaded {
  background: rgba(255, 255, 255, 0.3);
}

.mejs__time-current,
.mejs__time-handle-content {
  background: rgba(255, 255, 255, 0.9);
}

.mejs__time-hovered {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.mejs__time-hovered.negative {
  background: rgba(0, 0, 0, 0.2);
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.mejs__time-handle,
.mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}

.mejs__time-handle-content {
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mejs__time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}

.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}

.mejs__time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}

.mejs__long-video .mejs__time-float-current {
  width: 60px;
}

.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}

/* End: Progress Bar */

/* Start: Fullscreen */
.mejs__fullscreen-button > button {
  background-position: -80px 0;
}

.mejs__unfullscreen > button {
  background-position: -100px 0;
}

/* End: Fullscreen */

/* Start: Mute/Volume */
.mejs__mute > button {
  background-position: -60px 0;
}

.mejs__unmute > button {
  background-position: -40px 0;
}

.mejs__volume-button {
  position: relative;
}

.mejs__volume-button > .mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}

.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px;
}

.mejs__volume-total {
  background: rgba(255, 255, 255, 0.5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}

.mejs__volume-current {
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

.mejs__volume-handle {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}

.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}

.mejs__horizontal-volume-total {
  background: rgba(50, 50, 50, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}

.mejs__horizontal-volume-current {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mejs__horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
  position: relative;
}

.mejs__captions-button > button {
  background-position: -140px 0;
}

.mejs__chapters-button > button {
  background-position: -180px 0;
}

.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}

.mejs__chapters-button > .mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}

.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color: rgb(200, 200, 200) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}

.mejs__captions-selected,
.mejs__chapters-selected {
  color: rgba(33, 248, 248, 1);
}

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}

.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}

.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mejs__captions-position-hover {
  bottom: 35px;
}

.mejs__captions-text,
.mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}

/* End: Track (Captions and Chapters) */

/* Start: Error */
.mejs__overlay-error {
  position: relative;
}
.mejs__overlay-error > img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.mejs__cannotplay,
.mejs__cannotplay a {
  color: #fff;
  font-size: 0.8em;
}

.mejs__cannotplay {
  position: relative;
}

.mejs__cannotplay p,
.mejs__cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}
/* End: Error */

.mejs__chromecast-button > button,
.mejs-chromecast-button > button {
  --disconnected-color: #fff;
  background: none;
  display: inline-block;
}
.mejs__chromecast-container,
.mejs-chromecast-container {
  background: #000;
  color: #fff;
  font-size: 10px;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 1;
}

.mejs__chromecast-layer > img,
.mejs-chromecast-layer > img {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.mejs__chromecast-icon,
.mejs-chromecast-icon {
  background: url('chromecast.svg') no-repeat 0 0;
  display: inline-block;
  height: 14px;
  margin-right: 5px;
  width: 17px;
}

.mejs__qualities-button,
.mejs-qualities-button {
  position: relative;
}

.mejs__qualities-button > button,
.mejs-qualities-button > button {
  background: transparent;
  color: #fff;
  font-size: 11px;
  line-height: normal;
  margin: 11px 0 0;
  width: 36px;
}

.mejs__qualities-selector,
.mejs-qualities-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  height: 100px;
  left: -10px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: -100px;
  width: 60px;
}

.mejs__qualities-selector ul,
.mejs-qualities-selector ul {
  display: block;
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__qualities-selector li,
.mejs-qualities-selector li {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none!important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0 10px;
}
.mejs__qualities-selector li:hover,
.mejs-qualities-selector li:hover {
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}

.mejs__qualities-selector input,
.mejs-qualities-selector input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__qualities-selector label,
.mejs-qualities-selector label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 0 0;
  width: 55px;
}

.mejs__qualities-selected,
.mejs-qualities-selected {
  color: rgba(33, 248, 248, 1);
}
.mejs__vrview-button > button,
.mejs-vrview-button > button {
  background: url('cardboard.svg') no-repeat 0 4px;
}