.ajax-spinner {
    position: relative;
    width: 45px;
    height: 45px;
    top: 15%;
    margin-right: 20px;
    /* - use if you use background image, no ico */
    background: url('/images/Eclipse.svg') no-repeat;*/
    z-index: 100;
    visibility: hidden;
}

.leader {
    width: 880px; 
}

.leader img {
    height: 90px;
    width: 728px !important; 
    max-width: 200%;
}

.banner {
  cursor: pointer;
  position: relative;
  z-index:1;
}

.piciframe {
  width: 880px;
  border: 0;
  z-index:0;
  
}

.img_table tbody {
  display: table;
}

.img_table tbody tr td img {
  max-width: none;
}

.piclink {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.paginator span {
  color: #fff;
}

.paginator .button {
  height: 2em;
  width: 2em;
  padding: 0;
  padding-top: 0.4em;
}

.paginator a {
  color: #000;
}

div.partners {
}

.auth_box .button {
}

.topbar {
  height: 60px;
  font-weight: 400;
}

.logininput {
  background-color: black !important;
  height: 20px !important;
  font-size: 0.8rem !important;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  color: #fff !important;
  padding: 0 !important;
}

.footer .email {
  font-size: 0.875rem;
}

.social ul li {
  width: 40px;
  height: 40px;
}

.social ul li i {
  font-size: 1.5rem;
  line-height: 40px;
}

.social_inner li .count {
  font-family: "opensans", sans-serif;
  font-size: 18px;
  float: right;
  margin-left: 5px;
}

.footer .copyright {
  margin-top: 0px;
}

.subheader .slide {
  font-weight: 400;
}

.subheader {
  margin-bottom: 0;
}

.off-canvas {
  z-index: 100;
}

.js-off-canvas-overlay.is-overlay-fixed {
  position: absolute;
}

.subtopbar.searchbar .col {
  width: 40%;
}

.news .inner {
  width: 120%;
}

.news .new .discuss {
  margin-right: 6.9em;
  padding-left: 4em;
  background: #fff; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1)); /*Standard*/
}

.newsList .new .discuss {
  margin-right: 10.5em;
}

.lastComments {
  overflow: hidden; 
}

.lastComments .inner {
  background-color: #fff;
  line-height: 1.4rem;
  width: 320px;
  overflow: hidden;
  line-height: 30px;
  padding-left: 10px;
  margin-bottom: 2px;
  height: 30px;
}

.lastComments .discuss {
  float: right;
  position: absolute;
  right: -1px;
  width: 60px;
  text-align: right;
  padding-right: 0.3em;
  background: #fff; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1)); /*Standard*/
  color: #0279ce;
}

.lastComments .title {
  float: left;
  color: #000;
}

.news .new {
  width: 100%;
}

.projects {
  width: 310px;
}

#snippet--calendar {
  background-color: #fff;
}

.parameters {
  font-size: 0.95rem;
  color: #3e3e3e;  
}

#snippet--flash .alert-info, #snippet--flash .alert-success {
  color: #000;
  background-color: yellow;
}

#snippet--flash .alert-error {
  color: #fff;
  background-color: maroon;
}

.burza_label {
  font-weight: bold;
}

td.blabel {
  width: 15%; 
  padding-bottom: 15px;  
  vertical-align: middle;
}

.auth_box .loggedonly, .auth_box .logoutonly, .mproduct, #snippet--calendar, .columns.bannerr_small {
  width: 300px;
}

.columns.bannerr_small {
  padding-left: 0;
  padding-right: 0;
  margin-left: 7px;
  margin-bottom: 20px;
}

.mproduct .description {
  font-size: 24px;
}

#snippet--jobfind, #snippet--jobs, .row .medium-collapse, .item .advertisement, .burzaheader, .advertisements #snippet--loadmore .columns {
  width: 875px;
  margin: 0;
  padding: 0;
}

.par {
  line-height: 24px;
  size: 0.95rem;
  margin-bottom: 10px;
}

.maintext {
  line-height: 26px;
}
.par .title {
  font-weight: 700;
}

div.buildings {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.project_box {
  width: 300px;
}

.buildings .project_box {
  width: 285px;
}

div.eshop {
  background-color: #fff;
  text-align: center;
}

table.eshoptable {
  border-spacing: 10px 10px;
  margin-left: -10px;
  margin-bottom: -10px;
  margin-top: -20px;
  width: 895px;
}

table.eshoptable td {
  vertical-align: top;
  background-color: #fff;
  padding: 20px;
  width: 285px;
  color: #000;
}

table.eshoptable td.empty {
  background-color: #f5f5f7;
}

table.eshoptable a {
  color: #000;
}

table.eshoptable a:hover {
  color: #0279ce;
}

table.eshopshow {
  color: #000;
}

table.eshopshow td {
  vertical-align: top;
}

#tpl_building_detail .project_box, #architect .project_box, #catalog .project_box {
  width: 389px;
}

table.filtr {
  width: 875px;
  background-color: #e6e6e6;
  border-spacing: 10px;
  border-collapse: separate;
}

table.filtr td {
  width: 33%;
  margin: 10px;
}

table.filtr select, table.filtr input, table.filtr label.select {
  margin: 0;
}

.tags, .tags a {
  float: left;
  background-color: #fff;
  color: #000;
  padding-left: 6px;
  padding-right: 6px;
  margin: 3px;
}

.tags:hover, .tags a:hover, .tags:active, .tags a:active, .tags.active, .tags a.active {
  background-color: #0279ce;
  color: #fff;
}

.transition {
  -o-transition-timing-function: "easeOutExpo";
  -webkit-transition-timing-function: "easeOutExpo";
  -moz-transition-timing-function: "easeOutExpo";
  transition-timing-function: "easeOutExpo";
  -o-transition-property: "all";
  -webkit-transition-property: "all";
  -moz-transition-property: "all";
  transition-property: "all";
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.opacity:hover, .opacity:active, .opacity.focus {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65; 
}

.opacity85:hover, .opacity85:active, .opacity85.focus {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85; 
  -webkit-opacity: 1;
}

#tpl_buildings .filtr .type select option:nth-child(2), #tpl_buildings .filtr .city select option:nth-child(2), #tpl_buildings .filtr .city select option:nth-child(3) {
  font-weight: bold;
}

.filtr select#frm-subjectsFilterForm-cities option:nth-child(2), .filtr select#frm-subjectsFilterForm-cities option:nth-child(3) {
  font-weight: bold;
}

div.langmenu nav {
  height: 100%;
}

#tpl_building_detail h1, #tpl_tag h1 {
  font-family: "opensans", sans-serif;
  font-weight: 900;
  font-size: 2.6rem;
  line-height: 3rem;
}

#tpl_tag h1 {
  font-weight: 800;
}

table.img_table {
  padding: 0px;
  margin: 0px;
  margin-top: 4px;
  border: 0px;
  font-weight: normal;
  font-family: "arial ce", "helvetica";
}

table.img_table td {
  padding: 0px;
}

table.img_table tr:nth-child(1) {
  border: 1px solid #000;
}

table.img_table td.img_label {
  font-family: "Arial", "Arial ce";
  background-color: white;
  padding: 3px 5px 3px 4px;
  font-size: 11px;
  line-height: 16px;
  text-align: left;
  border: 1px solid #fff;
}

#tpl_place .columns.item {
  padding: 0;
}

#tpl_place div.button {
  transform: translateZ(0);
  width: 300px;
  margin-bottom: 2px;
  background-color: #000;;
  color: #fff;
  text-align: left;
  font-weight: 700;
}

#tpl_place div.button.active, #tpl_place div.button.active a {
  transform: translateZ(0);
  background-color: #0279ce;
  color: #fff;
  padding-left: 20px;
}

#tpl_place div.button.list, #tpl_place div.button.list a {
  background-color: #fff;
  color: #000;
  padding-left: 30px;
}

#tpl_place div.button.list.active, #tpl_place div.button.list.active a {
  background-color: #000;
  color: #fff;
}

#tpl_news_detail div.details, #tpl_subjects div.details {
  color: #000;
}

#tpl_news_detail .social ul li, #tpl_subjects .social ul li {
  float: none;
}

.gallery2, .newsgallery2 {
  float: left;
  width: 75%;
  padding-right: 8px;
}

.newsgallery2 {
  width: 70%;
}

#tpl_catalog .bottommenu div {
  width: 285px;
}

#tpl_catalog .bottommenu > div:nth-child(2), #tpl_catalog .bottommenu > div:nth-child(3) {
  margin-left: 10px;
}

#tpl_catalog .bottommenu div.button.list, #tpl_catalog .bottommenu div.button.list a {
  padding-left: 5px;
}

#tpl_catalog .news .new.subject {
  height: 100%;
}

#tpl_catalog .news .new.subject .inner {
  line-height: 1.3rem;
}

#tpl_catalog .news .new.subject .inner .name {
  font-size: 1.2em;
  font-weight: 900;
}

#tpl_catalog .news .new.subject .inner .date {
  font-size: 16px;
  line-height: 20px;
}

#cadd table {
  width: 100%;
}

#cadd table th, #cadd table td, #cadd label {
  text-align: left;
  font-weight: bold;
  background-color: #fff;
  border: 0;
  line-height: 25px;
  height: 25px;
  vertical-align: top;
  padding-top: 1px;
}

#cadd label {
  padding-top: 6px;
  padding-left: 5px;
  width: 65px;
}

#cadd [type='text'], #cadd textarea {
  border: 0;
  width: 98%;
  box-shadow: none;
}

#cadd [type='text'] {
  margin: 0;
  border-bottom: 1px solid black;
  height: 27px;
  padding-top: 10px;
  width: 98%;
}

#cadd textarea {
  margin-top: -3px;
  padding-top: 3px;
  background: transparent url(/images/underline.png) repeat; 
  height: 120px;
  overflow: hidden;
  line-height: 30px;
  resize: none;
}

#cadd .button {
  border-bottom: 0;
  width: 100%;
  margin: 0;
}

div.big_header div.subject {
  width: 420px;
  margin-top: 50px;
  position: relative;
  padding-left: 20px;
  line-height: 1.6rem;
  margin-left: -13px;
}

div.big_header div.subject h1 {
  color: #000;
  font-weight: 800;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 20px;
  font-family: "opensans", sans-serif;
  font-weight: 800px;
  line-height: 30px;
  font-size: 24px;
  letter-spacing: -1px;
}

div.big_header div.subject h2, .events .anniversary h2 {
  color: #000;
  padding-top: 0;
  margin-top: 0;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0px;
}

div.subject_details h2 {
  margin-bottom: 0;
}

.sec_realizace h2, .content h3, div.text_label, h2.h2, .sec_text1 .text h3, .anniversary h2.h2 {
  font-weight: 800;
  letter-spacing: -1px;
  margin-bottom: 13px;
  text-align: left;
  font-size: 24px;
}

#tpl_building_detail .sec_details .details div .caption {
  font-weight: bold;
}

div.subject_details .history a {
  color: #000;
}

span.date.name {
  font-weight: bold;
}

.news h1, #tpl_place h1, .jobs h1 {
  font-family: "opensans", sans-serif;
  line-height: 48px;
  font-size: 42px;
  letter-spacing: -1px;
  font-weight: 900;
}

.newsList h2 {
  font-weight: 800;
}

div.content.row {
  line-height: 25px;
  margin-right: 1px;
}

.topbar .mainmenu ul li {
  height: 60px;
}

.topbar .mainmenu ul li div.nomenu {
  width: 90px;
  background: #000;
  cursor: default;
}

.topbar .mainmenu ul li div.nomenu:hover {
  background: #000;
}

table.img_table td.img_label {
  font-family: "opensans", sans-serif;
  font-size: 14px;
}

table.img_table td {
  border: 1px solid #f5f5f7;
}

ul.catalog div {
  background-color: #fff;
  color: #000;
  margin-bottom: 4px;
  padding: 8px;
  line-height: 20px;
}

ul.catalog div span {
  font-weight: 600;
}

.nospam {
  display: none;
}

.topbar .icons ul li.thisid:hover {
  background-color: #000;
}

.topbar .icons ul li.thisid div {
  cursor: auto;
}

.row h2.subname {
  margin-top: -18px;
  margin-bottom: 15px;
}

div.user div.description {
  text-align: left;
}

div.user div.description h3 {
  font-family: "opensans", sans-serif;
  margin-top: -2px;
}

div.user div.button div.description h3 {
  font-size: 14px;
}

div.user div.black {
  background-color: #000;
}

div.user div.white {
  background-color: #fff;
  color: #000;
  margin-top: -14px;
}

div.user .button {
  margin-left: 0;
  width: 100%;
}

div.user th {
  vertical-align: top;
  padding-right: 10px;
}

div.user td {
  padding-right: 10px;
}

div.user th label {
  margin-top: 8px;
  font-size: 1rem;
}

div.user td input, div.user td select {
  margin-bottom: 8px;
}

div.user th label.required {
  font-weight: bold;
}

div.user div.delete, .events div.delete {
  position: absolute; 
  right: 0; 
  background-color: #0279ce; 
  color: #fff; 
  text-align: right; 
  padding: 10px; 
  padding-top: 7px; 
  height: 40px; 
  width: 40px;
}

div.ug-textpanel-description div.content h2 {
  padding-top: 0;
  margin-top: -5px;
  margin-bottom: 0;
  color: #fff;
  text-transform: none;
  font-size: 24px;
  font-weight: 900;
}

div.ug-textpanel-description div.content h2.small {
  font-size: 14px;
}

div.ug-textpanel-description div.content .grey {
  color: #e7e7e7;
  margin-bottom: 0;
  font-size: 13px;
}

div.ug-textpanel {
  padding: 10px !important;
  width: 1100px !important;
}

div.ug-textpanel-textwrapper {
  text-align: left !important;
  left: 20px !important;
  margin-top: 10px !important;
  width: 1100px !important;
}

div.ug-textpanel-description {
  width: 100% !important;
}

@media (max-width: 1200px) {
  div.ug-textpanel-description div.content h2 {
    font-size: 14px;
  }

  div.ug-textpanel {
    padding: 2px !important;
  }

  div.ug-textpanel-textwrapper {
    text-align: left !important;
    left: 10px !important;
    margin-top: 2px !important;
  }
}

table.events th {
  text-align: right;
  width: 20rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

table.events .date {
  width: 250px;
  display: inline;
}

table.events .required {
  font-weight: bold;
}

table.events .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

div.events div.button {
  margin-bottom: 0px; 
  width: 215px; 
}

span.mailrev {
  color: #0279ce;
}

div.map:hover {
  opacity: 0.7;
}

.partners .logos {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
}

div#leftLibraryBox {
  width: 360px; 
  overflow: hidden; 
  background-color: #fff; 
  color: #000;
}

div#leftLibraryBox img {
  float: left; 
  width: 100px;
  padding-right: 10px; 
}

div#leftLibraryBox h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding-top: 0;
  letter-spacing: 0;
}

div#leftLibraryBox a {
  color: #000;
}

div#leftLibraryBox a:hover {
  color: #0279ce;
}

div.jquery-modal div.modal {
  width: 650px;
  max-width: 650px;
  border-radius: 0px;
}

div.jquery-modal.blocker {
  z-index: 10;
}

div#cartItems {
  margin-top: 20px;
}

div#cartItems input.button, div#cartItems button {
  height: 26px;
  width: 26px;
  padding: 0;
  margin: 0; 
  margin-right: 2px;
  font-size: 18px;
  font-weight: bold;
  padding-top: 2px;
}

div#cartItems div.count {
  float: left; 
  border: 2px solid black; 
  width: 30px; 
  height: 30px; 
  text-align: 
  center; padding-top: 1px;
  margin-right: 7px;
  margin-top: -2px;
}

div#tpl_eshop_detail h1.subname {
  font-size: 36px;
  line-height: 42px;
}

/*
.radio label:before {
  //styles outer circle
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 1px solid #000;
  background-color: transparent;
}

.radio label {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
}

.radio label input[type='radio']:checked+span {
  //styles inside circle
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 11px;
  left: 4px;
  display: block;
  background-color: #000;
}*/

.nanobar .bar {
  visibility: hidden;
}

.nanobar .bar:first-child {
  visibility: visible;
}

table.delivery td.label2, table.delivery td.input {
  background-color: #fff;
  color: #000;
  margin: 0;
  padding: 10px;
  padding-top: 10px;
  padding-bottom: 0px;
  width: 120px;
  vertical-align: middle;
}

table.delivery td.label2 {
  padding-left: 20px;
}

table.delivery td.label2.required {
  font-weight: 800;
}

table.delivery td.middle {
  width: 20px;
  background-color: #f5f5f7; 
}

table.delivery td input, table.delivery td textarea {
  width: 280px;
  border: 1px solid black;
}

table.delivery td.input input {
  margin: 0;
  border: 1px solid black;
}

table.order th, table.order td {
  text-align: left;
  vertical-align: top;
  background-color: #fff;
  border-bottom: 2px solid #f5f5f7; 
  text-align: center;
}

table.order th {
  padding-bottom: 10px;
  font-style: italic;
}

table.myorders th {
  background-color: #e6e6e6; 
  font-style: italic;
  text-align: center;
  color: #000;
  border-bottom: 5px solid #f5f5f7;
  padding: 10px;
}

table.myorders td {
  background-color: #fff;
  text-align: center;
  color: #000;
  border: 0;
  padding-top: 10px;
}

table.myorders span.paid {
  color: green;
}

table.myorders span.unpaid {
  color: maroon;
}

table.myorders span.sent {
  color: green;
}

table.myorders span.finished {
  color: gray;
}

.sidebar {
  top: 20px; 
}

#sticky-banner, #sticky-banner-off {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 100;
}

#sticky-banner-off {
  position: relative;
  z-index: 0;
}

#sticky-banner .close {
  position: absolute;
  font-size: 1rem;
  right: 0;
  padding: 5px;
  padding-top: 2px;
  color: #fff;
  text-align: center;
  z-index: 101;
  text-shadow: 1px 1px 2px #222;
}

#sticky-banner .banner {
  text-align: center;
  background-color: RGBA(0,0,0,0.75);
}

#sticky-banner .close i {
  font-size: 2vw;
}

@media screen and (max-width: 1200px) {
  #sticky-banner .close i {
    font-size: 3vw;
  }
}
@media screen and (max-width: 1000px) {
  #sticky-banner .close i {
    font-size: 10vw;
  }
}
@media screen and (max-width: 800px) {
  #sticky-banner .close i {
    font-size: 6vw;
  }
}
@media screen and (max-width: 600px) {
  #sticky-banner .close i {
    font-size: 8vw;
  }
}

@media all and (-webkit-min-device-pixel-ratio:0) {
  img {
    image-rendering: -webkit-optimize-contrast !important
  }
}

div.distance {
  position: absolute;
  top: 0;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  color: yellow;
  z-index: 9;
}