/*
File from old page panoptykon.org -> style.css
*/
@font-face {
  font-family: "KnockoutHiBlur";
  src: url("../../fonts/page_extended/knockout-30-webfont.eot");
  src: url("../../fonts/page_extended/knockout-30-webfont.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/page_extended/knockout-30-webfont.woff") format("woff"),
    url("../../fonts/page_extended/knockout-30-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "KnockoutHi";
  src: url("../../fonts/page_extended/knockout-29-webfont.eot");
  src: url("../../fonts/page_extended/knockout-29-webfont.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/page_extended/knockout-29-webfont.woff") format("woff"),
    url("../../fonts/page_extended/knockout-29-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "KnockoutHiNarrow";
  src: url("../../fonts/page_extended/Knockout-28.eot");
  src: url("../../fonts/page_extended/Knockout-28.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/page_extended/Knockout-28.woff") format("woff"),
    url("../../fonts/page_extended/Knockout-28.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* ---------- Overall Specifications ---------- */

body {
  word-wrap: break-word;
  outline: 0;
  background: #fff;
  color: #000;
  font: 13px/1.5 "Tahoma", "Verdana", serif;
  margin: 0;
  padding: 0;
}

a {
  color: #c6182f;
  text-decoration: none;
  word-wrap: break-word;
}
a:hover,
a:active,
a:focus {
  color: #000;
  text-decoration: none;
}
a:focus {
  outline: 3px solid #000;
}
a.no-focus:focus {
  outline: none;
}
li a.active {
  color: #000;
}

p {
  margin: 0 0 1.2em;
}

span.caption {
  font-weight: normal;
  border-bottom: 4px solid black;
  margin-bottom: 9px;
  display: inline-block;
  max-width: 125px;
  bottom: 18px;
  position: relative;
  padding-right: 5px;
  float: none;
}

span img.image {
  padding: 10px 10px 10px 0px;
}

del {
  text-decoration: line-through;
}

.rtecenter {
  text-align: center;
}

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

strong,
p strong,
li strong,
li p strong {
  font-weight: 700;
}

blockquote,
q {
  border-bottom: 2px dotted #666;
  border-left: 0;
  color: #666;
  font-family: "KnockoutHiBlur";
  font-size: 1.7em;
  line-height: 1.3;
  margin: 0 0 10px 0;
  padding: 0 0 10px;
  quotes: none;
  display: block;
}

blockquote p,
q p {
  margin: 0;
  line-height: 1.2;
}

ul,
ol {
  margin: 0 1.5em 1.5em 0.5em;
  padding: 0;
}
ol {
  list-style-position: outside;
  list-style-image: none;
  margin-left: 0.7em;
}
ul > li,
ul > li.leaf {
  list-style-image: url("../../images/page_extended/square.png");
}
ol > li,
ul > li {
  margin-left: 20px;
}
ul > li {
  padding-left: 4px;
}

ol > li {
  color: #c6182f;
  font-weight: bold;
}
ol > li > span {
  color: #000;
  font-weight: normal;
  display: block;
  margin-left: 3px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 1em 0 1em 1.5em;
}

hr {
  border: none;
  border-bottom: 1px solid #000;
}

@media (min-width: 480px) {
  blockquote,
  q {
    width: 290px;
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
  }
}

/**
* The generic monospace font family is listed before Courier new to avoid a
* a bug in font-size rendering:
* http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing
*/
code,
pre,
kbd,
samp,
var {
  padding: 0 0.4em;
  font-size: 0.77em;
  font-family: Menlo, Consolas, "Andale Mono", "Lucida Console", "Nimbus Mono L", "DejaVu Sans Mono", monospace,
    "Courier New";
}
code {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
}
pre code,
pre kbd,
pre samp,
pre var,
kbd kbd,
kbd samp,
code var {
  font-size: 100%;
  background-color: transparent;
}
pre code,
pre samp,
pre var {
  padding: 0;
}
.description code {
  font-size: 1em;
}
kbd {
  background-color: #f2f2f2;
  border: 1px outset #575757;
  margin: 0 3px;
  color: #666;
  display: inline-block;
  padding: 0 6px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
pre {
  background-color: #f2f2f2;
  background-color: rgba(40, 40, 0, 0.06);
  margin: 10px 0;
  overflow: hidden;
  padding: 15px;
  white-space: pre-wrap;
}

/* ------------------ Links ------------------ */
a.podcasts_rss {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  text-indent: -100px;
  background: url("../../images/page_extended/footer_sprite.png") repeat scroll 0 -2px rgba(0, 0, 0, 0);
  background-size: 560px;
}
a.podcasts_rss:hover {
  background-position: 0 -132px;
}

/* ------------------ Headlines ------------------ */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "KnockoutHiBlur";
  font-style: normal;
  font-weight: normal;
  color: #000;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 2.6em;
  line-height: 1.1;
  margin-top: 23px;
  margin-bottom: 10px;
}

h2,
.h2 {
  font-size: 2em;
  line-height: 1.1;
}

h3,
.h3 {
  font-size: 1.6em;
  line-height: 1.2;
  margin-top: 1.2em;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-size: 1.4em;
  line-height: 1.2;
  margin-top: 0.4em;
}

#page-title {
  color: #c6182f;
  font-size: 2.6em;
  margin-bottom: 0.5em;
  margin-top: 0;
  padding-left: 0;
}

body.front #page-title {
  display: none;
}

/* ------------------ Table Styles ------------------ */

table {
  border: 0;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  width: 100%;
}
.main-bottom table {
  margin: 0;
}
table table {
  font-size: 1em;
}

.main-bottom thead tr,
.footer thead tr {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.main-bottom tbody,
.footer tbody {
  border: none;
}
table tr th {
  background: #757575;
  background: rgba(0, 0, 0, 0.51);
  border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover {
  color: #fff;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
  text-align: left; /* LTR */
}
.footer tr td,
.footer tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18);
}
tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105);
}
tr,
tr.even {
  background: #efefef;
  background: rgba(0, 0, 0, 0.063);
}
.main-bottom table tr,
.footer table tr {
  background-color: transparent;
}
.main-bottom table td,
.footer table td {
  vertical-align: top;
  padding-left: 0;
  padding-right: 10px;
}
table ul.links {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
table ul.links li {
  padding: 0 1em 0 0;
}

/* ------------------ Header ------------------ */
#header-wrapper {
  background: url("../../images/page_extended/bg_opacity.png") repeat 0 0 transparent;
  padding: 22px 0;
  position: relative;
  z-index: 3;
}
#header {
  background: #fff;
  padding-top: 16px;
  position: relative;
}

#skip-link {
  left: 50%;
  margin-left: -5.25em;
  margin-top: 0;
  position: absolute;
  width: auto;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  font-size: 0.94em;
  line-height: 1.7;
  padding: 1px 10px 2px 10px;
  text-decoration: none;
  -ms-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}

#logo {
  margin-bottom: 20px;
  float: left;
}

#name-and-slogan {
}
#site-name {
}

/* ------------------- Header - Region ------------------- */
.region-header {
  clear: left;
}

@media screen and (min-width: 1025px) {
  #header-wrapper.with-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  body.admin-menu #header-wrapper.with-slider {
    top: 20px;
  }
}

/* ----------------- Featured ----------------- */

/* ------------------- Main ------------------- */
#main-wrapper {
  padding-top: 25px;
}

@media screen and (min-width: 768px) {
  #main-wrapper {
    padding: 25px 0 22px;
  }
}

/* ----------------- Main - Sidebar First - Region ------------------ */
/* ----------------- Main - Sidebar Second - Region ------------------ */
/* ----------------- Main - Help - Region ------------------ */
/* ----------------- Main - Content Top Left - Region ------------------ */
/* ----------------- Main - Content Top Right - Region ------------------ */
/* ----------------- Main - Content - Region ------------------ */
.content-top-wrapper {
  clear: both;
}

@media (min-width: 1520px) {
  .region-content > .block > .block-content {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ----------------- Main Bottom - Region ------------------ */
.main-bottom-wrapper {
  margin-top: 15px;
}
.region-main-bottom {
  border-top: 5px solid #000;
  padding-top: 45px;
  padding-bottom: 20px;
}

/* ------------------ Footer ------------------ */
.footer-wrapper {
  background: url("../../images/page_extended/bg.png") repeat 0 0 #fff;
  padding: 22px 0;

  color: #666;
  font-family: "Arial";
  font-size: 0.8em;
}

.footer-wrapper .container {
  background-color: #fff;
}

.footer {
  margin-bottom: 17px;
}

.region-footer {
  overflow: hidden;
  padding-top: 17px;
}

.region-footer-bottom {
  padding: 3px 0 5px;
}

@media screen and (min-width: 768px) {
  .footer > .row {
    margin: 0;
  }
}

/* ------------------- Menu - Main ------------------- */
.header #main-menu {
  clear: left;
}

ul.main-menu-links {
  padding: 0;
  margin: 0 0 13px 0;
  float: left;
}
ul.main-menu-links li {
  float: left;
  padding: 0 3px 0 0;
  margin-left: 0;
  overflow: visible;

  font-family: "KnockoutHi";
  font-size: 1.3em;
  text-transform: uppercase;
  list-style: none;
}
@media screen and (min-width: 768px) {
  ul.main-menu-links li {
    border-left: 2px solid #000;
    height: 1em;
    padding: 0 5px;
  }
}
ul.main-menu-links li:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: -5px;
}
ul.main-menu-links li a {
  padding: 3px 5px 0;
  color: #000;
}
@media screen and (min-width: 768px) {
  ul.main-menu-links li a {
    display: inline-block;
    position: relative;
    height: 67px;
    top: -6px;
  }
}
ul.main-menu-links li a:hover {
  color: #c6182f;
}
ul.main-menu-links li a.active,
ul.main-menu-links li a.active-trail {
  color: #fff;
  background: #c6182f;
}

/* ------------------- Menu - Sitemap ------------------- */
.menu-name-menu-site-map ul {
  margin: 0;
}
.menu-name-menu-site-map ul li {
  padding-right: 0;
  padding-left: 1em;
  margin: 0;
  display: block;
  position: relative;
  list-style: none;
  list-style-image: none;
  background: url("../../images/page_extended/square.png") no-repeat 0 50% transparent;
}
.menu-name-menu-site-map li .separator {
  display: block;
  padding: 1em 0;
}
.menu-name-menu-site-map li .separator:after {
  position: absolute;
  top: 0;
  left: -1em;
  right: 0;
  bottom: 0;
  background-color: #fff;
  display: block;
  content: "";
}

.menu-name-menu-site-map li .separator hr {
  margin: 0 0 0 -1em;
  border-color: #c6182f;
  position: relative;
  z-index: 1;
}

.menu-name-menu-site-map-menu ul li.leaf {
  list-style-image: url("../../images/page_extended/square.png");
}

/* ------------------- Menu - Others ------------------- */
.sidebar ul.menu {
  padding: 0;
  margin: 0 0 30px 0;
}
.sidebar ul.menu > li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  text-transform: uppercase;
}
.sidebar ul.menu > li > a {
  color: #666;
  display: inline-block;
  font-family: "KnockoutHiBlur";
  font-size: 2.6em;
  line-height: 1;
  padding-bottom: 14px;
}
.sidebar ul.menu > li > a:hover {
  color: #c6182f;
}
.sidebar ul.menu > li > a.active {
  color: #000;
  background: url("../../images/page_extended/icons_sprite.png") no-repeat 100% -212px #fff;
  padding-right: 60px;
}
.sidebar ul.menu > li > a.active:hover {
  background-position: 100% -364px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar ul.menu > li > a {
    font-size: 2em;
  }
  .sidebar ul.menu > li > a.active {
    background: none;
  }
}

/* --------------- System Tabs  --------------- */

/* ---------------- Messages  ----------------- */

/* -------------- Breadcrumbs   -------------- */

/* -------------- User Profile   -------------- */

/* -------------- Block  -------------- */
.block {
  margin-bottom: 15px;
}

.region-slider .block {
  margin-bottom: 0;
}

.region-content .block-system-main-block {
  margin-bottom: 0;
}

.region-footer .block > h2 {
  border-top: 1px solid #c6182f;
  border-bottom: 1px solid #c6182f;
  color: #000;
  font-family: "Arial";
  font-size: 10px;
  font-weight: bold;
  line-height: 2.4em;
  margin: 0 0 17px;
  text-transform: uppercase;
}
.region-footer .block .content table {
  table-layout: fixed;
}
.region-footer .block .content p,
.region-footer-bottom .block .content p {
  margin: 0;
}
.region-footer .block .content img {
  max-height: 100px;
}

.region-footer-bottom .block {
  margin: 0;
}
.region-footer-bottom .block .content {
  text-align: center;
}

.main .block > h2 {
  background: url("../../images/page_extended/icons_sprite.png") no-repeat 0 -200px #fff;
  font-size: 4em;
  margin: 0 0 0.5em;
  padding-left: 44px;
  text-transform: uppercase;
}

.main .block > h2 a {
  color: #000;
}

.main .block > h2:hover {
  background: url("../../images/page_extended/icons_sprite.png") no-repeat 0 -352px #fff;
}

.main .block > h2:hover a {
  color: #c51931;
}

/* -------------- Block - Find us -------------- */
@media screen {
  .block.find-us .content a {
    background: url("../../images/page_extended/footer_sprite.png") repeat scroll -1px -9px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 42px;
    margin: 0 15px 9px 0;
    width: 40px;
    text-indent: -99px;
    overflow: hidden;
    vertical-align: top;
  }
  .block.find-us .content a.social_rss:hover {
    background-position: -1px -104px;
  }
  .block.find-us .content a.social_twitter {
    background-position: -58px -9px;
    width: 48px;
  }
  .block.find-us .content a.social_twitter:hover {
    background-position: -58px -104px;
  }
  .block.find-us .content a.social_fb {
    background-position: -129px -10px;
    width: 19px;
    margin-right: 0;
  }
  .block.find-us .content a.social_fb:hover {
    background-position: -129px -105px;
  }
  .block.find-us .content a.social_n {
    width: 54px;
    background: url("../../images/page_extended/post_sprite.gif") no-repeat scroll 0 2px transparent;
  }
  .block.find-us .content a.social_n:hover {
    background-position: 0 -93px;
  }
}

@media screen and (max-width: 767px) and (min-width: 460px) {
  .footer-wrapper .block.find-us {
    float: left;
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .block.find-us .content a {
    margin-right: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .block.find-us .content a {
    margin-right: 25px;
  }
}

/* ------------------ Block - Footer - Footer links ------------------ */
.footer-wrapper .block.links {
  position: relative;
}

.footer-wrapper .block.links.with-bip .content,
.footer-wrapper .block.links.with-opp .content {
  padding-right: 60px;
  overflow: hidden;
}
.footer-wrapper .block.links.with-bip .content {
  padding-right: 45px;
}
.footer-wrapper .block.links.with-bip.with-opp .content {
  padding-right: 120px;
}

.footer-wrapper .block.links .content ul {
  margin-left: 0;
  margin-right: 0;
}
.footer-wrapper .block.links .content ul li {
  list-style: outside none none;
  margin-left: 0;
  padding: 0;
}
.footer-wrapper .block.links .content a {
  display: block;
  font-weight: 700;
  padding: 0 0 5px;
  text-transform: uppercase;
}
.footer-wrapper .block.links .content ul li a.bip,
.footer-wrapper .block.links .content ul li a.opp {
  background: url("../../images/page_extended/footer_sprite.png") repeat scroll -807px -6px transparent;
  height: 47px;
  overflow: hidden;
  position: absolute;
  right: 15px;
  text-indent: -99px;
  top: 48px;
  width: 40px;
  margin-top: -5px;
}
.footer-wrapper .block.links .content ul li a.opp {
  right: 70px;
  width: 59px;
  height: 40px;
  background-position: -988px -9px;
}
.footer-wrapper .block.links .content ul li a.opp:hover {
  background-position: -988px -101px;
}

@media screen and (min-width: 530px) {
  .footer-wrapper .block.links .content ul li {
    float: left;
    width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .footer-wrapper .block.links .content ul li {
    width: 25%;
  }
}

/* -------------- Block - Languages -------------- */
.header .block.languages {
  position: absolute;
  right: 15px;
  top: 30px;
  margin: 0;
}
.block.languages .content a {
  font-size: 1.4em;
  font-family: "KnockoutHiBlur";
  text-transform: uppercase;
  color: #666;
}
.block.languages .content a.active {
  color: #000;
}

@media screen and (min-width: 992px) {
  .block.languages {
    right: 20px;
  }
}

/* ------------------- Block - Panoptykon Logo ------------------- */
@media all and (min-width: 480px) {
  .header .block.panoptykon-logo {
    top: 28px;
    right: 44px;
    position: absolute;
    margin-bottom: 0;
  }
}

/* -------------- Block - Header - Support us -------------- */
.header .block.support-btn {
  position: absolute;
  right: 210px;
  top: -50px;
  margin: 0;
}

.header .block.support-btn .content p {
  margin: 0;
}
.header .block.support-btn .content a {
  background: url("../../images/page_extended/support_btn_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 109px;
  padding: 48px 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 89px;

  color: #fff;
  font: 21px/0.8 "KnockoutHi";
}

/* -------------- Block - Support us/Belong to - Footer -------------- */
.block.support-us-belong-to .content a {
  display: block;
  background: url("../../images/page_extended/banner_link_1.png") no-repeat scroll 0 0 transparent;

  font-family: "KnockoutHiBlur";
  font-size: 1.93em;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
}
.block.support-us-belong-to .content a.support-us {
  height: 49px;
  padding: 15px 0 0 35px;
  width: 203px;
}
.block.support-us-belong-to .content a.belong-to {
  background-image: url("../../images/page_extended/banner_link_2.png");
  height: 41px;
  padding: 11px 0 0 75px;
  width: 215px;

  color: #666;
}

@media screen and (max-width: 767px) {
  .footer-wrapper .block.support-us-belong-to {
    padding-left: 0;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .footer-wrapper .block.support-us-belong-to .content {
    margin-left: -48px;
  }
}
@media screen and (max-width: 767px) and (min-width: 460px) {
  .footer-wrapper .block.support-us-belong-to {
    float: right;
  }
}

/* ---------------- Block - Footer - Support Us   ---------------- */
.footer-wrapper .block.support-us .content td {
  padding: 0 10px 0 0;
  border: none;
  vertical-align: middle;
}
.footer-wrapper .block.support-us .content td:last-child {
  padding-right: 0;
}
.footer-wrapper .block.support-us .content td p {
  margin: 1em 0;
}

/* ---------------- Block - Services   ---------------- */
.main-bottom .block.services .content ul {
  list-style: outside none none;
  margin: 0;
}
.main-bottom .block.services .content ul li {
  float: left;
  margin: 0;
  padding: 10px;
  text-align: center;
  list-style: none;
  list-style-image: none;
}
.main-bottom .block.services .content ul li img {
  max-height: 90px;
}
@media screen and (min-width: 440px) {
  .main-bottom .block.services .content {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .main-bottom .block.services .content ul {
    display: table-row;
  }
  .main-bottom .block.services .content ul li {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 25%;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .main-bottom .block.services .content ul li {
    padding: 0 30px;
  }
}

/* ---------------- Block - Floating Block  ---------------- */
.blockFloat-processed {
  z-index: 99;
}

@media screen and (max-width: 1300px) {
  .blockFloat-processed {
    position: static !important;
    width: auto !important;
  }
}

/* ------------------ Block - Links with pictures ------------------ */
.block.picture-links {
  padding-left: 5px;
}

.block.picture-links .content p {
  margin: 0;
}

.block.picture-links .content a {
  display: inline-block;
  height: 130px;
  width: 130px;
  background: url("../../images/page_extended/graphics_links_s.png") no-repeat scroll 50% -111px #fff;
  padding-top: 77px;
  margin: 0 20px 10px 0;
  border: none;

  font-family: "KnockoutHiBlur";
  font-style: normal;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1;
  color: #000;
  text-align: center;
  vertical-align: top;

  /* Border */
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  /* Transitions */
  -moz-transition: margin 0.1s ease-out;
  -webkit-transition: margin 0.1s ease-out;
  -o-transition: margin 0.1s ease-out;
  -ms-transition: margin 0.1s ease-out;
  -khtml-transition: margin 0.1s ease-out;
  transition: margin 0.1s ease-out;

  /* Shadows */
  box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
}

body.front .block.picture-links .content a {
  margin-left: 10px;
  margin-right: 10px;
}

.block.picture-links .content a:hover,
.block.picture-links .content a:active {
  margin-top: 4px;
  margin-bottom: 6px;

  /* Shadows */
  box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -moz-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -ms-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -webkit-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -khtml-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -o-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
}

.block.picture-links .content a.support-link {
  background-position: 45% -596px;
}
.block.picture-links .content a.be-active-link {
  background-position: 61% -226px;
  padding-top: 85px;
}

.block.picture-links .content a span {
  font-size: 1.3em;
  text-transform: uppercase;
}

@media screen and (min-width: 585px) {
  .block.picture-links .content a {
    height: 164px;
    width: 164px;
    padding-top: 95px;
    background-image: url("../../images/page_extended/graphics_links_m.png");

    font-size: 1.6em;
  }

  .block.picture-links .content a.info-link {
    background-position: 50% -169px;
  }
  .block.picture-links .content a.support-link {
    background-position: 42% -875px;
  }
  .block.picture-links .content a.be-active-link {
    background-position: 56% -336px;
    padding-top: 103px;
  }
}

@media screen and (min-width: 768px) {
  .block.picture-links .content a {
    margin-bottom: 20px;
  }

  .block.picture-links .content a:hover,
  .block.picture-links .content a:active {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 992px) {
  body.front .block.picture-links {
    height: 529px;
    position: relative;
    margin-top: -5px;
    margin-bottom: 0;
  }
  body.front .block.picture-links .content a {
    position: absolute;
    left: 5px;
    top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  body.front .block.picture-links .content a.support-link {
    top: 166px;
    right: 5px;
    left: auto;
    height: 180px;
    width: 180px;
    background-position: 45% -867px;
    padding-top: 106px;
  }
  body.front .block.picture-links .content a.be-active-link {
    top: 359px;
  }
}

@media screen and (min-width: 1200px) {
  body.not-front .block.picture-links {
    margin-left: -20px;
    height: 270px;
    position: relative;
    overflow: visible;
  }
  body.not-front .block.picture-links .content a {
    position: absolute;
    background-image: url("../../images/page_extended/graphics_links_s.png");
  }
  body.not-front .block.picture-links .content a.info-link {
    background-position: 50% -111px;
    font-size: 1.25em;
    height: 130px;
    left: 0;
    padding-top: 74px;
    top: 40px;
    width: 130px;
  }
  body.not-front .block.picture-links .content a.support-link {
    background-image: url("../../images/page_extended/graphics_links_m.png");
    background-position: 39% -886px;
    font-size: 1.35em;
    height: 140px;
    padding-top: 79px;
    right: -22px;
    top: 0;
    width: 140px;
  }
  body.not-front .block.picture-links .content a.be-active-link {
    left: 131px;
    top: 158px;
    height: 120px;
    width: 120px;
    font-size: 1.35em;
    background-position: 61% -230px;
    padding-top: 74px;
  }
  body.front .block.picture-links {
    height: 488px;
  }
  body.front .block.picture-links .content a.support-link {
    top: 141px;
  }
  body.front .block.picture-links .content a.be-active-link {
    top: 317px;
    left: 25px;
  }
}

/* ------------------ Block - Promobox ------------------ */
aside .block.block-views-minipromobox {
  overflow: hidden;
}

aside .block.block-views-minipromobox > h2 {
  background: none;
  padding-left: 0;
  margin-bottom: 0.2em;
  padding-bottom: 5px;
  position: relative;

  font-size: 2.6em;
  text-transform: none;
}
aside .block.block-views-minipromobox > h2:hover {
  background: none;
}

aside .block.block-views-minipromobox .view .views-row {
  overflow: visible;
}
aside .block.block-views-minipromobox .view .views-field[class*="-image"] {
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  height: 110px;
  width: 110px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
aside .block.block-views-minipromobox .view .views-field[class*="-image"] img {
  height: auto;
}

@media (min-width: 1200px) {
  aside .block.block-views-minipromobox > h2 {
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    margin-right: 100px;
  }

  aside .block.block-views-minipromobox .view .views-field[class*="-image"] {
    float: right;
    margin: -41px 5px 0 10px;
  }
  aside .block.block-views-minipromobox .view .views-field-title {
    width: 80%;
  }
}

/* ---------------- Views   ---------------- */
.views-row {
  border-bottom: 1px solid #000;
  margin-bottom: 1em;
  padding-bottom: 10px;
  overflow: hidden;
}

aside .views-row,
.view.no-border .views-row {
  border-bottom: none;
  padding-bottom: 0;
}
aside .views-row {
  overflow: visible;
}

.views-row > h3,
.views-row > h2 {
  margin-top: 0;
}

.views-field-title {
  color: #000;
  font-family: "KnockoutHiBlur";
  font-size: 2em;
  line-height: 1.1;
}

.views-field-title > h3,
.views-field-title > h2 {
  font-size: 1em;
  margin: 0;
  line-height: 1.1;
}

.views-field-created,
.views-field-field-media-published-date {
  font-size: 0.85em;
  margin-bottom: 5px;
  color: #666;
}

.views-field-field-image,
.views-field-body .field-content img {
  margin: 5px 0 15px 0;
}
.views-field-body .field-content img {
  width: 220px !important;
  height: auto !important;
  margin: 5px 15px 15px 0 !important;
}

.views-field-path,
.views-field-view-node {
  display: inline-block;
}
.views-field-path a,
.views-field-view-node a {
  background: url("../../images/page_extended/icons_sprite.png") no-repeat scroll 0 -716px transparent;
  display: inline-block;
  height: 15px;
  margin-left: 6px;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: middle;
  width: 19px;
}
.views-field-path a:hover,
.views-field-view-node a:hover {
  background-position: 0 -976px;
}

.views-field[class*="-tags"] > .views-label {
  display: inline-block;
  font-weight: bold;
}
.views-field[class*="-tags"] > .views-label + .field-content {
  display: inline-block;
}

.views-field[class*="-tags"] .field-content ul {
  border-top: 1px solid black;
  font-size: 0.985em;
  line-height: 1.3em;
  margin-bottom: 0;
  margin-top: 0;
  padding: 4px 0 5px;
  margin-top: 15px;
  clear: both;
}
.view:not(.no-border) .views-row > .views-field[class*="-tags"]:last-child {
  margin-bottom: -10px;
}
.views-field[class*="-tags"] .field-content ul li {
  list-style: none;
  margin: 0;
  display: inline-block;
}

.views-field[class*="-tags"] .field-content a {
  color: #666;
  padding: 0 5px;
  border-left: 1px solid #666;
}
.views-field[class*="-tags"] .field-content a:hover {
  color: #000;
}
.views-field[class*="-tags"] .field-content .field-content > a:first-child,
.views-field[class*="-tags"] .field-content li:first-child a {
  border-left: none;
  padding-left: 0;
}

span.views-field-body p:last-of-type {
  display: inline;
}

/* ---------------- Views - Expander ---------------- */
.view .field-expander .summary p {
  margin: 0;
}
.view .field-expander .more-link,
.view .field-expander .less-link,
.view .field-expander .read-more a,
.view .field-expander .read-less a {
  background: url("../../images/page_extended/icons_sprite.png") no-repeat scroll 0 -176px transparent;
  color: #000;
  font-weight: bold;
  padding-left: 15px;
}
.view .field-expander .less-link,
.view .field-expander .read-less a {
  background-position: 0 -126px;
}
.view .field-expander .more-link:hover,
.view .field-expander .read-more a:hover {
  background-position: 0 -76px;
  color: #c6182f;
}
.view .field-expander .less-link:hover,
.view .field-expander .read-less a:hover {
  background-position: 0 -36px;
  color: #c6182f;
}

/* ---------------- Views - Hidden List ---------------- */
.view.not-list .view-content li.views-row {
  margin: 0;
  padding-bottom: 1.5em;
  list-style: none;
  list-style-image: none;
}

@media screen and (min-width: 480px) {
  .views-field-field-image,
  .views-field-body .field-content img {
    float: left;
    margin-right: 13px;
  }
}

/* ---------------- Views - Blog Style ---------------- */
@media screen and (min-width: 480px) {
  .view.blog-style .views-field-field-image {
    float: none;
    margin-right: 0;
  }
}

/* ---------------- Views - List ---------------- */
.view .view-content .item-list li.views-row {
  border-bottom: none;
  overflow: visible;
}

/* ---------------- Views - Responsive Grid  ---------------- */
.view .views-responsive-grid .views-row {
  clear: none;
  border-bottom: none;
  margin-bottom: 0;
}
.view .views-responsive-grid .views-row .views-column {
  margin-bottom: 30px;
}

.view .views-responsive-grid .views-field-field-image {
  float: none;
  margin: 0 0 5px;
}

/* ---------------- Views - Masonry  ---------------- */
.view .view-content.masonry-processed {
  width: 100%;
  margin-right: -30px;
}
.view .view-content.masonry-processed .masonry-item {
  padding: 10px;
  margin: 0;
  border: 1px dashed #9f7b7b;
  width: 50%;
}
.view .view-content.masonry-processed .views-field-field-image {
  float: none;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
.view .view-content.masonry-processed .views-field-field-image img {
  margin: 0;
  width: 100%;
}

/* ---------------- Views - Specific  ---------------- */
.view-topics.view-display-id-page ul {
  display: block;
  margin: 0 -15px;
}
.view-topics.view-display-id-page ul li.views-row {
  float: left;
  list-style: outside none none;
  margin: 0 0 30px;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
  width: 33.3333%;
}
.view-topics.view-display-id-page ul li.views-row .views-field-title {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 5px;
  position: absolute;
  right: 5px;

  text-transform: uppercase;
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  font-family: inherit;
}
.view-topics.view-display-id-page ul li.views-row .views-field-title a {
  color: #fff;

  display: block;
  height: 4em;
  padding: 6px;
}
.view-topics.view-display-id-page ul li.views-row .views-field-field-image,
.view-topics.view-display-id-page ul li.views-row .views-field-field-image img {
  margin: 0;
  float: none;
}

@media (min-width: 580px) {
  .view-topics.view-display-id-page ul li.views-row .views-field-title {
    bottom: 5px;
    font-family: "KnockoutHiBlur";
    font-size: 1.6em;
    left: 23px;
    right: 23px;
  }
  .view-topics.view-display-id-page ul li.views-row .views-field-title {
    line-height: 1.1em;
    height: 2.7em;
  }
}
@media (min-width: 1200px) {
  .view-topics.view-display-id-page ul li.views-row .views-field-title {
    bottom: 18px;
    left: 38px;
    right: 38px;
  }
  .view-topics.view-display-id-page ul li.views-row .views-field-title a {
    padding: 6px 18px;
    height: 2.7em;
  }
}

/*
@media screen and (min-width:600px) {
.view-topics.view-display-id-page .views-row.views-row-even {float:right;}
}

.view-topics.view-display-id-page .views-field-title {
background: url("../../images/page_extended/gray_op_bg.png") repeat 0 0 transparent;
color: #fff;
font-family: "KnockoutHiBlur";
font-size: 2.1em;
text-transform: uppercase;
line-height: 1em;
}
.view-topics.view-display-id-page .views-field-field-image + .views-field-title {
position:absolute;
bottom:22px; left:22px; right:22px;
}
.view-topics.view-display-id-page .views-field-title a {
color:#fff;
display:block;
height: 90px;
padding: 16px 24px;
}
*/

.view-news .views-field-title a:hover,
.view-news .views-field-body a:hover {
  color: #000;
}

.view-page-menu-views .views-row {
  overflow: visible;
}

/* ---------------- Node    ---------------- */
.node .content > .field {
  margin-bottom: 1em;
}

.node .field-group-div {
  border-bottom: 2px dotted #000;
  border-top: 2px dotted #000;
  margin: 10px 0;
  min-height: 160px;
  padding: 9px 0;
  overflow: hidden;
}

.node .group-teaser .field {
  float: left;
}
.node .group-teaser .field + .field {
  float: right;
}

.node .field-name-field-summary {
  color: #c6182f;
  font-family: "KnockoutHiBlur";
  font-size: 1.7em;
  line-height: 1.3em;
  padding-bottom: 9px;
  padding-top: 6px;
}
.node .field-name-field-summary p {
  margin: 0;
}
.node .group-teaser .field-name-field-summary {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
  padding: 0;
}

.node .field-name-field-summary p {
  line-height: 1em;
}

.node .group-teaser .field-type-image {
  width: 57%;
}
.node .group-teaser .field-type-image img {
  height: auto;
}

.node .meta.submitted {
  font-size: 0.85em;
  margin-bottom: 10px;
  color: #666;
}

.node .node__content .field--name-body {
  padding-bottom: 1em;
}

body.not-logged-in .node .meta.submitted {
  margin-top: -1.3em;
}

/* ---------------- Node - Comment ---------------- */
.comment-wrapper > h2 {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.comment-wrapper > h2.title.comment-form {
  height: auto;
  clip: auto;
  position: static;
  width: auto;
  margin: 0.5em 0 0 0;
}
.comment-wrapper > .comment + h2.title.comment-form {
  border-top: 3px solid #000;
  padding-top: 0.7em;
}
article.comment .comment-text {
  padding-left: 12px;
  margin-left: 25%;
  position: relative;
}
article.comment .comment-text .content {
  background-color: #e6e6e6;
  margin-bottom: 20px;
  min-height: 70px;
  padding: 12px;
}
article.comment .comment-text .comment-arrow {
  background: url("../../images/page_extended/arrow-comments-left.png");
  position: absolute;
  top: 10px;
  left: 0;
  height: 25px;
  width: 12px;
}
article.comment footer {
  float: left;
  text-align: left;
  width: 26%;
}
article.comment footer .commenter-name {
  color: #000000;
  font-family: "KnockoutHi";
  font-size: 2.4em;

  margin-bottom: 0;
}
article.comment footer .commenter-name a {
  color: #000000;
}
article.comment footer .comment-time {
  color: #666666;
  font-size: 0.85em;
}

.comment-form #edit-comment-body-und-0-format {
  display: none;
}

/* ---------------- Field ---------------- */
.field-name-field-image {
  float: left;
  margin: 0 15px 15px 0;
}

.field-name-field-tags {
  clear: left;
}

.field-name-body ul,
.field-name-body ol {
  display: block;
}

.field-type-taxonomy-term-reference {
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  line-height: 1.3em;
  padding: 4px 0 5px;
  font-size: 0.985em;
  clear: both;
}

.field-type-taxonomy-term-reference .field-item {
  display: inline-block;
  height: 13px;
  line-height: 13px;
  padding-left: 5px;
  border-left: 1px solid #666;
  margin: 0;
}

.field-type-taxonomy-term-reference .field-item {
  padding-right: 5px;
}

.field-type-taxonomy-term-reference .field-item:first-child {
  padding-left: 0;
  border-left: none;
}

.field-type-taxonomy-term-reference .field-item a {
  color: #666;
}

.field-type-taxonomy-term-reference .field-item a:hover {
  color: #000;
}

/* ---------------- Buttons    ---------------- */

a.button:link,
a.button:visited,
a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none;
}

.btn-wrapper.btn-wrapper-lg {
  text-align: center;
}

a.btn.lg,
button.lg {
  color: #fff;
  font-size: 1.9em;
  line-height: 1.1;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;

  padding: 18px 0;
  width: 70%;
  display: inline-block;
  background-color: #c6182f;

  transition: color 0.5s linear;
}

a.btn.lg:hover,
button.lg:hover {
  color: #000;
}

/* -------------- Form Elements   ------------- */
input,
select,
textarea {
  border: 1px solid #aaa;
  padding: 3px;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 3px solid #000;
  outline-offset: -3px;
}

button,
input[type="submit"] {
  background-color: #666;
  border-color: #666;
  padding-left: 25px;
  padding-right: 25px;
  color: #fff;
}
button,
input[type="submit"] {
  background-color: #c6182f;
  border-color: #c6182f;
}

/* --------------- Search Form & Search Page ---------------- */
.webform-component-fieldset {
  background-color: #e6e6e6;
  padding: 13px 20px;
}
.webform-component-fieldset .fieldset-description {
  border-bottom: 1px dashed #9f9f9f;
  padding-bottom: 0.8em;
}

.webform-component .form-managed-file {
  overflow: hidden;
}
.webform-component .form-managed-file input {
  float: left;
  margin-right: 15px;
}

/* --------------- Search Form & Search Page ---------------- */

.search-form label[for="edit-keys"] {
  display: none;
}

#block-search-form,
.search-form #edit-basic {
  border: 1px solid #000;
  height: 27px;
  overflow: hidden;
}
.region-header .block-search {
  padding: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .region-header .block-search {
    width: 150px;
    margin-bottom: 5px;
    position: absolute;
    right: 16px;
    bottom: 40px;
  }
}
@media screen and (min-width: 992px) {
  .region-header .block-search {
    bottom: 6px;
  }
}

#block-search-form .form-item,
.search-form #edit-basic .form-item {
  margin: 0;
}

#block-search-form input[type="submit"],
.search-form #edit-basic input[type="submit"] {
  background: url("../../images/page_extended/icons_sprite.png") no-repeat 0 -1079px transparent;
  border: medium none;
  cursor: pointer;
  float: right;
  height: 22px;
  text-indent: -9999px;
  width: 25px;
  padding: 0;
}

#block-search-form input[type="text"],
.search-form #edit-basic input[type="text"] {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  width: 80%;
  height: 100%;
}
#block-search-form input[type="submit"]:focus,
.search-form #edit-basic input[type="submit"]:focus,
#block-search-form input[type="text"]:focus,
.search-form #edit-basic input[type="text"]:focus {
  outline: 3px solid #c6182f;
  outline-offset: -3px;
}

.search-results {
  list-style-type: none;
  margin: 0;
}

.search-results li {
  margin: 0;
  list-style-image: none;
  border-bottom: 1px solid black;
  padding-bottom: 0;
}
.search-results li:last-child {
  border-bottom: none;
}

.search-results li p {
  padding-bottom: 12px;
  margin-bottom: 0;
}

.search-results h3.title {
  font-size: 2em;
  font-weight: normal;
  margin: 0.5em 0 3px 0;
}

.search-results .search-snippet-info {
  padding-left: 0;
}

.search-results .search-snippet {
  color: #000;
}

.search-results .search-info {
  color: #666666;
  font-size: 0.85em;
  line-height: 1.5em;
}

/* --------------- Pager ---------------- */
.item-list .pager {
  text-align: left;
}

.item-list .pager li,
.item-list .pager li.pager-current {
  display: inline-block;
  font-family: "KnockoutHiBlur";
  font-size: 1.5em;
  list-style: none outside none;
  margin: 0 0 0.25em 0.5em;
  padding: 0;
}
.item-list .pager li.pager-current {
  color: #c51931;
  font-weight: 700;
}
.item-list .pager li > a,
.item-list .pager li > span {
  border: none;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  color: #000;
}
.item-list .pager li > a:hover,
.item-list .pager li > a:focus {
  background-color: transparent;
}

.item-list .pager li a:hover {
  color: #c51931;
}

.item-list .pager .pager-first,
.item-list .pager .pager-previous,
.item-list .pager .pager-next,
.item-list .pager .pager-last {
  position: relative;
}

.item-list .pager .pager-first:after,
.item-list .pager .pager-previous:after,
.item-list .pager .pager-next:after,
.item-list .pager .pager-last:after {
  position: absolute;
  left: 0;
  top: 0;

  font-family: "KnockoutHiBlur";
  font-size: 1em;
  line-height: 2.3;
  color: #000;
}
.item-list .pager .pager-first:hover:after,
.item-list .pager .pager-previous:hover:after,
.item-list .pager .pager-next:hover:after,
.item-list .pager .pager-last:hover:after {
  color: #c51931;
  cursor: pointer;
}

.item-list .pager .pager-first:after {
  content: "|<";
}
.item-list .pager .pager-previous:after {
  content: "<";
}
.item-list .pager .pager-next:after {
  content: ">";
}
.item-list .pager .pager-last:after {
  content: ">|";
}

.item-list .pager .pager-first a,
.item-list .pager .pager-previous a,
.item-list .pager .pager-next a,
.item-list .pager .pager-last a {
  text-indent: -999px;
  overflow: hidden;
  position: relative;
  width: 1em;
  z-index: 1;
  background-color: transparent;
}

.item-list .pager.pager-load-more li {
  font-size: 1em;
  font-family: verdana, arial, sans-serif;
  margin: 0;
}
.item-list .pager.pager-load-more li:after {
  display: none;
}
.item-list .pager.pager-load-more a {
  background-color: #666;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 1px;
  padding: 7px 20px 6px;
  text-transform: uppercase;
  text-indent: 0;
  width: auto;
}

.item-list .pager.pager-load-more a:hover,
.item-list .pager.pager-load-more a:focus {
  background-color: #c6182f;
  color: #fff;
}

/* --------------- Taxonomy terms ---------------- */
body.page-taxonomy-term article {
  padding-bottom: 10px;
}

body.page-taxonomy-term article .field-name-body .field-item,
body.page-taxonomy-term article .field-name-body .field-item p {
  overflow: auto;
}

body.page-taxonomy-term article .field-name-field-tags .field-item {
  padding-right: 5px;
}

body.page-taxonomy-term .link-wrapper {
  display: none;
}

/* --------------- Slider ---------------- */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: 3px solid #000;
}
.region-slider .flex-pauseplay a:focus,
.region-slider .flex-pauseplay a:active,
.region-slider .flex-direction-nav a:focus,
.region-slider .flex-direction-nav a:active {
  outline: 3px solid #c6182f;
}

.region-slider .flexslider {
  border: none;
  -ms-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 15px 15px 30px;
}

.region-slider .flex-pauseplay a {
  bottom: 9px;
  left: 50%;
  margin-left: -5px;
  color: #333;
  opacity: 1;
}
.region-slider .flex-pauseplay a::before {
  font-size: 17px;
  line-height: 1;
}

.region-slider .flex-direction-nav li {
  padding: 0;
  margin-left: 0;
  list-style: none;
  list-style-image: none;
}
.region-slider .flex-direction-nav a,
.region-slider .flexslider:hover .flex-direction-nav a,
.region-slider .flexslider .flex-direction-nav a:hover {
  display: block;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  text-shadow: none;
  top: auto;
  bottom: 6px;
  left: 50%;
  width: 16px;
  height: 25px;
  margin: 0 0 0 -32px;
  color: #333;
}
.region-slider .flex-direction-nav a::before {
  font-size: 25px;
  line-height: 1;
}
.region-slider .flex-direction-nav .flex-next,
.region-slider .flexslider:hover .flex-direction-nav .flex-next,
.region-slider .flexslider .flex-direction-nav .flex-next:hover {
  right: auto;
  margin-left: 22px;
}

.region-slider .flexslider .flex-direction-nav a:hover:before,
.region-slider .flex-pauseplay a:hover:before {
  color: #c6182f;
}

@media screen and (min-width: 1025px) {
  .region-slider .flexslider {
    padding-bottom: 15px;
  }
  .region-slider .flexslider:before {
    background-color: rgba(255, 255, 255, 0.4);
    bottom: 34px;
    content: "";
    display: block;
    height: 40px;
    left: 50%;
    position: absolute;
    width: 115px;
    z-index: 3;
    margin-left: -65px;
  }

  .region-slider .flex-direction-nav a,
  .region-slider .flex-pauseplay a {
    bottom: 41px;
  }

  .region-slider .flex-direction-nav a,
  .region-slider .flexslider:hover .flex-direction-nav a,
  .region-slider .flexslider .flex-direction-nav a:hover {
    margin-left: -31px;
    bottom: 39px;
  }
  .region-slider .flex-direction-nav a.flex-next,
  .region-slider .flexslider:hover .flex-direction-nav .flex-next,
  .region-slider .flexslider .flex-direction-nav .flex-next:hover {
    margin-left: 15px;
    bottom: 39px;
  }
  .region-slider .flex-pauseplay a {
    margin-left: -7px;
    bottom: 41px;
  }
}

@media screen and (min-width: 1200px) {
  .region-slider .flexslider:before {
    margin-left: -111px;
    bottom: 52px;
  }

  .region-slider .flex-direction-nav a,
  .region-slider .flexslider:hover .flex-direction-nav a,
  .region-slider .flexslider .flex-direction-nav a:hover {
    margin-left: -78px;
    bottom: 58px;
  }
  .region-slider .flex-direction-nav a.flex-next,
  .region-slider .flexslider:hover .flex-direction-nav .flex-next,
  .region-slider .flexslider .flex-direction-nav .flex-next:hover {
    margin-left: -26px;
    bottom: 58px;
  }
  .region-slider .flex-pauseplay a {
    margin-left: -51px;
    bottom: 60px;
  }
}

.region-slider .flexslider .slides > li {
  margin: 0;
  padding-left: 0;
  overflow: hidden;
}

.region-slider .flexslider .slides .views-field-title {
  font-size: 2.6em;
  font-family: "KnockoutHiBlur";
  font-weight: normal;
  line-height: 1.1;
}
.region-slider .flexslider .slides .views-field-title a {
  color: #000;
  display: block;
}
.region-slider .flexslider .slides .views-field-title a:hover {
  color: #c6182f;
}

.region-slider .flexslider .slides [class*="views-field-field-slider-image"],
.region-slider .flexslider .slides .views-field-title,
.region-slider .flexslider .slides .views-field-nothing {
  margin-bottom: 20px;
}
.region-slider .flexslider .slides img {
  width: auto;
  height: auto;
  max-height: 100%;
}

.region-slider .flexslider .slides .views-field-nothing a {
  background: url("../../images/page_extended/arrow_slider_sprite.gif") 89% 12px no-repeat #fff;
  border: 1px solid #000;
  padding: 7px 45px 7px 15px;
  display: inline-block;

  color: #000;
}
.region-slider .flexslider .slides .views-field-nothing a:hover {
  color: #c6182f;
}

.region-slider .flexslider .slides .views-field-view-node {
  display: none;
}

@media screen and (min-width: 1025px) {
  .region-slider .flexslider {
    padding: 0;
  }

  .region-slider .flexslider .slides > li {
    height: 445px;
  }

  .region-slider .flexslider .slides .views-field {
    margin-bottom: 0;
  }

  .region-slider .flexslider .slides [class*="views-field-field-slider-image"] {
    left: 50%;
    margin-left: -101px;
    position: relative;
    top: 0;
  }
  .region-slider .flexslider .slides [class*="views-field-field-slider-image"]:after {
    content: "";
    display: block;
    background: url("../../images/page_extended/bg_slider.png") 0 100% no-repeat transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 462px;
  }
  .region-slider .flexslider .slides img {
    max-width: none;
  }

  .region-slider .flexslider .slides .views-field-nothing {
    position: absolute;
    left: 50%;
    bottom: 36px;
    margin-left: -467px;
  }

  .region-slider .flexslider .slides .views-field-title {
    position: absolute;
    left: 50%;
    bottom: 93px;
    width: 410px;
    margin-left: -467px;
    z-index: 1;
    margin-bottom: 0;

    font-size: 3em;
  }

  .region-slider .flexslider .slides .views-field-view-node {
    display: block;
  }
  .region-slider .flexslider .slides .views-field-view-node a {
    bottom: 0;
    left: 50%;
    margin-left: -584px;
    position: absolute;
    top: 0;
    width: 1310px;

    text-indent: -1000px;
  }
  .region-slider .flexslider .slides .views-field-view-node a:focus,
  .region-slider .flexslider .slides .views-field-view-node a:active {
    outline: none;
  }
}

@media screen and (min-width: 1200px) {
  .region-slider .flexslider .slides [class*="views-field-field-slider-image"] {
    margin-left: -165px;
  }
  .region-slider .flexslider .slides .views-field-nothing {
    margin-left: -567px;
    bottom: 55px;
  }
  .region-slider .flexslider .slides .views-field-title {
    margin-left: -567px;
    width: 535px;
    bottom: 115px;
  }
}

/* --------------- Scroll Up ---------------- */
#scrollUp {
  display: none;
}
@media screen and (min-width: 992px) {
  #scrollUp {
    display: block;
    background-color: #c6182f;
    color: #fff;
    padding: 10px 15px;
    bottom: 10px;
    right: 10px;
  }
}

/* --------------- Custom ---------------- */
.block.rodo-footer .content a:hover {
  filter: grayscale(1);
}

/* --------------- QUIZ ---------------- */
/* --------------- QUIZ - Start ---------------- */
body.node-type-quiz.not-logged-in #page-title + .tabs,
body.page-node-take.not-logged-in #page-title + .tabs,
body.page-node-quiz-results.not-logged-in #page-title + .tabs {
  display: none;
}

body.node-type-quiz .node.node-quiz .meta.submitted,
body.node-type-quiz .node.node-quiz #quiz-view-table,
body.page-node-take #quiz-progress {
  display: none;
}

body.node-type-quiz .node.node-quiz a.quiz-start-link {
  background-color: #c6182f;
  display: block;
  padding: 15px 0;

  text-align: center;
  text-transform: lowercase;
  font-size: 1.9em;
  color: #fff;

  transition: background-color 0.5s linear;
}
body.node-type-quiz .node.node-quiz a.quiz-start-link:first-letter {
  text-transform: uppercase;
}
body.node-type-quiz .node.node-quiz a.quiz-start-link:hover {
  background-color: #000;
}

/* --------------- QUIZ - Errors ---------------- */
body.page-node-take #messages {
  border: none;
  padding: 0;
  margin-bottom: 20px;
  background: none;
}
body.page-node-take #messages .messages.error {
  border: none;
  padding: 15px;
  background-image: none;
}

/* --------------- QUIZ - Question ---------------- */
body.page-node-take .answering-form .quiz-question-multichoice {
  background-color: #f3f3f3;
  padding: 0 15px 1px;
  margin-bottom: 10px;
}
body.page-node-take .answering-form .quiz-question-multichoice > h2 {
  margin: 0 -15px;
  padding: 15px 0;
  background-color: #fff;
}
body.page-node-take .answering-form .quiz-question-multichoice > .field-name-body {
  padding-top: 10px;

  font-weight: bold;
}

body.page-node-take .answering-form .quiz-question-multichoice > .field-name-body + .form-item {
  padding-top: 0;
  margin: 0;
}
body.page-node-take .answering-form .quiz-question-multichoice > .field-name-body + .form-item label {
  font-weight: normal;
  font-style: italic;
  font-size: 0.857em;
}

body.page-node-take .answering-form .quiz-question-multichoice > table {
  margin-left: 10px;
  width: auto;
}
body.page-node-take .answering-form .quiz-question-multichoice > table tbody {
  border: none;
}
body.page-node-take .answering-form .quiz-question-multichoice > table tr {
  background: none;
  border: none;
  padding: 0;
}
body.page-node-take .answering-form .quiz-question-multichoice > table tr td,
body.page-node-take .answering-form .quiz-question-multichoice > table tr th {
  border: none;
  padding-left: 0;
}
body.page-node-take .answering-form .quiz-question-multichoice > table tr.selected td,
body.page-node-take .answering-form .quiz-question-multichoice > table tr.selected th {
  background-color: transparent;
}
body.page-node-take .answering-form .quiz-question-multichoice > table tr.multichoice-row td:first-child {
  width: 25px !important;
}
body.page-node-take .answering-form .quiz-question-multichoice > table tr.multichoice-row td .form-type-radio {
  position: relative;
}
body.page-node-take
  .answering-form
  .quiz-question-multichoice
  > table
  tr.multichoice-row
  td
  .form-type-radio
  input[type="radio"] {
  margin-top: 0;
}
body.page-node-take
  .answering-form
  .quiz-question-multichoice
  > table
  tr.multichoice-row
  td
  .form-type-radio
  input[type="radio"]:before {
  content: "";
  display: block;
  position: absolute;
  background: url(../../images/page_extended/radio.png) 0 0 no-repeat;
  width: 20px;
  height: 20px;
  top: -2px;
  left: -3px;
}
body.page-node-take
  .answering-form
  .quiz-question-multichoice
  > table
  tr.multichoice-row
  td
  .form-type-radio
  input[type="radio"]:checked:before {
  background-position: 0 -200px;
}

body.page-node-take .answering-form .quiz-question-multichoice > table tr.multichoice-row td:first-child + td {
  cursor: pointer;
}

/******************* QUIZ - Results ***************************************/
body.page-node-quiz-results #quiz_score_possible {
  background-color: #e6e6e6;
  padding: 10px 10px 0 10px;
}
body.page-node-quiz-results #quiz_score_percent {
  background-color: #e6e6e6;
  padding: 0 10px 10px 10px;
  position: relative;
}
body.page-node-quiz-results #quiz_score_percent:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border: transparent 15px solid;
  border-top-color: #e6e6e6;
}

body.page-node-quiz-results fieldset.form-wrapper {
  margin: 25px 0;
}
body.page-node-quiz-results fieldset.form-wrapper > legend {
  border: none;
  margin: 0 0 5px;

  font-family: "KnockoutHi";
  font-size: 2em;
  line-height: 1.1;
  font-style: normal;
  font-weight: normal;
  color: #000;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer > h2 {
  display: none;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content .quiz-report-score-container {
  display: none;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table td:first-child {
  width: 11%;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table td:nth-child(3) {
  width: 8%;
  text-align: center;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table td:nth-child(4) {
  width: 5%;
  text-align: center;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table td:nth-child(5) {
  width: 10%;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table td:last-child {
  width: 14%;
  text-align: center;
}

body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table thead tr {
  background: none;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table thead tr th {
  color: #333;
  background: none;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table tbody {
  border: none;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table tbody tr {
  background: #f3f3f3;
  border: none;
}
body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table tbody tr td {
  border: none;
  border-bottom: 1px solid #fff;
}

body.page-node-quiz-results fieldset.form-wrapper .entity-quiz-result-answer .content table tbody tr td img {
  width: auto;
  height: 15px;
  filter: contrast(0) sepia(100%) hue-rotate(65deg);
}
body.page-node-quiz-results
  fieldset.form-wrapper
  .entity-quiz-result-answer
  .content
  table
  tbody
  tr
  td
  .should-not
  img {
  filter: contrast(0) sepia(100%) hue-rotate(-45deg);
}

/******************* EXPANDED ***************************************/

.expand-wrapper .expand-link {
  cursor: pointer;

  color: #c6182f;
}
.expand-wrapper .expand-link.more-wrapper > .more > .t2 {
  display: none;
}
.expand-wrapper.expanded > div > .expand-link.more-wrapper > .more > .t1,
.expand-wrapper.expanded > p > .expand-link.more-wrapper > .more > .t1 {
  display: none;
}
.expand-wrapper.expanded > div > .expand-link.more-wrapper > .more > .t2,
.expand-wrapper.expanded > p > .expand-link.more-wrapper > .more > .t2 {
  display: inline;
}

/* ------------------ STYLE - INHERIT FROM PL.CSS   -------------- */
html {
  min-height: 100%;
  height: 100%;
}
body {
  overflow-x: hidden;
}

.field-collection-container {
  border-bottom: 0;
  margin-bottom: 0;
}
.field-collection-view {
  padding-bottom: 0;
  border-bottom: none;
}

/* ------------------ Layout - Header ------------------ */
@media (min-width: 1024px) {
  #header-wrapper.with-slider {
    background: none;
  }

  #header-wrapper.with-slider:before,
  #header-wrapper.with-slider:after,
  header.with-slider #header:before,
  header.with-slider #header:after {
    background: url("../../panoptykon_theme/images/bg_opacity.png") repeat scroll 100% 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin-right: 485px;
    position: absolute;
    right: 50%;
    top: 0;
  }
  #header-wrapper.with-slider:after {
    left: 50%;
    margin-left: 725px;
    margin-right: 0;
    right: 0;
  }

  header.with-slider #header:after,
  header.with-slider #header:before {
    background-position: 0 0;
    bottom: auto;
    height: 22px;
    margin-right: 0;
    right: 149px;
    top: -22px;
  }
  header.with-slider #header:after {
    bottom: -22px;
    top: auto;
    background-position: -14px 0;
    right: 326px;
  }
  header.with-slider #header {
    background-color: rgba(255, 255, 255, 0.6);
  }

  header.with-slider #header-inner:after,
  header.with-slider #header-inner:before {
    background: url("../../images/page_extended/bg_corner.gif") no-repeat scroll -2px 0 transparent;
    position: absolute;
    content: "";
    display: block;
    bottom: auto;
    height: 22px;
    width: 22px;
    margin-right: 0;
    right: 127px;
    top: -22px;
  }
  header.with-slider #header-inner:after {
    bottom: -22px;
    top: auto;
    right: 191px;
    background-position: -2px 0;
  }
}
@media (min-width: 1200px) {
  #header-wrapper.with-slider:before {
    margin-right: 585px;
  }
  header.with-slider #header:before {
    right: 314px;
  }
  header.with-slider #header:after {
    right: 491px;
  }
  header.with-slider #header-inner:before {
    right: 292px;
    background-position: -2px 0;
  }
  header.with-slider #header-inner:after {
    right: 471px;
    background-position: 0 0;
  }
}

/* ------------------ Slider - Region ------------------ */
@media (min-width: 1025px) {
  .region-slider {
    position: relative;
    z-index: 1;
  }
}

/* ------------------ Featured - Region ------------------ */
.region-featured {
  margin-top: 25px;
}

.region-featured .block:last-child {
  margin-bottom: 0;
}

/* ------------------ Main - Region ------------------ */
@media (min-width: 768px) {
  .front #main-wrapper {
    padding-bottom: 0;
    position: relative;
  }
  .front #main-wrapper:before,
  .front #main-wrapper:after {
    position: absolute;
    top: 0;
    right: 50%;
    height: 539px;
    width: 445px;
    margin-right: 190px;
    background: url("../../panoptykon_theme/images/bg.png") repeat scroll 100% 0 transparent;
    content: "";
    display: block;
  }
  .front #main-wrapper:after {
    background: url("../../images/page_extended/bg_main.png") no-repeat scroll 0 0 transparent;
    height: 445px;
    width: 462px;
    top: 112px;
    left: auto;
  }

  .front #main {
    position: relative;
    z-index: 1;
  }
  .front #main:after {
    background: url("../../images/page_extended/feature.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 49px;
    position: absolute;
    right: -65px;
    top: -26px;
    width: 122px;
  }

  .front aside.col-sm-4 {
    width: 29%;
  }
  .front aside.col-sm-4 + #page.col-sm-8 {
    padding-left: 10px;
    padding-right: 0;
    width: 71%;
  }
}
@media (min-width: 992px) {
  .front #main-wrapper:before,
  .front #main-wrapper:after {
    margin-right: 235px;
  }
}
@media (min-width: 1200px) {
  .front #main-wrapper:before,
  .front #main-wrapper:after {
    margin-right: 280px;
  }
}

/* ------------------ Main bottom - Region ------------------ */
.main-bottom-wrapper {
  margin-top: 15px;
}
.region-main-bottom {
  border-top: 3px solid #000;
  padding-top: 45px;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .main-bottom-wrapper {
    position: relative;
  }
  .main-bottom-wrapper:after,
  .main-bottom-wrapper:before {
    background-color: #000;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 6px;
    right: 0;
    margin-left: -400px;
  }
  .main-bottom-wrapper:after {
    background-color: #fff;
    top: 1px;
    right: auto;
    height: 12px;
    width: 12px;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #000;
  }
  .region-main-bottom {
    border: none;
  }
}
@media (min-width: 992px) {
  .main-bottom-wrapper:before,
  .main-bottom-wrapper:after {
    margin-left: -300px;
  }
}
@media (min-width: 1200px) {
  .front .main-bottom-wrapper {
    margin-top: -10px;
  }

  .main-bottom-wrapper:before,
  .main-bottom-wrapper:after {
    margin-left: -350px;
  }

  aside .block.picture-links {
    height: 489px;
  }
}

/* ------------------ Main Menu ------------------ */
ul.main-menu-links li.menu-1213 a {
  color: #c6182f;
}
ul.main-menu-links li.menu-1213 a:hover {
  color: #000;
}

header.with-slider #main-menu {
  position: relative;
  z-index: 1;
}
header.with-slider .block-search {
  z-index: 2;
}

/* ------------------ Sub Menu ------------------ */
.region-content .menu-special ul.menu {
  margin: 0 0 15px 0;
}
.region-content .menu-special ul.menu li {
  border: 1px solid #000;
  float: left;
  font-family: "KnockoutHi";
  font-size: 1.3em;
  list-style: outside none none;
  margin: 0 10px 10px 0;
  padding: 4px 12px;
  text-transform: uppercase;
}
.region-content .menu-special ul.menu li.active-trail {
  background-color: #c6182f;
  border-color: #c6182f;
}

.region-content .menu-special ul.menu li a {
  color: #000;
}
.region-content .menu-special ul.menu li.active-trail a,
.region-content .menu-special ul.menu li.active-trail a:hover {
  color: #fff;
}
.region-content .menu-special ul.menu li a:hover {
  color: #c6182f;
}

/* ------------------ Node/Page ------------------ */
.node-type-short-text .page,
.node-type-text .page,
article.node-teaser {
  padding-top: 2em;
  position: relative;
}

.node-type-short-text .page:after,
.node-type-text .page:after,
article.node-teaser:before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 15px;
  right: 15px;
  display: block;
  height: 1px;
  background-color: #c6182f;
}
article .meta.type {
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 1;
  background-color: #fff;
  padding: 0 5px 0 13px;

  font-size: 0.85em;
}

article.node-teaser .meta.type {
  left: 0;
}

article .meta.type.text {
  padding-left: 21px;
}
article .meta.type:after,
article .meta.type.text:before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  display: block;
  width: 7px;
  height: 7px;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #c6182f;
}
article .meta.type.text:before {
  left: 9px;
}

article.node-teaser > h2 {
  margin: 0;
}

body.page-taxonomy-term-39 #page-title,
body.page-taxonomy-term-40 #page-title,
body.page-taxonomy-term-41 #page-title {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* ------------------ Site Map ------------------ */
body.page-node-2505 .region-content .block-menu-block {
  margin-bottom: 0;
}
body.page-node-2505 .region-content #block-menu-block-5 {
  padding-top: 1em;
  border-top: 1px solid #c6182f;
}
body.page-node-2505 .region-content #block-menu-block-5 .content ul {
  margin-bottom: 0;
}

body.page-node-2505 .region-content .block-menu-block ul {
  font-weight: bold;
  text-transform: uppercase;
}
body.page-node-2505 .region-content .block-menu-block ul ul {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  font-weight: normal;
  text-transform: none;
}

/* ------------------ Field ------------------ */
div[class*="-field-attachments"] a {
  font-weight: bold;
}

/* ------------------ Block - Triple ------------------ */
body.front .content-triple .block-views > h2 {
  background: none;
  margin-bottom: 20px;
  padding: 0;

  font-size: 2em;
  color: #c6182f;
}
body.front .content-triple .block-views > h2 a {
  color: #c6182f;
}
body.front .content-triple .block-views > h2 a:hover {
  color: #000;
}

body.front .content-triple .block-views .views-field-title a {
  color: #000;
}
body.front .content-triple .block-views .views-field-title a:hover {
  color: #c6182f;
}

body.front .content-triple .block-views .views-row {
  border-bottom: none;
}

body.front .content-triple .block-views [class*="views-field-type"] {
  position: relative;
  margin-bottom: 4px;

  font-size: 0.85em;
}
body.front .content-triple .block-views [class*="views-field-type"]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: block;
  height: 1px;
  background-color: #c6182f;
}
body.front .content-triple .block-views [class*="views-field-type"] .field-content {
  padding: 0 5px 0 13px;
  display: inline-block;
  background-color: #fff;
  z-index: 1;
  position: relative;
}
body.front .content-triple .block-views [class*="views-field-type"].text .field-content {
  padding-left: 21px;
}
body.front .content-triple .block-views [class*="views-field-type"] .field-content:after,
body.front .content-triple .block-views [class*="views-field-type"].text .field-content:before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  display: block;
  width: 7px;
  height: 7px;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #c6182f;
}
body.front .content-triple .block-views [class*="views-field-type"].text .field-content:before {
  left: 9px;
}

body.front .content-triple .block-views .views-field-title {
  font-size: 1.6em;
}
body.front .content-triple .block-views .views-field-title > h3 {
  font-size: 1em;
}

body.front .content-triple .block-views .views-field-body {
  display: none;
}
body.front .content-triple .block-views .views-row-1 .views-field-body {
  display: block;
}

@media (min-width: 768px) {
  body.front .content-triple .block-views [class*="views-field-type"]:after {
    right: 10%;
  }
}
@media (max-width: 767px) {
  body.not-front .sidebar-first .block {
    display: none;
  }
}

/* ------------------ Block - Left siderbar - Menu ------------------ */
@media (max-width: 767px) {
  body.not-front .sidebar-first .block.block-menu {
    display: block;
    border-bottom: 3px solid #000;
  }
  body.not-front .sidebar-first .block.block-menu .content > ul {
    margin-bottom: 1.5em;
  }
}

/* ------------------ Block - Services ------------------ */
@media (min-width: 992px) {
  .main-bottom-wrapper .block.services {
    margin-left: 20%;
  }
}

/* ------------------ Block - Links with pictures ------------------ */
.front aside .block.picture-links {
  overflow: hidden;
}

.block.picture-links .content a {
  float: left;
  height: 110px;
  width: 110px;
  display: block;
  background-size: 55%;
  padding-top: 62px;
  margin: 0 20px 10px 0;
  border: none;

  font-family: "KnockoutHiBlur";
  font-style: normal;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1;
  color: #000;
  text-align: center;
  /* Border */
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  /* Transitions */
  -moz-transition: 0.1s ease-out;
  -webkit-transition: 0.1s ease-out;
  -o-transition: 0.1s ease-out;
  -ms-transition: 0.1s ease-out;
  -khtml-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
  /* Shadows */
  box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: -2px 3px 0 3px rgba(0, 0, 0, 0.2);
}
body.front .block.picture-links .content a {
  margin-left: 10px;
  margin-right: 10px;
}

.block.picture-links .content a:hover,
.block.picture-links .content a:active {
  margin-top: 4px;
  margin-bottom: 6px;
  /* Shadows */
  box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -moz-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -ms-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -webkit-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -khtml-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
  -o-box-shadow: -1px 1px 0 1px rgba(198, 24, 47, 0.6);
}
.block.picture-links .content a.info-link {
  background-position: 50% -99px;
}
.block.picture-links .content a.support-link {
  background-position: 45% -524px;
}
.block.picture-links .content a.be-active-link {
  background-position: 61% -198px;
  padding-top: 67px;
}

.block.picture-links .content a span {
  font-size: 1.3em;
  text-transform: uppercase;
}

@media (min-width: 585px) {
  body.front .block.picture-links .content a {
    height: 164px;
    width: 164px;
    font-size: 1.6em;
    padding-top: 94px;
  }

  body.front .block.picture-links .content a.info-link {
    background-position: 50% -147px;
  }
  body.front .block.picture-links .content a.support-link {
    background-position: 45% -770px;
    background-size: 54% auto;
  }
  body.front .block.picture-links .content a.be-active-link {
    background-position: 61% -300px;
    padding-top: 99px;
  }
}

@media (min-width: 768px) {
  .block.picture-links .content a {
    margin-bottom: 20px;
  }

  .block.picture-links .content a:hover,
  .block.picture-links .content a:active {
    margin-bottom: 16px;
  }
}

@media (min-width: 992px) {
  body.front .block.picture-links {
    height: 529px;
    position: relative;
    margin-top: -5px;
    margin-bottom: 0;
  }

  body.front .block.picture-links .content a {
    position: absolute;
    left: 5px;
    top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  body.front .block.picture-links .content a.support-link {
    top: 166px;
    right: 5px;
    left: auto;
    height: 180px;
    width: 180px;
    background-position: 45% -841px;
    padding-top: 106px;
  }
  body.front .block.picture-links .content a.be-active-link {
    top: 359px;
  }
}
@media (min-width: 1200px) {
  body.not-front .block.picture-links {
    margin-left: -20px;
    height: 270px;
    position: relative;
  }
  body.not-front .block.picture-links .content a {
    position: absolute;
  }
  body.not-front .block.picture-links .content a.info-link {
    background-position: 50% -117px;
    font-size: 1.25em;
    height: 130px;
    left: 0;
    padding-top: 74px;
    top: 40px;
    width: 130px;
  }
  body.not-front .block.picture-links .content a.support-link {
    background-position: 45% -683px;
    background-size: 56% auto;
    font-size: 1.35em;
    height: 140px;
    padding-top: 79px;
    right: -22px;
    top: 0;
    width: 140px;
  }
  body.not-front .block.picture-links .content a.be-active-link {
    left: 131px;
    top: 158px;
    height: 120px;
    width: 120px;
    background-position: 61% -229px;
    background-size: 58% auto;
    padding-top: 75px;
  }

  body.front .block.picture-links {
    height: 488px;
  }
  body.front .block.picture-links .content a.support-link {
    top: 141px;
  }
  body.front .block.picture-links .content a.be-active-link {
    top: 317px;
    left: 25px;
  }
}

/* ------------------ Block - Links with pictures ------------------ */
aside .block.text-types-links .content ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
}
aside .block.text-types-links .content ul > li {
  padding: 0;
  margin: 0;

  font-family: "KnockoutHiBlur";
  font-style: normal;
  font-weight: normal;
  font-size: 1.6em;
}

/* ------------------ Block - Promobox ------------------ */
aside .block[id*="block-views-promobox"] {
  overflow: hidden;
}

aside .block[id*="block-views-promobox"] > h2 {
  background: none;
  padding-left: 0;
  margin-bottom: 0.2em;
  padding-bottom: 5px;
  position: relative;

  font-size: 2.6em;
  text-transform: none;
}
aside .block[id*="block-views-promobox"] > h2:hover {
  background: none;
}

aside .view-promobox-slider .views-field-field-small-promobox-image {
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;

  height: 110px;
  width: 110px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
aside .view-promobox-slider .views-field-field-small-promobox-image img {
  height: auto;
}

@media (min-width: 1200px) {
  aside .block[id*="block-views-promobox"] > h2 {
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
    margin-right: 87px;
  }

  aside .view-promobox-slider .views-field-field-small-promobox-image {
    float: right;
    margin: -41px 0 0 10px;
  }
}

/* ------------------ Block - Footer ------------------ */
.region-footer .block > h2 {
  border-top: 1px solid #c6182f;
  border-bottom: 1px solid #c6182f;
  color: #000;
}

/* ------------------ Block - Footer - Footer links ------------------ */
.footer-wrapper .block.links {
  padding-left: 15px;
}
.footer-wrapper .block.links .content {
  padding-right: 120px;
  overflow: hidden;
}

@media (min-width: 530px) {
  .footer-wrapper .block.links .content ul li {
    float: left;
    width: 25%;
  }
  .footer-wrapper .block.links .content ul li:nth-child(3n + 2) {
    width: 50%;
  }
}

/* ------------------ Block - Footer - Support us ------------------ */
@media (max-width: 767px) {
  .footer-wrapper .block.support-us-belong-to .content {
    margin-left: -48px;
  }
}
@media (max-width: 767px) and (min-width: 460px) {
  .footer-wrapper .block.support-us-belong-to {
    float: right;
  }
}

/* ------------------ Block - Floating ------------------ */
.block.block-float-1percent {
  position: absolute;
  top: 263px;
  right: 0;
  z-index: 499;
  background-color: #f5f5f5;
  box-shadow: -5px 5px 0 0 rgba(0, 0, 0, 0.4);

  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
body.adminimal-menu .block.block-float-1percent {
  top: 310px;
}
.block.block-float-1percent:hover {
  box-shadow: -5px 5px 0 0 rgba(198, 24, 47, 0.6);
}

.block.block-float-1percent .content img.mobile {
  display: inline-block;
}
.block.block-float-1percent .content img.desktop {
  display: none;
}

.block.block-float-1percent .content > div > a {
  display: block;
}

@media all and (min-width: 768px) {
  .block.block-float-1percent,
  .block.block-float-1percent.collapsed:hover {
    margin-right: -1100px;
  }

  .block.block-float-1percent {
    position: fixed;
    top: 250px;
    right: 50%;
    padding: 10px 6px;
    box-shadow: -5px 5px 0 0 rgba(0, 0, 0, 0.2);
    width: 1000px;
    margin-right: -850px;

    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
  }
  .block.block-float-1percent.collapsed {
    margin-right: -1370px;
  }

  .block.block-float-1percent .content img.mobile {
    display: none;
  }
  .block.block-float-1percent .content img.desktop {
    display: inline-block;
  }
}
@media all and (min-width: 992px) {
  .block.block-float-1percent,
  .block.block-float-1percent.collapsed:hover {
    margin-right: -1210px;
  }
  .block.block-float-1percent.collapsed {
    margin-right: -1480px;
  }
}
@media all and (min-width: 1200px) {
  .block.block-float-1percent,
  .block.block-float-1percent.collapsed:hover {
    margin-right: -1290px;
  }
  .block.block-float-1percent.collapsed {
    margin-right: -1585px;
  }
}
@media all and (min-width: 1650px) {
  .block.block-float-1percent {
  }
}

/* ------------------ Block - 1% Banner (background: 0 & 1) ------------------ */
.banner-1-p--01 .animated-words-banner-outer {
  display: block;
  background-color: #c6182f;
  padding: 10px;
}

.banner-1-p--01 .animated-words-banner-inner {
  display: block;
  position: relative;
}

.banner-1-p--01 .animated-words {
  display: block;
  text-align: center;
  color: #fff;
  font-family: "KnockoutHiBlur";
  font-size: 2em;
  line-height: 1;

  height: 2em;
  margin: 0 auto;
  background-color: #c6182f;
}

@media all and (min-width: 480px) {
  .banner-1-p--01 .animated-words {
    font-size: 3em;
  }
}

@media all and (min-width: 768px) {
  .banner-1-p--01 .animated-words-banner-inner:before,
  .banner-1-p--01 .animated-words-banner-inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 88px;
    background: url(../../images/page_extended/baner_3_rows.svg) no-repeat 0 0 transparent;
    background-size: auto 100%;
  }
  .banner-1-p--01 .animated-words-banner-inner:before {
    left: 0;
  }
  .banner-1-p--01 .animated-words-banner-inner:after {
    right: 0;
  }
  .banner-1-p--01 .animated-words {
    margin: 0 88px;
  }

  .region-featured .banner-1-p--01 .animated-words-banner-inner {
    padding-left: 25%;
  }

  .region-featured .banner-1-p--01 .animated-words-banner-inner:before {
    width: calc(25% + 106px);
  }
}

@media all and (min-width: 992px) {
  .banner-1-p--01 .animated-words-banner-inner:before,
  .banner-1-p--01 .animated-words-banner-inner:after {
    width: 175px;
  }

  .region-featured .banner-1-p--01 .animated-words-banner-inner:before {
    width: calc(25% + 178px);
  }

  .banner-1-p--01 .animated-words {
    margin: 0 175px;
  }
}

@media all and (min-width: 1200px) {
  .banner-1-p--01 .animated-words-banner-inner:before,
  .banner-1-p--01 .animated-words-banner-inner:after {
    width: 251px;
  }

  .region-featured .banner-1-p--01 .animated-words-banner-inner:before {
    width: calc(25% + 254px);
  }

  .banner-1-p--01 .animated-words {
    margin: 0 251px;
  }
}

/* ------------------ Views - Prosta strona - Ludzie ------------------ */
.view-id-page_menu_views .views-row .field-expander .summary .read-more + table {
  display: none;
}

/* ------------------ Views - Biblioteka - Infografiki ------------------ */
.view.no-border.view-display-id-page_3 .views-row .views-field-field-image img {
  border: 1px solid lightgrey;
}

/* ------------------ Scroll Up ------------------ */
#scrollUp {
  background: url("../../images/page_extended/scroll-top.png") 0 0 no-repeat transparent;
  bottom: 10px;
  display: block;
  right: 10px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -999px;
}

@keyframes sonarEffectS {
  0% {
    opacity: 0.3;
  }
  40% {
    box-shadow: 0 0 0 7px #fff;
    opacity: 0.5;
  }
  100% {
    box-shadow: 0 0 0 7px #fff;
    opacity: 0;
    transform: scale(1.1);
  }
}

body.page-podcasty .feed-icon {
  display: none;
}

/* ------------------ Baner Wspieraj ------------------ */
.field-name-body .banner-wpieraj {
  margin: 1.2em 0;
}

/* ------------------ STYLE - PAGE EXTENDED   ----------------------- */
/* ------------------ Node/Page - Page only body   ------------------ */
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
  background: transparent url("../../images/page_extended/bg_gray.png") repeat scroll 100% 0;

  color: #6e6e6e;
  font: 14px/1.5 Helvetica Light, Open Sans, Tahoma, arial, sans-serif;
}

body .node-unpublished {
  background-color: transparent;
}

body a {
  color: #c6182f;
  text-decoration: none;
}

body a:hover,
nody a:active {
  color: #000;
}

/* ------------------ Node/Page - Page only body - Logo  ------------------ */
body #logo img {
  max-width: 150px;
}

/* ------------------ Node/Page - Page only body - Headlines  ------------------ */
body h1,
body h2 {
  font-family: "KnockoutHiNarrow";
}
body h2,
body h3 {
  color: #3e3e3e;
  margin-top: 0;
}
body h1 {
  color: #282828;
  font-size: 55px;
  line-height: 1.11;
  margin-top: 0;
}
body h2 {
  font-size: 36px;
}
body h3 {
  font-family: Helvetica, Open Sans, Tahoma, arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
}

@media all and (max-width: 767px) {
  body h1 {
    margin-bottom: 15px;
  }
}

/* ------------------ Node/Page - Page only body - Quotes  ------------------ */
body q,
body blockquote {
  width: auto;
  float: none;
  border-bottom: none;
  display: block;

  font-family: inherit;
  color: inherit;
  font-size: inherit;
  line-height: 1.5;
  quotes: inherit;
}

body q {
  padding: 0;
  margin: 0;
  display: inline;
}

/* ------------------ Node/Page - Page only body - Columns  ------------------ */
body .field--name-body .field__item div[class*="bg-"] {
  padding: 18px 25px 21px;
}
body .field--name-body div.bg-gray {
  background-color: #e7e7e9;
}

body .field--name-body div.bg-red {
  background-color: #de1935;
  color: #fff;
}
body .field--name-body div.bg-red a {
  font-weight: bold;
  color: #fff;
}

/* ------------------ NODE with CONTENT LINES ------------------------------ */

/* ------------------ Node/Page - Page only body - Assets  ------------------ */
body .node-line-parts .field--name-body .asset-links {
  margin-top: 60px;
  margin-bottom: 0;
}
body .node-line-parts .field--name-body .asset-link {
  position: relative;
  margin-bottom: 30px;
}
body .node-line-parts .field--name-body .asset-link:hover {
  z-index: 99;
}
body .node-line-parts .field--name-body .asset-link .cover {
  position: relative;
  z-index: 3;
}
body .node-line-parts .field--name-body .asset-link .cover img {
  border: 4px solid #fff;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
body .node-line-parts .field--name-body .asset-link:hover .cover img {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .node-line-parts .field--name-body .asset-link .links {
  text-align: center;

  padding: 5px 0;
  position: absolute;
  height: 40px;
  left: 0;
  right: 0;
  bottom: 6px;
  background: #fff;
  z-index: 2;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
body .node-line-parts .field--name-body .asset-link .links a {
  margin-left: 10px;
  margin-right: 10px;
}
body .node-line-parts .field--name-body .asset-link .links img {
  width: 25px;
}
body .node-line-parts .field--name-body .asset-link:hover .links {
  bottom: -5%;
  left: -5%;
  right: -5%;
  margin-bottom: -39px;
}

body .node-line-parts .field--name-body .asset-link-video .cover {
  height: auto;
}

body .node-line-parts .field--name-body .img-wrapper img {
  width: 100px;
}

/* ------------------ Node/Page - Page only body - Links  ------------------ */
body .node-line-parts .field--name-body p a {
  color: #c6182f;
}
body .node-line-parts .field--name-body p a:hover {
  color: #000;
}

/* ------------------ Node/Page - Page only body - List  ------------------ */
body .node-line-parts .field--name-body > div .row.columns {
  margin: 40px 0;
  position: relative;
}
body .node-line-parts .field--name-body > div .row.columns .col-sm-4 {
  position: static;
  padding-left: 30px;
  padding-right: 30px;
}
body .node-line-parts .field--name-body > div .row.columns .col-sm-4:before {
  border-left: 2px solid #1a1000;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
}

body .node-line-parts .field--name-body > div .row.columns.red .col-sm-4:before {
  border-color: #c6182f;
}
body .node-line-parts .field--name-body > div .row.columns.red .col-sm-4 h3 {
  color: #c6182f;
}

@media all and (min-width: 768px) {
  body .node-line-parts .field--name-body > div .row.columns .col-sm-4 + .col-sm-4:before {
    left: 33.3333%;
  }
  body .node-line-parts .field--name-body > div .row.columns .col-sm-4 + .col-sm-4 + .col-sm-4:before {
    left: 66.6666%;
  }
}

/* ------------------ Node/Page - Page only body - Fields  ------------------ */
body #main-wrapper {
  padding: 0;
}
body .container {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #f5f5f5;
}
body #block-system-main,
body .node-line-parts .field--name-body {
  margin-bottom: 0;
}
body .node-line-parts .field--name-body > div {
  padding-top: 52px;
  padding-bottom: 60px;
}
body .node-line-parts .field--name-body > div:first-child {
  padding-bottom: 20px;
  padding-top: 40px;
}
body .node-line-parts .field--name-body > div:nth-child(3),
body .node-line-parts .field--name-body > div:nth-child(5),
body .node-line-parts .field--name-body > div:nth-child(7) {
  color: #fff;

  background-color: #e31c46;
  overflow-x: hidden;
  margin: 0 -9999px;
  padding-left: 9999px;
  padding-right: 9999px;
}

body .node-line-parts .field--name-body > div:nth-child(3) h2,
body .node-line-parts .field--name-body > div:nth-child(5) h2,
body .node-line-parts .field--name-body > div:nth-child(7) h2,
body .node-line-parts .field--name-body > div:nth-child(3) h3,
body .node-line-parts .field--name-body > div:nth-child(5) h3,
body .node-line-parts .field--name-body > div:nth-child(7) h3 {
  color: #fff;
}

body .node-line-parts .field--name-body > div:nth-child(3) p a:not(.btn),
body .node-line-parts .field--name-body > div:nth-child(5) p a:not(.btn),
body .node-line-parts .field--name-body > div:nth-child(7) p a:not(.btn) {
  color: #ff9000;
}

/* ------------------ Node/Page - Page only body - Area 2nd  ------------------ */
body .node-line-parts .field--name-body > div:nth-child(2) {
  padding-top: 0;
}

body .node-line-parts .field--name-body > div:nth-child(2) p img {
  vertical-align: bottom;
  margin-bottom: 5px;
}

body .node-line-parts .field--name-body > div:nth-child(2) .krs {
  font-size: 18px;
  color: #282828;
}

@media all and (min-width: 768px) {
  body .node-line-parts .field--name-body > div:nth-child(2) [class*="col-"] .text-sm-right {
    margin-top: 9px;
  }
}

/* ------------------ Node/Page - Page only body - Area 3rd  ------------------ */
@media all and (min-width: 768px) {
  body .node-line-parts .field--name-body > div:nth-child(3) > .row > .col-sm-9 {
    margin-top: 29px;
  }
}

/* ------------------ Node/Page - Page only body - Area 4th  ------------------ */
body .node-line-parts .field--name-body > div:nth-child(4) .photos .img-wrapper {
  position: relative;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
body .node-line-parts .field--name-body > div:nth-child(4) .photos .img-wrapper:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
body .node-line-parts .field--name-body > div:nth-child(4) .photos .img-wrapper:after {
  border: 4px solid #222;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

body .node-line-parts .field--name-body > div:nth-child(4) .photo-main-1 .img-wrapper {
  margin-top: 30px;
  padding: 4px;
}
body .node-line-parts .field--name-body > div:nth-child(4) .photo-main-1 .img-wrapper:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: -10px;
  bottom: -10px;
  display: block;
  border: 4px solid #222;
  background-color: #46afa2;
}

body .node-line-parts .field--name-body > div:nth-child(4) .photo-main-1 .img-wrapper img {
  position: relative;
  z-index: 1;
  width: 100%;
}

body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper {
  margin: 15px;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:first-child {
  width: 140px;
  height: 140px;
}
body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:last-child {
  width: 218px;
  height: 218px;
}
body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:after {
  border-radius: 50%;
}
body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper img {
  display: block;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* ------------------ Node/Page - Page only body - Area 5th  ------------------ */
body .node-line-parts .field--name-body > div:nth-child(5) {
  background-color: #4775bb;
}
body .node-line-parts .field--name-body > div:nth-child(5) ul li {
  position: relative;
  list-style: none;
}
body .node-line-parts .field--name-body > div:nth-child(5) ul li:before {
  content: "";
  position: absolute;
  display: block;
  top: 9px;
  left: -12px;
  width: 5px;
  height: 5px;
  background-color: #ff9000;
}

/* ------------------ Node/Page - Page only body - Area 6th  ------------------ */
body .node-line-parts .field--name-body > div:nth-child(6) .img-wrapper img {
  width: 100px;
  margin-top: -10px;
}

/* ------------------ Node/Page - Page only body - Area 7th  ------------------ */
body .node-line-parts .field--name-body > div:nth-child(7) {
  background-color: #46afa2;
}
body .node-line-parts .field--name-body > div:nth-child(7) p {
  font-size: 16px;
  margin-top: 0.5em;
}
body .node-line-parts .field--name-body > div:nth-child(7) h2 {
  font-size: 46px;
}
body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
  margin-right: -30px;
  margin-top: -60px;
  text-align: right;
}

/* ------------------ Node/Page - Page only body - Area 8th  ------------------ */
body .node-line-parts .field--name-body > div:nth-child(8) {
  text-align: center;
}
body .node-line-parts .field--name-body > div:nth-child(8) h2 {
  margin-bottom: 30px;
}
body .node-line-parts .field--name-body > div:nth-child(8) p a {
  display: inline-block;
  width: 40px;
  margin: 0 5%;

  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
body .node-line-parts .field--name-body > div:nth-child(8) p a:hover {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

@media all and (min-width: 768px) {
  body .container {
    padding-left: 65px;
    padding-right: 65px;
  }
  body h1 {
    margin-top: -5px;
    margin-bottom: 45px;
  }

  body .node-line-parts .field--name-body > div:nth-child(2) div > img {
    margin-top: -100px;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .asset-links .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .asset-links .row .col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper {
    position: absolute;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:first-child {
    top: -37px;
    right: 0;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:last-child {
    left: -35px;
    top: 118px;
  }

  body .node-line-parts .field--name-body > div:nth-child(5) h2 {
    text-align: center;
    margin-bottom: 30px;
  }

  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
    position: absolute;
    right: 0;
    width: 600px;
  }
  body .node-line-parts .field--name-body > div:nth-child(7) p {
    margin-top: 50px;
  }
}

@media all and (min-width: 992px) {
  body .container {
    padding-left: 115px;
    padding-right: 115px;
  }
  body .node-line-parts .links-img + div {
    padding-left: 0;
  }

  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small {
    position: relative;
    min-height: 320px;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:first-child {
    top: -57px;
    right: 0;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:last-child {
    left: -60px;
    bottom: 0;
    top: auto;
  }
  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
    width: 690px;
  }
  body .node-line-parts .field--name-body > div:nth-child(7) p {
    margin-top: 58px;
  }
}

@media all and (min-width: 1200px) {
  body .node-line-parts .field--name-body > div:nth-child(2) div > img {
    margin-top: -130px;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:first-child {
    top: -30px;
  }
  body .node-line-parts .field--name-body > div:nth-child(4) .photos-small .img-wrapper:last-child {
    left: -60px;
    bottom: 10px;
  }
  body .node-line-parts .field--name-body > div:nth-child(8) p a {
    margin-left: 28px;
    margin-right: 28px;
  }
  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
    width: auto;
    left: 25%;
  }
  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 img {
    width: 100%;
  }
  body .node-line-parts .field--name-body > div:nth-child(7) h2 {
    font-size: 55px;
  }
  body .node-line-parts .field--name-body > div:nth-child(7) p {
    margin-top: 210px;
  }
}

@media all and (min-width: 1350px) {
  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
    left: 30%;
  }
}

@media all and (min-width: 1450px) {
  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
    left: 34%;
  }
}

@media all and (min-width: 1550px) {
  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
    left: 39%;
  }
}

@media all and (min-width: 1750px) {
  body .node-line-parts .field--name-body > div:nth-child(7) #photo-main-2 {
    left: 42%;
  }
}

@media all and (max-width: 767px) {
  body .node-line-parts .field--name-body > div:nth-child(3) h2 br {
    display: none;
  }
}

body .node-line-parts .links-img .row {
  margin-left: -7px;
  margin-right: -7px;
}
body .node-line-parts .links-img div[class*="col-"] {
  padding: 0 7px 14px;
}

/* ------------------ Node/Page - Page only body - MAIN MENU  ------------------ */
body .node-line-parts .field--name-body #main-menu {
  list-style: none;
  overflow: hidden;
  margin: 25px 0 0;
  display: none;
}
body .node-line-parts .field--name-body #main-menu > li {
  float: left;
  list-style: none;
  padding: 0 0 0 15px;
  margin: 0 0 0 15px;
  border-left: 1px solid #e31c46;

  color: #282828;
  font-family: "KnockoutHiNarrow";
  font-size: 22px;
  line-height: 1;
}
body .node-line-parts .field--name-body #main-menu > li:first-child {
  padding-left: 0;
  margin-left: 0;
  border: none;
}

body .node-line-parts .field--name-body #main-menu > li a {
  color: #282828;
}
body .node-line-parts .field--name-body #main-menu > li a:hover {
  color: #e31c46;
}

/* ------------------ Node/Page - Page only body - MAIN MENU - RESPONSIVE ------------------ */
body .slicknav_nav {
  padding-bottom: 15px;
}

@media all and (min-width: 1200px) {
  body .node-line-parts .field--name-body #main-menu {
    display: block;
  }
  body .slicknav_menu {
    display: none;
  }
}

/* ------------------ Node/Page - Page only body - MAIN MENU - ANCHOR ------------------ */
@media all and (max-width: 767px) {
  body .node-line-parts .anchor {
    margin-top: -60px;
  }
}