/*
Theme Name: RI.11BS
Theme URI: http://ri.11bitstudios.com
Author: Community
Author URI: Who cares
Description: Nothing to mention here, really...
Version: 1.1
License: All rights reserved - licensed use only
License URI: http://ri.11bitstudios.com
Tags: cms, ir, 11bitstudios
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0;	border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline; font-family: 'Titillium Web', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
* { box-sizing: border-box }

html { scroll-behavior: smooth;}

body {background-size: cover; background-position: fixed; background-repeat: no-repeat; background-color: #161f34;}

#scrollup {display: none; position: fixed; right: 10px; bottom: 10px; color: #d00; text-decoration: none;  font-size: 40px; width: 48px; height: 48px; }

.social-share {clear: both; float: none; margin: 0 0 20px 0;}
.social-share .icon { color: #888; font-size: 32px; margin: 0 5px 0 0;}
.social-share .icon:hover { color: #e00;}

.menu-item-3108 a, .menu-item-3109 a {cursor: default; }
.menu-item-3108 a:hover, .menu-item-3109 a:hover {cursor: default; color: #333 !important;}
.menu-item-3108:hover a, .menu-item-3109:hover a {cursor: default; color: #333 !important;}
.menu-item-3108:hover ul li:hover a, .menu-item-3109 ul li:hover > a {cursor: pointer; color: #e00 !important;}


.left {float: left;}
.right {float: right;}

time {font-size: 12px ; color: #888;}
h2.page-title {font-size: 24px; font-weight: 500; color: #161f34; margin: 10px 0 20px; line-height: 32px;}
h2.page-title a {text-decoration: none; color: #161f34; }
h2.page-title a:hover {text-decoration: none; color: #ed1c24; }
h2.page-title span {display: inline-block; font-weight: 300; border-left: 1px #ed1c24 solid; padding: 0 0 0 15px; margin: 0 0 0 15px;line-height: 20px;}
article time {font-size: 14px; float: right; width: 150px; text-align: right; padding: 22px 0 0;}
article h2.page-title {width: calc(100% - 160px); float: left;}

.page article img.wide-img {width: calc(100%); margin: 15px 0 0 0; }
article .entry {display: block; clear: both; font-size: 16px; line-height: 22px;  }
article .entry p {display: block; font-size: 16px; line-height: 22px; margin: 10px 0 15px;  }
article .entry p strong {font-weight: 700;}
article .entry table td {vertical-align: top;}
article .entry table td strong {font-weight: 700;}
article .entry .small {font-size: 13px; color: #888; display: block; text-align: left; padding: 5px 0;}

article .entry ol {	counter-reset:li; padding-left:0; margin: 15px; padding-left: 0;  width: 70%; }
article .entry ol > li {position:relative;	margin: 0 0 0 2em; padding:5px 0; list-style:none; background:#f1f1f1; }
article .entry ol > li:before { content:counter(li); counter-increment:li; position:absolute; top: 0px; left:-40px; width:2em;	margin-right:8px; padding: 5px 3px; color:#fff; background:#666; font-weight:bold; text-align:center;}
article .entry li ol, article .entry li ul {margin-top:6px;}
article .entry ol ol li:last-child {margin-bottom:0;}
article .entry ul {	padding-left:0; margin: 15px; padding-left: 0;  width: 70%; }
article .entry ul > li {position:relative; color: #888; margin: 0 0 0 2em; padding:5px 0; list-style:none; background: none; }
article .entry ul > li:before { content:"."; position:absolute;	top: 12px;	left: -20px;	width: 8px; height: 8px; text-indent: -4000px; border-radius: 50%;  background:#d00; font-weight:bold; text-align:center;}
article .entry li ul, article .entry li ul {margin-top: 10px;}
article .entry ul ul li:last-child {margin-bottom:0;}

article .entry a {color: #161f34; text-decoration: none;}
article .entry a:hover {color: #111; text-decoration: underline;}

article .entry .w3eden {margin: 0 0 20px 0;}
article .entry .w3eden .h4,  article .entry .w3eden h4 { font-weight: 700;}

.single article {width: calc(100% - 340px); margin: 15px 0 0 20px;}
.single .small-photo {margin: 10px 0 0 0;}
.single .small-photo img {width: 100% !important; height: auto;}
.single .entry {margin-bottom: 20px;}
.single .entry a { color: #161f34; text-decoration: none; }
.content.single:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}

.page.board table tr td:nth-child(1),.page.board table td:nth-child(3){width: 10%; padding: 0;}
.page.board table tr td:nth-child(2),.page.board table td:nth-child(4){width: 40%; padding: 10px 30px 0 10px; text-align: justify}
.page.board table tr:nth-child(1) td {padding-bottom: 40px;}
.page.board table td img {max-width: 120px; width: 100%; height: auto !important;}
.page.board table td p {margin: 0;}
.page.board .entry.bod {margin: 30px 0 0 0;}
.page.board .entry.bod p {margin: 10px 0 20px 0;}
table.tablepress tbody td {font-size: 12px;}
table.tablepress td.column-1 {font-weight: 700;}


html[lang="en-US"] body .page.board h2.page-title span {display: none;}


article .related-posts {clear: both; margin: 20px 0 ;}
article .related-posts h4 {font-size: 18px; color: #333; border-bottom: 1px #ed1c24 solid; padding: 0 20px 10px; margin: 15px 0 15px 0;}
article .related-posts ul li {display: block;  margin: 0 20px 10px 20px;  }
article .related-posts ul li:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}
article .related-posts ul li .small-photo {width: 25%; float: left; margin: 0 15px 20px 0;}
article .related-posts ul li a {color: #000; text-decoration: none;}
article .related-posts ul li strong {font-size: 15px; font-weight: 600; }
article .related-posts ul li a:hover strong {color: #161f34 !important;}
article .related-posts ul li p {margin: 5px 0 0; line-height: 20px; font-size: 14px; text-align: justify;}

section#header {height: 180px; width: 100%; background: #161f34; border-bottom: 5px #5a6273 solid; padding: 0 calc(50% - 670px); margin: 0 auto; }
section#header .logo {width: 320px; margin: 19px 0 19px 0;}
section#header .logo img {width: 100%; display: block; margin: 0 0 20px 0;}

section#header .navigation {width: calc(100% - 320px);  position: relative;}
section#header .navigation nav {display: block; margin: 52px 0 0;}
section#header .navigation nav a.burger {display: none;}
section#header .navigation nav ul {list-style: none; display: block; padding: 0; margin: 0; text-align: right;}
section#header .navigation nav ul li {list-style: none; display: inline-block; padding: 0; margin: 0; }
section#header .navigation nav ul li a {color: #fff; text-decoration: none; padding: 5px 10px; }
section#header .navigation nav ul ul.sub-menu li a {display: block;  background: #ed1c24; display: block;}
section#header .navigation nav ul ul {display: none; padding: 0 0 0 0; margin: 9px 0 0 0;  position: absolute; min-width: 200px; z-index: 20; text-align: left;}
@media screen and (-webkit-min-device-pixel-ratio:0) { section#header .navigation nav ul ul {margin: 8px 0 0 0.5px;}} /* Chrome hack */
section#header .navigation nav ul li:hover a {background: #ed1c24; color: #fff;} 
section#header .navigation nav ul li:hover ul {display: block;} 
section#header .navigation nav ul li li.tri { display: block; width: 10px; height: 10px; float: right; background: url(img/bg-submenu.png) right bottom no-repeat;}
section#header .navigation nav ul ul li {display: block;}
section#header .navigation nav ul ul li a {display: block; padding: 10px;}
section#header .navigation nav ul ul li a:hover {text-decoration: underline;}

body .wpml-ls-legacy-list-horizontal {padding: 10px 0;}
body .wpml-ls-legacy-list-horizontal a { padding: 5px 0 0 20px;}

section#body {min-height: 800px; width: 100%; background: #f1f1f1;  padding: 15px calc(50% - 670px); margin: 0 auto; }
section#body:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}

.breadcrumbs {color: #ed1c24; display: block; margin: 0; max-width: 70%;}
.breadcrumbs a, .breadcrumbs span {color: #333; text-decoration: none;}
.breadcrumbs span[typeof="ListItem"] {padding: 0 5px 0 0;}
.breadcrumbs a:hover span {color: #ed1c24;}
.breadcrumbs b { padding: 0 5px 0 0;}

.alert {padding: 10px; background: #ed1c24; margin: 0 0 20px 0; color: #fff; font-size: 15px; line-height: 22px; border-radius: 3px;}
.alert i.fa {margin: 0 10px 0 0;}
.info {padding: 10px; background: #41d300; margin: 0 0 20px 0; color: #fff; font-size: 15px; line-height: 22px; border-radius: 3px;}
.info i.fa {margin: 0 10px 0 0;}

#sidebar {width: 320px; margin: -80px 0 0 0;}
#innerbar {width: 320px; margin: 20px 0; }
#sidebar.fixed {position: fixed; top: -40px; margin: 0;  right: calc(50% - 670px);}
#sidebar .widget-box {margin: 0 0 10px 0; background: #fff; padding: 0; -webkit-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);}
#innerbar .widget-box {background: none; padding: 0;}

#sidebar form#searchform {margin: 0; background: #fff; padding: 0 10px 10px; }
#sidebar form#searchform input.field { font-size: 14px; background: none; border: 0; padding: 5px 40px 5px 5px; border-bottom: 2px #ddd solid; width: 100%;}
#sidebar form#searchform input.submit {position: absolute; z-index: 30; background: transparent;border: 0; margin: 0 0 0 -40px; width: 40px;height: 30px; cursor: pointer;}
#sidebar form#searchform i.fa  { z-index: 10; margin: -25px 0 0 10px;  float: right; cursor: pointer;}

#sidebar .widget-box .menu {padding: 20px 10px 10px 20px; margin: 0;}
#sidebar .widget-box .menu li {list-style: square; display: block; margin: 10px 0;}
#sidebar .widget-box .menu li:first-child {margin: 0;}
#sidebar .widget-box .menu li a {display: inline-block; color: #333; text-decoration: none;}
#sidebar .widget-box .menu li:hover > a {color: #ed1c24;}
#sidebar .widget-box .menu > li::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 10px 2px 0; background: #888;}
#sidebar .widget-box .menu > li:hover::before { background: #ed1c24;}

#sidebar .widget-box .menu li.menu-item ul.sub-menu {margin: 10px 0 5px 15px;}
#sidebar .widget-box .menu li.menu-item ul.sub-menu li {padding: 0;}
#sidebar .widget-box .menu li.menu-item ul.sub-menu li::before { content: "-"; display: inline-block; width: 8px; height: 8px; margin: 0 0 2px 0; color: #888;}
#sidebar .widget-box .menu li.menu-item ul.sub-menu li.tri {display: none !important;}



#innerbar .widget-box h4 {font-size: 18px; color: #333; border-bottom: 1px #ed1c24 solid; padding: 0 20px 10px; margin: 15px 0 10px 0;}
#innerbar .widget-box .menu {padding: 0; margin: 0;}
#innerbar .widget-box .menu li {list-style: square; display: block; margin: 10px 0;}
#innerbar .widget-box .menu li:first-child {margin: 0;}
#innerbar .widget-box .menu li:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}
#innerbar .widget-box .menu li a {font-size: 15px; font-weight: 600; line-height: 20px; color: #000; display: block; float: right; width: calc(100% - 20px); color: #333; text-decoration: none;}
#innerbar .widget-box .menu li a time {display: block; font-size: 14px;}
#innerbar .widget-box .menu li:hover a {color: #ed1c24;}
#innerbar .widget-box .menu li::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 28px 10px 2px 0; background: #ed1c24;}
#innerbar .widget-box .menu li:hover::before { background: #ed1c24;}


#sidebar .widget-box h4 {font-size: 18px; font-weight: 300; color: #000; margin: 0; padding: 15px 10px 10px}
#sidebar .widget-box .textwidget {padding: 0 10px 10px;}
#sidebar .widget-box .textwidget p {margin: 10px 0 0 0; display: block; line-height: 24px;}
#sidebar .widget-box .textwidget p:first-child {margin: 0;}
#sidebar .widget-box .textwidget p a {color: #ed1c24; text-decoration: none;}

#sidebar .widget-box .textwidget .wpcf7 {padding: 10px; margin: 0 -10px -10px; background: #ed1c24; color: #fff;}
#sidebar .widget-box .textwidget .wpcf7 h4 {font-size: 18px; font-weight: 300; color: #fff; margin: 5px 0 15px 0; padding: 0; opacity: 0.8}
#sidebar .widget-box .textwidget .wpcf7 input[type="email"], #sidebar .widget-box .textwidget .wpcf7 input[type="text"]{ padding: 5px; width: 100%; font-size: 14px; border: 0;}
#sidebar .widget-box .textwidget .wpcf7 p {margin: 10px 0 0 0;}
#sidebar .widget-box .textwidget .wpcf7 p:first-child {margin: 0;}

#sidebar .widget-box .textwidget.custom-html-widget {padding: 0; background: #ed1c24;}
#sidebar .widget-box .textwidget.custom-html-widget iframe {width: 100%; height: 340px !important; overflow: hidden;}

.content {width: calc(100% - 340px); padding-top:0; margin-top:0;}
.content.columns ul li {  margin: 0 0 20px 0; background: #fff; -webkit-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);}
.content.columns ul li:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}
.content.columns ul li a {text-decoration: none; color: #333;}
.content.columns ul li a {display: block; }
.content.columns ul li figure { border-right: 2px #d00 solid; width: 30%;  margin: 0 15px 0 0; float: left; display: block;}
.content.columns ul li figure img {width: 100%; display: block; }
.content.columns ul li .wrap {padding: 10px; min-height: 150px;}
.content.columns ul li h2 {margin: 5px 0; color: #000; font-size: 18px; font-weight: 700; line-height: 24px;}
.content.columns ul li .lead {font-size: 16px; line-height: 22px; text-align: justify}
.content.columns ul li .seemore {float: right;background: #f00;color: #fff;display: inline-block;padding: 7px 7px 5px 11px;text-align: center;}

.content.columns ul.showtime:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}
.content.columns ul.showtime li { max-height: 400px; overflow: hidden; width: calc(50% - 10px); float: left; margin: 0 0 20px 20px;}
.content.columns ul.showtime li:first-child { margin: 0 0 20px 0; }
.content.columns ul.showtime li a {text-decoration: none; color: #333;}
.content.columns ul.showtime li a {display: block; }
.content.columns ul.showtime li figure {width: 100%;  border-bottom: 2px #d00 solid; margin: 0 0 0; float: none; display: block;}
.content.columns ul.showtime li figure img {width: 100%; display: block; }
.content.columns ul.showtime li .wrap {padding: 10px;}
.content.columns ul.showtime li h2 {margin: 5px 0; color: #000; font-size: 18px; font-weight: 700; line-height: 24px;}
.content.columns ul.showtime li .lead {  font-size: 16px; line-height: 22px; padding: 10px;  text-align: justify;}


.content.columns ul.reports li .wrap { padding: 10px; min-height: auto;}
.content.columns ul.reports li h2 { margin: -10px -10px 10px -10px; color: #111; padding: 10px; background: #c6cdd4; font-weight: 300; line-height: 30px; font-size: 20px; }
.content.columns ul.reports li a.mtli_attachment {margin: 15px 0 15px 15px; }



a.btn {display: inline-block; padding: 3px 8px; border-radius: 3px; color: #fff; background: #ed1c24; text-decoration: none;}
a.btn i.fa {margin: 0 5px 0 0;}
a.btn.accept {background: #41d300;}
a.btn:hover {background: #333;}

#sidebar .widget-box .textwidget .wpcf7 input.wpcf7-submit {font-weight: bold; display: inline-block; padding: 3px 8px; bordeR: 0; border-radius: 3px; color: #fff; background: #ed1c24; text-decoration: none;}

#sidebar .widget-box .textwidget .wpcf7 div.wpcf7-response-output { margin: 5px; padding: 10px; border: 0; position: fixed; bottom: 0; right: 0; background: #fff;}
#sidebar .widget-box .textwidget .wpcf7 div.wpcf7-response-output.wpcf7-validation-errors {background: #f00; color: #fff;}
#sidebar .widget-box .textwidget .wpcf7 span.wpcf7-not-valid-tip {display: none !important; color: #f00;font-size: 13px;font-weight: normal;position: absolute;margin: -26px 0 0 127px;}


.content.columns .navi {clear: both; display: block; margin: 30px 0; text-align: center;}
.content.columns .navi .btn {display: block; font-weight: 500; width: 130px; margin: auto auto; padding: 6px 15px 8px; color: #fff; background: #161f34; text-decoration: none;}
.content.columns .navi .btn:hover {background: #ed1c24;}

.content.columns .naviclassic {clear: both; display: block; margin: 30px 0; text-align: center;}
.content.columns .naviclassic .btn {display: block; font-weight: 500; width: 160px; margin: auto auto; padding: 6px 15px 8px; color: #fff; background: #161f34; text-decoration: none;}
.content.columns .naviclassic .btn:hover {background: #ed1c24;}

.content.search-list ul {margin: 0 0 20px 0;}
.content.search-list ul li {margin: 0; padding: 20px; display: block; }
.content.search-list ul li a h3 {font-size: 18px; font-weight: 700; float: left; width: calc(100% - 210px); }
.content.search-list ul li a {display: inline-block; color: #333; text-decoration: none;}
.content.search-list ul li time {color: #888; float: right; margin: 2px 0 0 0; width: 200px; text-align: right;}
.content.search-list ul li .lead:before {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}
.content.search-list ul li .lead {clear: both; display: block; }
.content.search-list ul li p {text-align: justify; line-height: 22px; margin: 10px 0 0 ;}
.content.search-list ul li p.see-more {float: right; color: #ed1c24; margin: 5px 0 0;}
.content.search-list ul li:hover {background: #fff; color: #111; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.2);}
.content.search-list ul li:hover a h3, .content.search-list ul li p.see-more {color: #ed1c24;}

.content.downloads table {width: 100% !important;}
.content.downloads table tr td {padding: 10px; vertical-align: top; min-width: 50%;}
.content.downloads table tr:first-child td strong {display: block; font-weight: 16px; color: #333; padding: 0 0 5px 0; border-bottom: 1px #ccc solid; }
.content.downloads table tr td ul li {display: block; clear: both; margin: 0 0 20px 0;}

.content.offerinq ul li.list-item {margin: 0 0 15px 0;}
.content.offerinq ul li.list-item:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}
.content.offerinq ul li.list-item figure {width: 200px; float: left; }
.content.offerinq ul li.list-item figure img {width: 100%;}
.content.offerinq ul li.list-item .wrap {float: right; width: calc(100% - 215px);}
.content.offerinq ul li.list-item .wrap time { color: #888;  float: right;  margin: 2px 0 0 0;  width: 200px;  text-align: right;}
.content.offerinq ul li.list-item a h2 {font-size: 18px;  font-weight: 700;  float: left;  width: calc(100% - 210px);  color: #333;}
.content.offerinq ul li.list-item a .lead {clear: both;  display: block; padding: 5px 0 0 0;}
.content.offerinq ul li.list-item a .lead p { text-align: left; line-height: 22px; margin: 10px 0 0; color: #333;}

.content.contact {}
.content.contact article .entry table td {padding: 0 0 0 20px; }
.content.contact article .entry table td p {font-size: 12px;}
.content.contact article .entry table td input, .content.contact article .entry table td textarea  {font-size: 14px;}
.content.contact article .entry table td:first-child {padding: 0; width: 50%;}
.content.contact article .entry .wpcf7-form input {border: 1px #888 solid;  border-radius: 2px; padding: 5px; width: 90%; margin: 5px 0 0 0;  }
.content.contact article .entry .wpcf7-form textarea {border: 1px #888 solid;  border-radius: 2px; padding: 5px; width: 90%; margin: 5px 0 0 0; resize: none; }
.content.contact article .entry input.wpcf7-submit {background: #ed1c24; width: 120px; color: #fff; }

.content.reports iframe {width: 100%; overflow: auto;}

table.tabdata {width: 100%; }
table.tabdata tr:nth-child(odd){background: #fff;}
table.tabdata tr td, table.tabdata th {padding: 5px;}
table.tabdata tr th {background: #333; color: #fff;}
table.tabdata tr td {text-align: right;}
table.tabdata tr td:first-child{text-align: left;}

#piechart {margin: 0 0 20px 0;}

table.tabdata .summary th {border-top: 2px #fff solid; text-align: right;}
table.tabdata .summary th:first-child {text-align: left;}

/* dialog */

.bg-overlay {background: #f1f1f1; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; opacity: 0.8; }
.dialog-wrapper {position: absolute; z-index: 110;  width: 960px; position; absolute; left: 50%; top: 50%; margin: -400px 0 0 -480px; background: #fff; border-radius: 3px; -webkit-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);box-shadow: 1px 1px 16px 0px rgba(0,0,0,0.2);}
.dialog-body {padding: 20px; height: 540px; overflow: auto;}
.dialog-body p {margin: 10px 0;}
.dialog-body p strong {font-weight: 700;}
.dialog-body p a {color: #161f34;}
.dialog-footer {text-align: center; padding: 20px; background: #161f34;}



/* widget stock */

iframe#stockquote {border: 0; margin: 0; width: 250px; height: 50px; overflow: hidden; background: transparent;}

.widget-stock span {display: inline-block; color: #fff; line-height: 24px; padding: 2px 8px;}
.widget-stock span.ticker-long {display: none; font-weight: 700; }
.widget-stock span.ticker-short {background: #1cabed; font-weight: 700; }
.widget-stock span.stock-price { font-weight: 500; background: #222;}
.widget-stock span.stock-change {background: #000; padding: }
.widget-stock span.stock-change i {padding: 0 2px 0 5px;}
.widget-stock span.stock-change.up i {color: #41d300}
.widget-stock span.stock-change.dn i {color: #ed1c24}
.widget-stock span.stock-change.cn i {color: #888}
.widget-stock .time {color: #fff; opacity: 0.8; font-size: 11px; margin: 5px 0 0;}


footer  {height: 100px; width: 100%; background: #161f34; border-top: 5px #5a6273 solid; padding: 0 calc(50% - 670px); margin: 0 auto; }
footer .desc {width: calc(100% - 320px); margin: 25px 0; text-align: right; font-size: 12px; color: #fff;}
footer .desc p {opacity: 0.8; margin: 5px 0 0 0; line-height: 18px;}
footer .desc img {float: right; width: 130px !important; height: auto; margin: 0 0 0 50px;}
footer .social {width: 320px; margin: 10px 0;}
footer .social ul {display: block; height: 40px; margin: 20px 0;}
footer .menu-social-icons-container {display: block; height: 40px;}
footer .social ul li {opacity: 0.8; display: block; width: 40px; height: 40px; float: left; margin: 0 10px; color: #fff; font-size: 32px; text-align: center;}
footer .social ul li:hover {opacity: 1;}
footer .social ul li a {display: block; text-indent: -4000px; color: #fff; width: 40px; height: 40px; margin: -40px 0 0 0; position: absolute; }

.wp-pagenavi { clear: both; padding: 20px 0; text-align: center;}
.wp-pagenavi a, .wp-pagenavi span { color: #FFF; text-decoration: none; background-color:#333;  border: 1px solid #333; padding: 3px 10px; margin: 2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #ed1c24;  background-color:#ed1c24;}
.wp-pagenavi span.current {  font-weight: bold;  background-color:#ed1c24;}

#piechart rect { fill: #f1f1f1; }

table.eventscal {width: 100%; background: #fff; }
table.eventscal tr td, table.eventscal tr th {padding: 10px; text-align: left; border-bottom: 1px #888 solid; }
table.eventscal tr:nth-child(odd) td { background: #f0f0f0; }

/* tabs */

.navtabs {margin: 0 0 20px 0; border-radius: 2px; border: 1px #ccc solid; height: 38px; display: inline-block; background: #fff; }
.navtabs:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;}
.navtabs a {display: block; float: left;line-height: 16px; font-size: 16px; padding: 10px 20px; background: #fff; border-left: 1px #ccc solid; color: #333; font-weight: 700; text-decoration: none; }
.navtabs a:first-child {border: 0;}
.navtabs a:hover, .navtabs a.current {background: #ed1c24; color: #fff !important; text-decoration: none !important;}

.langsel {position: absolute; right: 0;}

/* MIME ICONS */

a.mtli_attachment {font-weight: bold; color: #333; font-size: 18px; padding-top: 2px; display: block; margin: 0 0 20px 0;}
a.mtli_attachment::after {display: block; font-size: 16px; font-weight: normal;}
a.mtli_attachment:hover {color: #d00 !important; text-decoration: none !important;}
a.mtli_attachment:hover::after {color: #333;}


.page.rekomendacje a.mtli_attachment {background-image: none; display: inline-block; margin: 0; padding: 0 !important; min-height: auto;}
.page.rekomendacje a.mtli_attachment::after {content: "" !important;}
 
@media only screen and (max-width: 1330px) {
  section#header {height: 160px;}
  section#header .logo { width: 280px;  margin: 15px 0 15px 10px;}
  section#header .navigation { width: calc(100% - 290px); }
  section#header .navigation nav { margin: 43px 10px 0 0;}   
  section#header .navigation nav ul li a {padding: 5px 8px;} 
  section#body { padding: 10px;}   
  #sidebar.fixed { right: 10px;}
  body .wpml-ls-legacy-list-horizontal {padding: 5px 10px;}
}


@media only screen and (max-width: 1200px) {
  section#header {height: 140px;}
  section#header .logo {width: 240px; margin: 8px 0 8px 10px;}
  section#header .navigation { width: calc(100% - 260px); }
  section#header .navigation nav { margin: 30px 10px 0 0;}
  section#header .navigation nav ul li a {padding: 5px;  font-size: 14px;} 
  section#header .navigation nav ul ul { margin: 8px 0 0 0;}
  body .wpml-ls-legacy-list-horizontal {padding: 2px 10px;}
  footer {height: 80px;}
  footer .social { width: 200px; margin: 10px 0;}
  footer .social ul { height: 40px; margin: 10px 0 0 10px;}
  footer .social ul li {font-size: 26px; margin: 0;}
  footer .desc  {margin: 18px 0; width: calc(100% - 210px);}
  footer .desc img { width: 120px !important;  margin: 0 15px; }
  footer .desc p { margin: 0; }  
}
 
@media only screen and (max-width: 1025px) {
  section#header .navigation nav ul li a {padding: 8px 5px;  font-size: 16px;} 
  section#header .navigation nav .menu {display: none;}
  section#header .navigation nav a.burger { display: block;  color: #fff; font-size: 24px; text-align: center;  width: 44px;  height: 44px;  float: right;  margin: -20px 0px 0 0;  padding: 10px;}
  section#header .navigation nav a.burger.active {background: #ed1c24; position: relative; z-index: 460;}
  section#header .navigation nav ul.menu.mobile { -webkit-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.37); -moz-box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.37); box-shadow: -2px 3px 5px 0px rgba(0,0,0,0.37); z-index: 300; position: absolute;margin: 24px 10px 0 0;background: #ed1c24; right: 0;width: 180px;padding: 6px 0 6px 0;text-align: left;height: auto;}
  section#header .navigation nav ul.menu.mobile li {display: block; padding: 0; }
  section#header .navigation nav ul.menu.mobile li a {display: block; padding: 5px 10px; border-bottom: 1px #e46464  solid;}
  section#header .navigation nav ul.menu.mobile ul { background: #d00; display: block;  margin: 2px 0 5px 0; padding: 0;position: static; min-width: auto; z-index: 20;text-align: left; -webkit-box-shadow: inset 0px 3px 27px -13px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 3px 27px -13px rgba(0,0,0,0.75); box-shadow: inset 0px 3px 27px -13px rgba(0,0,0,0.75); }
  section#header .navigation nav ul.menu.mobile ul li a { background: none;  padding: 5px 10px 5px 15px; border: 0;}
  #sidebar { width: 25%; margin: -80px 0 0 0;}
  .content { width: calc(75% - 15px);}
  #innerbar {width: 25%;}
  .single article {width: calc(75% - 15px); margin: 15px 0 0 15px;}
  article .related-posts ul li { display: block;   margin: 0 5px 10px 5px; }
  article .related-posts ul li p { line-height: 18px; text-align: justify;}
  footer {min-height: 80px;}
  footer .social { width: 220px; margin: 10px auto; float: none; text-align: center;}
  footer .social ul li {display: inline-block; float: none;}
  footer .social ul li a {display: inline-block;}  
  footer .desc  {margin: 0 0 15px 0; width: 100%; float: none; }
  footer .desc img { width: 120px !important;  margin: 0 15px; }
  footer .desc p { margin: 0 0 0 15px; text-align: left;}  
  footer .desc p br {display: none; }
  #sidebar .widget-box {font-size: 14px;}
  #sidebar .widget-box h4,#sidebar .widget-box .textwidget .wpcf7 h4 { font-size: 16px;  margin: 5px 0 0 0; }
  #sidebar .widget-box h4 {padding: 10px;}
  .langsel {top: 48px}

} 

@media only screen and (max-width: 960px) {
  #sidebar { width: 230px; margin: -80px 0 0 0;}
  .content { width: calc(100% - 238px);}
  .page.board table tr {clear: both; display: block; }
  .page.board table tr td {display: block;}
  .page.board table tr td:nth-child(1),.page.board table td:nth-child(3){clear: both; width: 90px; padding: 0; float: left; }
  .page.board table tr td:nth-child(2),.page.board table td:nth-child(4){width: calc(100% - 100px); float: right; Padding: 0 10px 10px 0; text-align: justify; margin-bottom: 20px;}
  .page.board table tr {margin-bottom: 0;}
  .page.board table td img {max-width: 120px; width: 100%; height: auto !important;}
  .page.board table tr:nth-child(1) td {  padding-bottom: 0;} 
  .dialog-wrapper {width: 100%; left: 0; top: 0; height: 100%; margin: 0; bottom: 0;  border-radius: 0; }
  .dialog-body {padding: 20px; height: 100%; overflow: auto;}
  .content.columns ul.showtime li { max-height: 480px; overflow: hidden;  width: 100%;  float: none;  margin: 0 0 20px 0;} 
  .content.columns ul li .wrap {  padding: 10px; height: auto;}

}





@media only screen and (max-width: 700px) {
.navtabs {height: 28px;  }
.navtabs a {display: inline-block; padding: 5px; }
}


 
@media only screen and (max-width: 640px) {
  footer .desc img { float: none; display: block; margin: auto;}  
  footer .desc p { margin: 15px; text-align: center;}     
  .content { float: none; clear: both; width: 100%;}
  #sidebar,#sidebar.fixed {  position: static !important; top: auto;  margin: 0; right: 0; float: none; clear: both; width: 100%;}  
  .breadcrumbs { max-width: 100%;}
  .content.downloads table tr td { padding: 10px 5px;}
  article .entry .w3eden .wpdm_icon {width: 20px; height: auto;}
  article .entry .w3eden .h4,  article .entry .w3eden h4 { font-size: 16px; font-weight: 700;}
  article .entry .w3eden .media-left,  article .entry .w3eden .media > .pull-left { padding-right: 5px;}
  article .entry .w3eden .media-body { font-size: 14px; line-height: 18px;}
  article .entry {margin: 0 0 40px 0;}
  .langsel {top: 64px;}
}

@media only screen and (max-width: 480px) {
.content.columns ul li figure {
    width: 100%;
    border-bottom: 2px #d00 solid;
    margin: 0 0 0;
    float: none;
    display: block;
}
}

@media only screen and (max-width: 440px) {
.navtabs {height: auto;  }
.navtabs a {display: block; width: 100%; text-align: center; }
}







/*! Author: Hunter Perrin  Version : 3.2.0  Link:http://sciactive.com/pnotify/ */
.ui-pnotify{ top:36px;  right:36px;  position:absolute;  height:auto;  z-index:2}
body>.ui-pnotify{ position:fixed;  z-index:100040}
.ui-pnotify-modal-overlay{ background-color:rgba(0,0,0,.4);  top:0;  left:0;  position:absolute;  height:100%;  width:100%;  z-index:1}
body>.ui-pnotify-modal-overlay{ position:fixed; z-index:100039 }
.ui-pnotify.ui-pnotify-in{ display:block!important}
.ui-pnotify.ui-pnotify-move{ transition:left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-slow{ transition:opacity .4s linear;  opacity:0}
.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move{ transition:opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-normal{ transition:opacity .25s linear;  opacity:0}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{ transition:opacity .25s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-fast{ transition:opacity .1s linear; opacity:0}
.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move{ transition:opacity .1s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}
.ui-pnotify.ui-pnotify-fade-in{ opacity:1}
.ui-pnotify .ui-pnotify-shadow{ -webkit-box-shadow:0 6px 28px 0 rgba(0,0,0,.1); -moz-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);  box-shadow:0 6px 28px 0 rgba(0,0,0,.1)}
.ui-pnotify-container{ background-position:0 0;   height:100%;  margin:0}
.ui-pnotify-container:after{ content:" ";  visibility:hidden;  display:block; height:0; clear:both}
.ui-pnotify-container.ui-pnotify-sharp{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0}
.ui-pnotify-title{ display:none; }
.ui-pnotify-text{ display:block}
.ui-pnotify-icon,.ui-pnotify-icon span{ display:block; float:left; margin-right:.2em} 
.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft{ left:25px; right:auto} 
.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright{ bottom:25px; top:auto} 
.ui-pnotify.stack-modal{ left:50%; right:auto; margin-left:-150px} 
.brighttheme{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0} 
.brighttheme.ui-pnotify-container{ padding:10px; border: 1px #333 solid;} 
.brighttheme .ui-pnotify-title{ margin-bottom:5px; } 

.brighttheme.ui-pnotify-container.brighttheme-notice{ background-color:#f1f1f1; border:1px solid #c3c3c3; color:#111} 
.brighttheme.ui-pnotify-container.brighttheme-info{ background-color:#f1f1f1; border:1px solid #c3c3c3; color:#111} 
.brighttheme.ui-pnotify-container.brighttheme-success{ background: #f1f1f1; border:1px solid #c3c3c3; color:#111} 
.brighttheme.ui-pnotify-container.brighttheme-error{ background:#f00; border:1px solid #f00; color: #fff;} 

.brighttheme-icon-closer,.brighttheme-icon-info,.brighttheme-icon-notice,.brighttheme-icon-sticker,.brighttheme-icon-success{ display: none;} 
.brighttheme-icon-closer:after,.brighttheme-icon-info:after,.brighttheme-icon-notice:after,.brighttheme-icon-sticker:after,.brighttheme-icon-success:after{ display: none;} 

.brighttheme .ui-pnotify-action-bar{ padding-top:12px}
.brighttheme .ui-pnotify-action-bar input,.brighttheme .ui-pnotify-action-bar textarea{ display:block; width:100%; margin-bottom:12px!important}
.brighttheme .ui-pnotify-action-button{ text-transform:uppercase; font-weight:700; padding:4px 8px; border:none;  background:0 0}
.brighttheme .ui-pnotify-action-button.btn-primary{ border:none; border-radius:0}
.brighttheme-notice .ui-pnotify-action-button.btn-primary{ background-color:#ff0; color:#4f4f00}
.brighttheme-info .ui-pnotify-action-button.btn-primary{ background-color:#0286a5; color:#012831}
.brighttheme-success .ui-pnotify-action-button.btn-primary{ background-color:#35db00; color:#104300}
.brighttheme-error .ui-pnotify-action-button.btn-primary{ background-color:#ff1800; color:#4f0800}
.ui-pnotify-closer,.ui-pnotify-sticker{ float:right; margin-left:.2em}
.ui-pnotify-container {position:relative; left:0}

.notify-msg:after {clear: both; display: block; float: none; content: "."; padding: 0; height: 0; font-size: 1px; visibility: hidden;} 
.notify-msg figure {width: 90px; float: left; margin: 0 10px 0 0;}
.notify-msg strong {font-size: 22px; line-height: 22px; font-weight: 500; display: block; color: #333;  font-family: 'Cormorant Garamond', serif;}



@media (max-width:480px){ 
  .ui-pnotify-mobile-able.ui-pnotify{position:fixed; top:0; right:0; left:0; width:auto!important; font-size:1.2em; -webkit-font-smoothing:antialiased;  -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased }
  .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-bottom-width:5px }
  .ui-pnotify-mobile-able .ui-pnotify-container{-webkit-border-radius:0;-moz-border-radius:0; border-radius:0}
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,.ui-pnotify-mobile-able.ui-pnotify.stack-topleft{left:0; right:0}
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright{left:0; right:0; bottom:0; top:auto }
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow,.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow{border-top-width:5px; border-bottom-width:1px }
}