/*!
 *
 *	Project:	BRAMAC
 *	Author:	  	Matous Barnat, SYMBIO Digital
 *
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
/*
Version: 3.4.1 Timestamp: Thu Jun 27 18:02:10 PDT 2013
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  -moz-box-sizing: border-box;
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  height: 43px;
  line-height: 43px;
  padding: 0 0 0 15px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border: 1px solid #cbcbcb;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  line-height: 43px;
  display: block;
  overflow: hidden;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 30px;
  height: 39px;
  position: absolute;
  right: 30px;
  top: 1px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: #fff;
  cursor: pointer;
  outline: 0;
}
.select2-container .select2-choice abbr:hover:after {
  background-position: -49px -13px;
}
.select2-container .select2-choice abbr:after {
  content: '';
  width: 11px;
  height: 11px;
  top: 15px;
  right: 10px;
  position: absolute;
  display: block;
  background: url('../img/select2.png') no-repeat -49px 0px;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-undermask {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
  background-color: transparent;
  filter: alpha(opacity=0);
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.select2-container .select2-choice .select2-arrow:hover b {
  background-position: 0 -20px;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  position: absolute;
  right: 9px;
  top: 18px;
  width: 14px;
  height: 8px;
  background: url('../img/select2.png') no-repeat 0 -9px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #fff url('../img/select2.png') no-repeat 100% -27px;
  background: url('../img/select2.png') no-repeat 100% -27px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../img/select2.png') no-repeat 100% -27px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2.png') no-repeat 100% -27px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2.png') no-repeat 100% -27px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2.png') no-repeat 100% -27px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url('../img/select2.png') no-repeat 100% -27px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('../img/select2-spinner.gif') no-repeat 100%;
  background: url('../img/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url('../img/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
  background: url('../img/select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
  background: url('../img/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow:hover b {
  background-position: -21px -20px;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -21px -9px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: white;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('../img/select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('../img/select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('../img/select2.png') right top no-repeat;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  outline: 0;
  left: 0px;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/*

  RollBar - jQuery ScrollBar Plugin
  -----------------------------------------------

  @author   flGravity
  @created  4/4/12
  @version  1.5
  @site     http://codecanyon.net/user/flGravity

*/
/* rollbar paths style */
.rollbar-path-vertical,
.rollbar-path-horizontal {
  position: absolute;
  z-index: 100;
}
.rollbar-path-horizontal {
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 10px;
}
.rollbar-path-vertical {
  right: 0px;
  top: 0;
  height: 100%;
  width: 14px;
}
/* rollbar paths inner shadow */
/* rollbar handle style */
.rollbar-handle {
  position: relative;
  top: 0;
  left: 0;
  background-color: #bc3019;
  cursor: ns-resize;
}
.rollbar-handle:before,
.rollbar-handle:after {
  width: 9px;
  height: 7px;
  position: absolute;
  content: '';
  display: block;
  background: url('../img/sprite.png') -228px -19px no-repeat;
  margin-top: 0;
}
.rollbar-handle:before {
  top: 8px;
  left: 3px;
}
.rollbar-handle:after {
  bottom: 8px;
  left: 3px;
  background-position: -228px -26px;
}
/* prevent handle selection */
.rollbar-handle {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rollbar-path-vertical .rollbar-handle {
  height: 20%;
  width: 100%;
}
.rollbar-path-horizontal .rollbar-handle {
  width: 20%;
  height: 100%;
}
/* round corners for rollbar handle and paths */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
p,
li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  margin: 0;
}
p,
ul,
ol {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  text-rendering: optimizelegibility;
}
h1,
.h1 {
  font-size: 32px;
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  line-height: initial;
}
h1 span,
.h1 span {
  font-weight: bold;
  display: block;
}
h1 + p,
.h1 + p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
}
h2,
.h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  color: #bc3019;
  font-weight: bold;
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
  line-height: 26px;
  line-height: 1.625rem;
}
h3 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: none;
}
ol {
  list-style: none;
}
dl {
  margin-bottom: 0;
}
hr {
  margin: 0;
  border: 0;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
abbr {
  font-size: 90%;
  text-transform: uppercase;
  border-bottom: 1px dotted #ddd;
  cursor: help;
}
small {
  font-size: 100%;
}
cite {
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(js/vendor/boxsizing.htc);
}
html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  height: 100%;
}
body {
  background: #1c2027;
  margin: 0;
  font-family: 'Arial CE', Arial, sans-serif;
  color: #3c3c3c;
}
::-webkit-input-placeholder {
  color: #95989d;
}
:-moz-placeholder {
  color: #95989d;
}
::-moz-placeholder {
  color: #95989d;
}
:-ms-input-placeholder {
  color: #95989d;
}
.placeholder {
  color: #95989d;
}
input,
textarea {
  font-family: 'Arial CE', Arial, sans-serif;
  padding: 8px 10px;
  color: #3c3c3c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
}
footer {
  padding: 1.5em;
  color: #a8a9ab;
  font-size: 0.8em;
}
footer a {
  color: #a8a9ab;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: underline;
}
footer .all-articles a {
  color: #fff;
}
footer .more-articles {
  display: inline-block;
  width: 49%;
}
footer .more-articles h2 {
  margin-bottom: 3px;
  font-size: 1rem;
}
footer .more-articles a {
  display: block;
  padding: 2px 0;
}
footer .copyright {
  display: inline-block;
  width: 49%;
  text-align: center;
}
footer .separator {
  padding: 0 1em;
}
.page {
  margin-left: 200px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.page ~ footer {
  margin-left: 200px;
}
.page.hasanchors {
  margin-left: 400px;
}
.page.hasanchors ~ footer {
  margin-left: 400px;
}
.page > section {
  max-width: 1180px;
  background: #fff;
}
.page > section.topimage {
  position: relative;
}
.page > section.topimage img {
  float: left;
  max-width: 100%;
}
.page.homepage section,
.page.map section {
  height: 100%;
  position: relative;
  min-height: 100%;
  max-width: none;
}
.page.map {
  height: 100%;
  min-height: 100%;
}
a {
  color: #bc3019;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.btn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: #bc3019;
  border-bottom: 2px solid #972714;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  border-top: 0;
  line-height: 48px;
  padding: 0 39px 0 21px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.btn:hover {
  background: #d04029;
  border-color: #a73321;
}
.btn:active {
  background: #a32814;
  border-bottom: 0;
  border-top: 2px solid #832010;
}
.btn:after {
  position: absolute;
  width: 8px;
  height: 13px;
  top: 50%;
  margin-top: -6px;
  right: 17px;
  content: '';
  display: block;
  background: url('../img/sprite.png') -113px 0 no-repeat;
}
.btn.white {
  color: #bc3019;
  background: #fff;
  border-color: #ccc;
}
.btn.white:hover {
  background: #d7d7d7;
  border-color: #acacac;
}
.btn.white:active {
  background: #cacaca;
  border-bottom: 0;
  border-top: 2px solid #a2a2a2;
}
.btn.white:after {
  background-position: -130px 0;
}
.content.news,
.content.downloadlist,
.content.training,
.content.packages {
  padding-top: 1em;
}
.content ul li {
  padding-left: 20px;
  position: relative;
}
.content ul li:before {
  width: 11px;
  height: 11px;
  background: url('../img/sprite.png') 0 0 no-repeat;
  content: '';
  left: 0;
  position: absolute;
  top: 4px;
}
.content .download li.img:before,
.content .products li.img:before {
  background-position: -95px -260px;
}
.content .download li.zip:before,
.content .products li.zip:before {
  background-position: -262px -260px;
}
.content .download li.buttonli,
.content .products li.buttonli {
  padding-left: 0;
}
.content .download li.buttonli a,
.content .products li.buttonli a {
  display: inline-block;
}
.content .download li.buttonli:before,
.content .products li.buttonli:before {
  background: none;
}
.content .downloads-list:last-child li {
  margin-bottom: 0;
}
.content .downloads-list li {
  float: left;
  width: 33.33333333%;
  padding: 10px 30px 10px 56px;
  margin-bottom: 10px;
}
.content .downloads-list li a {
  display: block;
  font-weight: bold;
}
.content .downloads-list li:before {
  width: 60px;
  height: 60px;
  background: url('/img/ico-detail.png') -20px -260px no-repeat;
}
.content .downloads-list li.img:before {
  background-position: -95px -260px;
}
.content .downloads-list li.pdf:before {
  background-position: -183px -260px;
}
.content .downloads-list li.zip:before {
  background-position: -262px -260px;
}
.content .downloads-list li.cad:before {
  background-position: -343px -260px;
}
.content .downloads-list li.buttonli {
  padding-left: 0;
}
.content .downloads-list li.buttonli a {
  display: inline-block;
}
.content .downloads-list li.buttonli:before {
  background: none;
}
body > nav#menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 200px;
  background: #1c2027;
  overflow: visible !important;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  z-index: 100;
}
body > nav#menu > .rollbar-content {
  overflow: visible !important;
  right: 0;
}
.lte9 body > nav#menu {
  overflow-x: hidden;
}
.lte9 body > nav#menu:hover {
  overflow-x: visible;
}
.lte9 body > nav#menu .level-2 li a img,
.lte9 body > nav#menu .level-3 li a img {
  max-width: 100%;
}
body > nav#menu .pages > li > a {
  overflow: hidden;
}
body > nav#menu h1 {
  overflow: hidden;
  margin-bottom: 0;
}
body > nav#menu ul {
  margin: 0;
}
body > nav#menu .active > a {
  background-color: #bc3019;
  color: #fff;
}
body > nav#menu .highlights {
  background: #2b313c;
  overflow: hidden;
}
body > nav#menu .highlights a {
  color: #fff;
}
body > nav#menu .highlights a:hover {
  color: #fff;
}
body > nav#menu a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 15px 15px 15px 55px;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
}
body > nav#menu a:hover {
  background-color: #bc3019;
}
body > nav#menu a:after {
  background: url('../img/ico-menu.png?v=3') 14px -406px no-repeat;
  position: absolute;
  left: -10px;
  top: 5px;
  width: 52px;
  height: 44px;
  content: '';
  display: block;
}
body > nav#menu .bmi-group a {
  text-transform: none;
}
body > nav#menu .obchodni-mista a:after {
  background-position: 14px -272px;
}
body > nav#menu .chci-navrh-ceny a:after {
  background-position: 14px -316px;
}
body > nav#menu .pro-odborniky a:after {
  background-position: 14px -362px;
}
body > nav#menu .betonove-tasky a:after {
  background-position: 14px -492px;
}
body > nav#menu .keramicke-tasky a:after {
  background-position: 14px -536px;
}
body > nav#menu .prislusenstvi a:after {
  background-position: 14px -8px;
}
body > nav#menu .izolace a:after {
  background-position: 14px -51px;
}
body > nav#menu .okapy a:after {
  background-position: 14px -96px;
}
body > nav#menu .kolektory a:after,
body > nav#menu .solarni-kolektory a:after {
  background-position: 14px -142px;
}
body > nav#menu .dlazby a:after,
body > nav#menu .dlazba a:after {
  background-position: 14px -186px;
}
body > nav#menu .kominy a:after {
  background-position: 14px -228px;
}
body > nav#menu .udrzitelnost a:after {
  top: 11px;
  left: 18px;
  width: 25px;
  height: 25px;
  background: url('/img/udrzitelnost.svg') 0 0 no-repeat;
}
body > nav#menu .homepage > a {
  height: 58px;
  background: url('../img/logo.png?v4') 0 0 no-repeat;
  text-indent: -9999px;
  margin: 21px 21px 38px;
  padding: 0;
}
body > nav#menu .homepage > a:after {
  display: none;
}
body > nav#menu .homepage > a img {
  display: block;
  margin-top: 50px;
}
body > nav#menu .level-2,
body > nav#menu .level-3 {
  display: block;
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
}
body > nav#menu .level-2 > li:last-child,
body > nav#menu .level-3 > li:last-child {
  margin-bottom: 20px;
}
body > nav#menu .level-2 a,
body > nav#menu .level-3 a {
  padding: 7px 15px;
  width: 200px;
  color: #7f7f7f;
}
body > nav#menu .level-2 a:hover,
body > nav#menu .level-3 a:hover {
  color: #bc3019;
  background: none;
}
body > nav#menu .level-2 a:after,
body > nav#menu .level-3 a:after {
  display: none;
}
body > nav#menu .level-2 .active a,
body > nav#menu .level-3 .active a {
  color: #bc3019;
  background: none;
}
body > nav#menu .level-2 {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
body > nav#menu .level-2.opened-parent,
body > nav#menu .level-2.hovered-parent {
  overflow: hidden;
  display: block;
  width: 200px;
  z-index: 10;
}
body > nav#menu .level-3.opened {
  left: 200px;
  width: 200px;
  overflow: hidden;
  z-index: 20;
}
body > nav#menu .node:hover > ul,
body > nav#menu .node.hovered > ul {
  display: block;
  width: 200px;
  z-index: 10;
}
body > nav#menu > ul > .node:hover > a,
body > nav#menu > ul > .node.hovered > a,
body > nav#menu > ul > .node.superparent > a {
  background: #bc3019;
  color: #fff;
}
body > nav#menu > ul > .node:hover > a:before,
body > nav#menu > ul > .node.hovered > a:before,
body > nav#menu > ul > .node.superparent > a:before {
  position: absolute;
  right: 0;
  top: 50%;
  width: 4px;
  height: 9px;
  content: '';
  background: url('../img/sprite.png') -137px -71px no-repeat;
  margin-top: -4px;
}
body > nav#menu .hamburger {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 75px;
  color: #fff;
  cursor: pointer;
}
body > nav#menu .hamburger__text {
  padding-right: 10px;
  padding-bottom: 5px;
}
body > nav#menu .hamburger div {
  display: inline-block;
  vertical-align: middle;
}
body > nav#menu .hamburger span {
  display: block;
  width: 20px;
  height: 2px;
  margin-bottom: 5px;
  background-color: #fff;
}
body > nav#side {
  position: fixed;
  right: 0;
  bottom: 50px;
  z-index: 10;
}
body > nav#side ul {
  margin-bottom: 0;
}
body > nav#side a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  width: 100px;
  padding: 10px;
  line-height: 50px;
  position: relative;
  text-align: center;
}
body > nav#side a:hover .whole_text {
  right: 0;
  left: auto;
}
body > nav#side a:hover .shortcut_text {
  display: none;
}
body > nav#side li {
  background: #bc3019;
  margin-bottom: 2px;
  height: 75px;
}
body > nav#side p {
  margin-bottom: 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.75rem;
}
body > nav#side .whole_text {
  display: inline-block;
  position: absolute;
  height: 75px;
  top: 0;
  left: 100%;
  right: -100%;
  width: 260px;
  background: #bc3019;
  padding: 10px;
  line-height: 50px;
  transition: all 0.25s ease;
  text-align: center;
}
body > nav#side .whole_text span,
body > nav#side .whole_text img {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
body > nav#side .whole_text img {
  margin-right: 20px;
}
body > nav#side .menu-socials .shortcut_text .fa-facebook-f {
  padding-right: 0.5em;
}
body > nav#side .menu-socials .soc-link {
  cursor: pointer;
}
body > nav#side .menu-socials .whole_text {
  line-height: 28px;
}
body > nav#side .menu-socials .whole_text i {
  padding-right: 0.75em;
}
body .menu-header {
  padding: 25px 15px 10px;
  width: 200px;
  color: #bc3019;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
body > nav .products .level-2,
body > nav .level-3 {
  padding-bottom: 20px;
}
body > nav .products .level-2 .menu-header,
body > nav .level-3 .menu-header {
  text-align: center;
}
body > nav .products .level-2 a,
body > nav .level-3 a {
  text-align: center;
  color: #1c2027;
  font-weight: normal;
}
body > nav .products .level-2 a:hover,
body > nav .level-3 a:hover {
  background: #e9eaeb;
}
body > nav .products .level-2 a span,
body > nav .level-3 a span {
  display: block;
}
body > nav .level-3 .back a,
.superbacklink a,
.backlink a {
  padding: 10px 15px 10px 28px !important;
  background: #efeeeb !important;
  font-size: 0.875em !important;
  text-transform: uppercase;
  color: #9d9d9d !important;
  display: block;
  text-align: left;
  font-weight: bold;
  position: relative;
}
body > nav .level-3 .back a:before,
.superbacklink a:before,
.backlink a:before {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 8px;
  height: 12px;
  content: '';
  background: url('../img/sprite.png') -212px 0px no-repeat;
  margin-top: -6px;
}
body > nav .level-3 .back a:hover,
.superbacklink a:hover,
.backlink a:hover {
  color: #fff !important;
  background: #bc3019 !important;
}
#anchors {
  position: fixed;
  left: 200px;
  top: 0;
  bottom: 0;
  height: 100%;
  border-right: 1px solid #efeeeb;
  width: 200px;
  background: #fff;
}
#anchors a {
  display: block;
  color: #7f7f7f;
  font-weight: bold;
  font-size: 0.75rem;
  text-decoration: none;
  padding: 7px 15px;
  text-transform: uppercase;
}
#anchors a:hover {
  color: #bc3019;
}
.toppanel {
  position: absolute;
  right: 0;
  z-index: 5;
  top: 0;
  background: rgba(28, 32, 39, 0.8);
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 10px 0px;
}
.lte8 .toppanel {
  background: url('../img/rgba-darkblue.png');
}
.toppanel.light {
  color: #fff;
  background: none;
}
.toppanel.light li:first-child {
  border-color: rgba(255, 255, 255, 0.2);
}
.lte8 .toppanel.light li:first-child {
  border-color: #adcdb6;
}
.toppanel a {
  color: #fff;
}
.toppanel li {
  float: left;
}
.toppanel li:first-child {
  border-right: 1px solid #50554c;
  padding: 12px 18px;
}
.toppanel form {
  position: relative;
  overflow: hidden;
  height: 42px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 52px;
}
.toppanel form a {
  display: block;
  width: 52px;
  height: 42px;
  position: absolute;
  outline: 0;
  z-index: 5;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.toppanel form a:after {
  top: 14px;
  position: absolute;
  left: 18px;
  background: url('../img/sprite.png') -58px 0 no-repeat;
  content: '';
  width: 14px;
  height: 14px;
}
.toppanel form input {
  border: 0;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  padding: 8px 30px 8px 30px;
}
.toppanel form button,
.toppanel form button:after {
  background: none;
  background: url('../img/sprite.png') -99px 8px no-repeat;
  width: 8px;
  height: 32px;
  position: absolute;
  right: 7px;
  display: block;
  top: 0px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.toppanel form button:hover {
  background-position: -99px -20px;
}
.toppanel form button:hover:after {
  top: 0px;
}
.toppanel form button:after {
  top: 29px;
  content: '';
  right: 0;
}
.toppanel form div {
  position: absolute;
  width: 223px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  right: -240px;
  overflow: hidden;
  top: 5px;
}
.toppanel form.active {
  width: 259px;
}
.toppanel form.active a:after {
  background-position: -78px 0;
  left: 26px;
}
.toppanel form.active div {
  right: 18px;
}
section > div {
  padding: 50px 6.44067797%;
}
section.gray {
  background: #e6e5e2;
}
section.reference {
  padding-bottom: 600px;
}
@media only screen and (max-width: 800px) {
  section.reference {
    padding-bottom: 400px;
  }
}
@media only screen and (max-width: 500px) {
  section.reference {
    padding-bottom: 250px;
  }
}
.staticmap {
  padding: 50px;
}
.staticmap h1 span {
  display: inline-block;
}
.staticlink {
  position: fixed;
  right: 10px;
  top: 10px;
  display: none;
  text-decoration: none;
}
.staticlink:hover {
  text-decoration: underline;
}
.contacts h3 {
  font-size: 18px;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: #959593;
  margin: -49px 0 30px;
  margin: -3.0625rem 0 1.875rem;
}
.contacts li {
  padding: 0;
}
.contacts li:before {
  display: none;
}
.contacts > div {
  background: #efeeeb;
}
.contacts > div.darker {
  background: #e6e5e2;
}
.contacts > div > ul {
  margin: 0 -1%;
}
.contacts > div > ul > li {
  float: left;
  width: 33.33333333%;
  padding: 0 1%;
}
.contacts > div > ul > li > div {
  margin-bottom: 25px;
}
.contacts > div > ul > li > div:last-child {
  margin-bottom: 0;
}
.contacts > div strong {
  display: block;
  font-size: 16px;
  font-size: 1rem;
}
.contacts > div strong + span {
  font-size: 14px;
  font-size: 0.875rem;
}
.contacts > div .contactlist {
  margin-top: -10px;
}
.contacts > div .contactlist strong {
  font-size: 14px;
  font-size: 0.875rem;
}
.contacts > div .row {
  border-bottom: 1px solid #d7d6d3;
  padding: 12px 0 12px 50px;
}
.contacts > div .row:last-child {
  border-bottom: 0;
}
.contacts > div .contactlist-small {
  margin-top: 6px;
}
.contacts > div .contactlist-small > li {
  padding: 3px 0 3px 25px;
}
.contacts > div .contactlist-small > li:before {
  top: 6px;
  left: 0px;
}
.contacts > div .tel:before,
.contacts > div .mail:before {
  display: block;
  top: 16px;
  left: 16px;
}
.contacts > div .tel.double li,
.contacts > div .mail.double li {
  float: left;
  width: 50%;
}
.contacts > div .tel:before {
  background-position: -17px 0;
  width: 15px;
  height: 14px;
}
.contacts > div .mail:before {
  background-position: -37px 0;
  width: 14px;
  height: 11px;
}
.contacts > div iframe {
  border: 3px solid #fff;
  max-width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.detail > div {
  background: #efeeeb;
}
.detail > div.white {
  background: #fff;
}
.detail > div:first-child {
  padding: 0;
}
.detail .perex {
  float: left;
  width: 59%;
  padding: 50px 6.44068%;
}
.detail .perex p img {
  margin-top: 1rem;
}
.detail .discount,
.detail .special-price,
.detail .normal-price {
  width: 41%;
  float: left;
  padding: 120px 8%;
  background: #3c3c3c url('/img/bg-discount.jpg') -30px 30px no-repeat;
  color: #fff;
}
.detail .discount ul,
.detail .special-price ul,
.detail .normal-price ul {
  position: relative;
  right: -30px;
}
.detail .discount h2,
.detail .special-price h2,
.detail .normal-price h2 {
  color: #fff;
  line-height: 1em;
  font-size: 2.25em;
  font-weight: normal;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.detail .discount p,
.detail .special-price p,
.detail .normal-price p {
  color: #878c92;
}
.detail .discount li:before,
.detail .special-price li:before,
.detail .normal-price li:before {
  display: none;
}
.detail .normal-price {
  background: none;
  height: 100%;
  border-left: 1px solid #deddd9;
}
.detail .normal-price p {
  color: #3a3937;
}
.detail .normal-price p strong {
  display: block;
  font-size: 1em;
  line-height: 1.25em;
  font-weight: normal;
}
.detail .original {
  padding: 60px 5% 0 0;
}
.detail .original b {
  text-transform: uppercase;
  font-weight: normal;
  display: block;
  margin-bottom: 17px;
}
.detail .original span {
  font-size: 52px;
  font-size: 3.25rem;
  display: inline-block;
  position: relative;
  font-weight: bold;
}
.detail .original span:after {
  content: '';
  height: 3px;
  width: 100%;
  background: #3c3c3c;
  position: absolute;
  top: 6px;
  left: 0;
}
.detail .graph {
  position: relative;
  width: 165px;
  text-align: center;
  float: right;
}
.detail .graph img {
  position: absolute;
  left: 0;
  top: 0;
}
.detail .graph div {
  height: 127px;
  left: 30px;
  padding-top: 30px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 30px;
  width: 127px;
}
.detail .graph div b {
  display: block;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  margin-top: -7px;
}
.detail .graph div span {
  font-size: 52px;
  font-size: 3.25rem;
  display: inline-block;
  position: relative;
  top: 24px;
  top: 1.5rem;
}
.detail .graph a {
  display: inline-block;
  margin-top: 186px;
  text-transform: none;
}
.detail .moved img {
  margin: 0 0 -25px 0;
  max-width: 100%;
}
.detail .moved li {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.detail .moved .imgcontainer {
  float: left;
  width: 40%;
  padding-right: 10%;
  padding-top: 4%;
}
.detail .moved .imgdesc {
  width: 60%;
  float: left;
  padding-top: 70px;
}
.detail .left {
  float: left;
}
.detail .double {
  padding: 0;
}
.detail .double > div {
  float: left;
  padding: 50px 6.44067797%;
  width: 50%;
}
.detail .double .reference {
  padding-top: 60px;
}
.detail .testimonial > div {
  float: left;
  width: 99px;
  height: 99px;
  overflow: hidden;
  -webkit-border-radius: 99px;
  -moz-border-radius: 99px;
  border-radius: 99px;
}
.detail .testimonial p {
  margin-left: 100px;
  font-style: italic;
  padding-left: 9%;
  position: relative;
  margin-bottom: 10px;
}
.detail .reference {
  color: #fff;
  background: #b42f18 url('/img/bg-reference.jpg') no-repeat;
}
.detail .reference h2 {
  color: #fff;
}
.detail .reference p {
  font-size: 14px;
  font-size: 0.875rem;
}
.detail .questions {
  padding: 0;
}
.detail .questions .double h2 {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.detail .questions p {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.detail .technical {
  border-top: 1px solid #d7d6d3;
  padding: 50px 6.44067797%;
}
.detail .technical ul {
  margin-bottom: 0;
}
.detail .technical ul:last-child {
  margin-bottom: -30px;
}
.detail .technical li {
  float: left;
  width: 33.33333333%;
  padding: 10px 10px 10px 78px;
  margin-bottom: 30px;
}
.detail .technical li:before {
  width: 80px;
  height: 80px;
  background: url('/img/ico-detail.png') no-repeat;
}
.detail .technical li span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.detail .technical li.technical-povrch:before {
  background-position: -10px 0;
}
.detail .technical li.technical-vl:before {
  background-position: -88px 0;
}
.detail .technical li.technical-spotreba:before {
  background-position: -159px 0;
}
.detail .technical li.technical-hmotnost:before {
  background-position: -10px -90px;
}
.detail .technical li.technical-sklon:before {
  background-position: -88px -90px;
}
.detail .technical li.technical-rozmery:before {
  background-position: -10px -177px;
}
.detail .technical li.technical-sire:before {
  background-position: -90px -180px;
}
.detail .technical li.technical-minsklon:before {
  background-position: -171px -92px;
}
.detail .technical li.technical-material:before {
  background-position: -171px -172px;
}
.detail .technical li.technical-delka:before {
  background-position: -257px -85px;
}
.detail .technical li.technical-sirka:before {
  background-position: -257px -177px;
}
.detail .technical li.technical-kryti:before {
  background-position: -255px 0;
}
.detail .technical li.technical-udaje:before {
  background-position: -330px 0;
}
.detail .technical li.buttonli {
  padding-left: 0;
}
.detail .technical li.buttonli:before {
  background: none;
}
.detail .accessories ul:last-child li {
  margin-bottom: 0;
}
.detail .accessories > ul > li {
  float: left;
  width: 33.33333333%;
  padding: 85px 30px 10px 0px;
  margin-bottom: 30px;
}
.detail .accessories > ul > li:before {
  width: 66px;
  height: 66px;
  background: #fff url('/img/ico-detail.png') 3px -326px no-repeat;
  -webkit-border-radius: 66px;
  -moz-border-radius: 66px;
  border-radius: 66px;
  top: 0px;
}
.detail .accessories > ul > li.acc-pult:before {
  background-position: 3px -326px;
}
.detail .accessories > ul > li.acc-okraje:before {
  background-position: -74px -326px;
}
.detail .accessories > ul > li.acc-hreben:before {
  background-position: -150px -326px;
}
.detail .accessories > ul > li.acc-zlom:before {
  background-position: 3px -396px;
}
.detail .accessories > ul > li.acc-ochrana:before {
  background-position: -74px -396px;
}
.detail .accessories > ul > li.acc-odvetravani:before {
  background-position: -153px -395px;
}
.detail .accessories > ul > li.acc-pruchody:before {
  background-position: 3px -468px;
}
.detail .accessories > ul > li.acc-komin:before {
  background-position: -74px -468px;
}
.detail .accessories > ul > li.acc-prosvetleni:before {
  background-position: -150px -468px;
}
.detail .accessories > ul > li.acc-zajisteni:before {
  background-position: 3px -535px;
}
.detail .accessories > ul > li.acc-uzlabi:before {
  background-position: -74px -535px;
}
.detail .accessories > ul > li.acc-folie:before {
  background-position: -150px -535px;
}
.detail .accessories > ul > li.acc-okap:before {
  background-position: 4px -594px;
}
.detail .accessories > ul > li.acc-pohyb:before {
  background-position: -73px -594px;
}
.detail .accessories > ul > li li:before {
  background-position: -145px 0;
}
.detail .accessories h3 {
  text-transform: uppercase;
}
.surface {
  position: relative;
}
#slider {
  margin: 0 -3.22034% 50px;
  cursor: move;
  min-height: 380px;
  max-width: 1094px;
}
.lte8 #slider .subslider {
  min-height: 420px;
}
#slider.hiddenbar {
  cursor: default;
}
#slider img {
  max-width: 100%;
}
#slider li {
  float: left;
  padding: 0 50px;
  text-align: center;
  border-left: 1px solid #d8d7d4;
  width: 365px;
}
#slider li span {
  display: block;
  margin-top: 5px;
}
#slider li:first-child {
  border: 0;
}
#slider li:before {
  display: none;
}
#slider li li {
  border: 0;
}
#slider .pages {
  text-align: center;
  width: 100%;
  margin-top: 15px;
}
.lte8 #slider .pages {
  position: absolute;
  top: 390px;
}
#slider .pages li {
  display: inline-block;
  float: none;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border: 1px solid #818080;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
  text-indent: -9999px;
}
#slider .pages li.active {
  background: #818080;
}
#slider .nav {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  width: 100%;
  padding: 0 20px;
}
#slider .nav li {
  border: 0;
  cursor: pointer;
  width: 11px;
  height: 18px;
  background: url('../img/sprite.png') -2px -44px no-repeat;
}
#slider .nav li:hover {
  background-position: -2px -64px;
}
#slider .nav li.next {
  float: right;
  background-position: -22px -44px;
}
#slider .nav li.next:hover {
  background-position: -22px -64px;
}
#slider .nav li.disabled {
  opacity: 0.5;
}
#slider .nav li.disabled:hover {
  background-position: -2px -44px;
  cursor: move;
}
#slider .nav li.disabled.next:hover {
  background-position: -22px -44px;
}
#slider.tile img {
  margin-left: -50px;
}
.scrollbar {
  height: 18px;
  border-bottom: 1px solid #d8d7d4;
}
.scrollbar .handle {
  background: #bc3019;
  height: 18px;
  cursor: move;
  width: 200px;
  position: relative;
}
.scrollbar .handle:before,
.scrollbar .handle:after {
  width: 7px;
  height: 9px;
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  background: url('../img/sprite.png') -226px 0 no-repeat;
  margin-top: -4px;
}
.scrollbar .handle:before {
  left: 10px;
}
.scrollbar .handle:after {
  right: 10px;
  background-position: -233px 0;
}
#switcher {
  position: absolute;
  top: 50px;
  right: 6.44068%;
}
#switcher li {
  padding: 0;
  float: left;
  margin-left: 15px;
}
#switcher li:before {
  display: none;
}
#switcher a {
  display: block;
  padding-top: 4px;
}
#switcher div {
  width: 54px;
  height: 28px;
  cursor: pointer;
  background: #bc3019;
  border-top: 2px solid #9b2815;
  padding: 0 2px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#switcher div span {
  -webkit-transition: margin 0.3s ease-out;
  -moz-transition: margin 0.3s ease-out;
  -ms-transition: margin 0.3s ease-out;
  -o-transition: margin 0.3s ease-out;
  transition: margin 0.3s ease-out;
  display: block;
  width: 25px;
  height: 24px;
  background: #fff url('../img/sprite.png') -128px -17px no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#switcher.tile .label-tile,
#switcher.use .label-use {
  color: #3c3c3c;
  text-decoration: none;
  cursor: default;
}
#switcher.use div span {
  margin-left: 25px;
}
.contact {
  color: #a8a9ab;
}
.contact > div {
  background: #1c2027;
  padding: 50px 6.44067797%;
}
.contact > div > div,
.contact > div form,
.contact > div > p {
  float: left;
}
.contact > div > div {
  width: 100%;
}
.contact > div > div .autocomplete {
  position: relative;
  width: auto;
}
.contact > div > div h2 {
  margin-bottom: 5px;
}
.contact > div > p {
  padding-left: 9%;
  position: relative;
  display: inline-block;
  padding-right: 33px;
  cursor: pointer;
}
.contact > div > p:after {
  width: 16px;
  height: 16px;
  background: url('../img/sprite.png') -131px -43px no-repeat;
  position: absolute;
  top: 50%;
  left: 277px;
  display: block;
  margin-top: -10px;
  content: '';
}
.contact > div form {
  width: 100%;
}
.contact > div form ul {
  position: relative;
}
.contact > div form li {
  margin-left: 51%;
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
  position: relative;
}
.contact > div form li.err ::-webkit-input-placeholder {
  color: #bc3019;
}
.contact > div form li.err :-moz-placeholder {
  color: #bc3019;
}
.contact > div form li.err ::-moz-placeholder {
  color: #bc3019;
}
.contact > div form li.err :-ms-input-placeholder {
  color: #bc3019;
}
.contact > div form li.err .placeholder {
  color: #bc3019;
}
.contact > div form li.err input,
.contact > div form li.err textarea {
  border: 3px solid #bc3019;
  padding: 9px 7px 9px 32px;
}
.contact > div form li:after {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 14px;
  top: 14px;
  content: '';
  display: block;
  background: url('../img/sprite.png') 14px 14px no-repeat;
}
.contact > div form li.contact-dotaz:after {
  background-position: 0 -22px;
}
.lte8 .contact > div form li.contact-dotaz textarea,
.lte8 .contact > div form li.contact-dotaz input {
  background: #fff url('../img/ie8-pencil.png') 12px 12px no-repeat;
}
.contact > div form li.contact-jmeno:after {
  background-position: -20px -22px;
}
.lte8 .contact > div form li.contact-jmeno input {
  background: #fff url('../img/ie8-user.png') 12px 50% no-repeat;
}
.contact > div form li.contact-tel:after {
  background-position: -42px -21px;
  width: 15px;
}
.lte8 .contact > div form li.contact-tel input {
  background: #fff url('../img/ie8-tel.png') 12px 50% no-repeat;
}
.contact > div form li.contact-email:after {
  background-position: -36px 1px;
  width: 15px;
}
.contact > div form li.contact-psc:after {
  background-position: -62px -20px;
  top: 13px;
}
.contact > div form li.contact-psc > div {
  float: none;
}
.lte8 .contact > div form li.contact-psc input {
  background: #fff url('../img/ie8-pin.png') 12px 50% no-repeat;
}
.contact > div form li.contact-approval:after {
  display: none;
}
.contact > div form li.contact-approval.footer {
  position: absolute;
  left: 0;
  margin-left: 0;
  top: 225px;
}
.contact > div form li.contact-approval input {
  position: absolute;
  left: 0;
  top: 0;
}
.js .contact > div form li.contact-approval input {
  display: none;
}
.contact > div form li.contact-approval label {
  margin-left: 33px;
  display: block;
  cursor: pointer;
}
.contact > div form li.contact-approval .pseudo-checkbox {
  top: -2px;
  cursor: pointer;
}
.contact > div form li.contact-approval .pseudo-checkbox.active {
  background-position: 0 -24px;
}
.contact > div form li.contact-approval.err .pseudo-checkbox {
  background-position: -24px 0;
}
.contact > div form li.contact-approval.err .pseudo-checkbox.active {
  background-position: 0 -24px;
}
.contact > div form li.contact-button {
  float: right;
}
.contact > div form li:first-child {
  float: left;
  width: 49%;
  margin: 0;
}
.contact textarea,
.contact input[type='text'] {
  width: 100%;
  padding: 12px 10px 12px 35px;
}
.contact textarea {
  height: 210px;
  resize: vertical;
}
.contact .btn {
  line-height: 40px;
  padding: 0 33px 0 17px;
  vertical-align: top;
}
.contact .btn:after {
  right: 14px;
}
.contact.overlay > div div.autocomplete {
  width: 100%;
  float: none;
}
.contact.overlay > div div.autocomplete div {
  width: 100%;
  float: none;
}
.homepage .homepage-slider {
  padding: 0;
  height: 100vh;
}
.homepage .pagesbar {
  left: 50%;
  margin-left: -50px;
  position: absolute;
  top: 1.5em;
  z-index: 10;
}
.homepage .pagesbar li {
  float: left;
  margin-right: 5px;
  display: block;
  width: 11px;
  cursor: pointer;
  height: 11px;
  border-radius: 11px;
  text-indent: -9999px;
  border: 1px solid #fff;
  background: url(../img/transparent.png) repeat;
}
.homepage .pagesbar li.active {
  background: #fff;
}
.homepage > section {
  position: relative;
  background: none;
}
.homepage > section .backgrounds {
  padding: 0;
  width: 100%;
  height: 100%;
}
.homepage > section .backgrounds > div {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
}
.homepage > section .backgrounds > div.lights,
.homepage > section .backgrounds > div.roof,
.homepage > section .backgrounds > div.wall {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.ie8 .homepage > section .backgrounds > div.lights,
.ie8 .homepage > section .backgrounds > div.roof,
.ie8 .homepage > section .backgrounds > div.wall {
  display: none;
}
.homepage .news {
  position: absolute;
  width: 80%;
  bottom: 20px;
  z-index: 5;
  margin: 0 10%;
  /*color scheme*/
  /*color scheme*/
}
.homepage .news li {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 33.33333333%;
  background: #e1e0dd;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-left: 1px solid #d4d3d0;
  overflow: hidden;
}
.homepage .news li div {
  overflow: hidden;
  height: 100%;
  margin: 25px 8%;
}
.homepage .news li a {
  text-decoration: none;
}
.homepage .news li.tiles h3:before {
  background-position: -41px 0;
}
.homepage .news li.facebook h3:before {
  background-position: -86px 0;
}
.homepage .news li.note h3:before {
  background-position: -127px 0;
}
.homepage .news li.act h3:before {
  background-position: -168px 0;
}
.homepage .news li.first {
  left: 0;
}
.homepage .news li.second {
  left: 33.33333333%;
}
.homepage .news li.third {
  left: 66.66666667%;
}
.homepage .news li:first-child {
  border-left: 0;
}
.homepage .news li:hover {
  height: auto;
}
.homepage .news li:hover h3 {
  /*color: #fff !important;*/
}
.homepage .news li:hover h3 span {
  /*color: #fff !important;*/
}
.homepage .news li:hover p {
  max-height: 300px;
  /*color: #fff !important;*/
}
.homepage .news li:hover p span {
  /*color: #fff !important;*/
}
.homepage .news h3 {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  padding: 4px 0 12px 35px;
  color: #3c3c3c;
  position: relative;
}
.homepage .news h3:before {
  position: absolute;
  content: '';
  display: block;
  width: 28px;
  height: 24px;
  background: url('../img/ico-news.png') 0 0 no-repeat;
  left: 0;
  top: 0px;
}
.homepage .news p {
  color: #3c3c3c;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 35px;
  max-height: 35px;
  overflow: hidden;
  margin-bottom: 0;
}
.homepage .news .blackBox h3 {
  color: #000;
}
.homepage .news .blackBox h3:before {
  background-image: url('../img/ico-news-bl.png');
}
.homepage .news .greenBox h3 {
  color: #76a948;
}
.homepage .news .greenBox h3:before {
  background-image: url('../img/ico-news-g.png');
}
.homepage .news .blueBox h3 {
  color: #2f8fc7;
}
.homepage .news .blueBox h3:before {
  background-image: url('../img/ico-news-b.png');
}
.homepage .news .purpleBox h3 {
  color: #8f3568;
}
.homepage .news .purpleBox h3:before {
  background-image: url('../img/ico-news-p.png');
}
.homepage .news .redBox h3 {
  color: #bc3019;
}
.homepage .news .redBox h3:before {
  background-image: url('../img/ico-news-r.png');
}
.homepage .news .turquoiseBox h3 {
  color: #117186;
}
.homepage .news .turquoiseBox h3:before {
  background-image: url('../img/ico-news-t.png');
}
.homepage .news .orangeBox h3 {
  color: #9b4818;
}
.homepage .news .orangeBox h3:before {
  background-image: url('../img/ico-news-o.png');
}
section.homepage-text,
#tinymce {
  height: auto !important;
  background-color: #fff;
}
section.homepage-text > div,
#tinymce > div {
  padding-bottom: 0;
}
section.homepage-text h1,
#tinymce h1 {
  font-size: 2em;
  font-weight: 700;
}
section.homepage-text h2,
#tinymce h2 {
  color: #3c3c3c;
  text-align: center;
  line-height: 1.25em;
  font-size: 1.5em;
}
section.homepage-text .bar-first,
#tinymce .bar-first {
  margin-bottom: 1rem;
}
section.homepage-text .bar-first .place,
#tinymce .bar-first .place {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
section.homepage-text .bar-first .place .item,
#tinymce .bar-first .place .item {
  flex: 33%;
  margin-bottom: 1rem;
  padding: 1rem;
  color: #bc3019;
}
section.homepage-text .bar-first .place .item .box,
#tinymce .bar-first .place .item .box {
  width: 75px;
  height: 75px;
  margin: 0 auto 1rem;
  padding: 0.75rem;
  border: 2px solid #bc3019;
}
section.homepage-text .bar-first .place .item .box img,
#tinymce .bar-first .place .item .box img {
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 500px) {
  section.homepage-text .bar-first .place .item,
  #tinymce .bar-first .place .item {
    flex: 0 50%;
  }
}
section.homepage-text .bar-second,
#tinymce .bar-second {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
section.homepage-text .bar-second .place,
#tinymce .bar-second .place {
  flex: 1 0;
}
@media only screen and (max-width: 1000px) {
  section.homepage-text .bar-second .place,
  #tinymce .bar-second .place {
    flex: 0 100%;
    margin-bottom: 0;
    text-align: center;
  }
  section.homepage-text .bar-second .place h2,
  #tinymce .bar-second .place h2 {
    text-align: center !important;
  }
  section.homepage-text .bar-second .place li,
  #tinymce .bar-second .place li {
    padding-left: 0;
  }
  section.homepage-text .bar-second .place li:before,
  #tinymce .bar-second .place li:before {
    display: none;
  }
}
section.homepage-text .bar-second .text h2,
#tinymce .bar-second .text h2 {
  text-align: left;
}
section.homepage-text .bar-second .text h3,
#tinymce .bar-second .text h3 {
  margin: 0 0 10px 0;
  padding: 0;
}
section.homepage-text .bar-second .reference,
#tinymce .bar-second .reference {
  padding: 100px 0;
  text-align: center;
  color: #fff;
  background: #b42f18 url('/img/bg-reference.jpg') no-repeat 50% 0;
}
section.homepage-text .bar-second .reference h2,
#tinymce .bar-second .reference h2 {
  color: #fff;
}
section.homepage-text .bar-second .reference p,
#tinymce .bar-second .reference p {
  margin: 0 1rem 1rem;
  font-size: 14px;
  font-size: 0.875rem;
}
section.homepage-text .bar-second .reference p a,
#tinymce .bar-second .reference p a {
  color: #fff;
}
@media only screen and (max-width: 1000px) {
  section.homepage-text .bar-second .reference,
  #tinymce .bar-second .reference {
    padding: 50px 0;
  }
}
section.homepage-text .bar-third.roadmap .place:hover span,
#tinymce .bar-third.roadmap .place:hover span,
section.homepage-text .bar-third.roadmap .place:focus span,
#tinymce .bar-third.roadmap .place:focus span {
  text-decoration: none;
}
section.homepage-text .bar-third .place,
#tinymce .bar-third .place {
  text-align: left;
}
section.homepage-text .bar-third .place li,
#tinymce .bar-third .place li {
  max-width: 500px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 1000px) {
  section.homepage-text .bar-third .place,
  #tinymce .bar-third .place {
    flex: 0 100%;
    margin-bottom: 0;
  }
  section.homepage-text .bar-third .place h3,
  #tinymce .bar-third .place h3 {
    text-align: center;
  }
  section.homepage-text .bar-third .place li,
  #tinymce .bar-third .place li {
    max-width: 100%;
    padding-left: 0;
    text-align: center;
  }
  section.homepage-text .bar-third .place li:before,
  #tinymce .bar-third .place li:before {
    display: none;
  }
}
section.homepage-text .bar-third .icons .flex-wrapper,
#tinymce .bar-third .icons .flex-wrapper {
  display: flex;
  flex-wrap: wrap;
}
section.homepage-text .bar-third .icons .flex-wrapper .item,
#tinymce .bar-third .icons .flex-wrapper .item {
  flex: 1 0;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
section.homepage-text .bar-third .icons .flex-wrapper .item p,
#tinymce .bar-third .icons .flex-wrapper .item p {
  margin: 0;
  padding-left: 65px;
}
section.homepage-text .bar-third .icons .flex-wrapper a,
#tinymce .bar-third .icons .flex-wrapper a {
  display: block;
  margin-bottom: 0.75rem;
  text-decoration: none;
}
section.homepage-text .bar-third .icons .flex-wrapper a i,
#tinymce .bar-third .icons .flex-wrapper a i,
section.homepage-text .bar-third .icons .flex-wrapper a img,
#tinymce .bar-third .icons .flex-wrapper a img {
  float: left;
}
section.homepage-text .bar-third .icons .flex-wrapper a span,
#tinymce .bar-third .icons .flex-wrapper a span {
  display: block;
  margin-top: 0.75em;
  padding-left: 65px;
  font-size: 110%;
}
section.homepage-text .bar-third .icons .flex-wrapper a:hover span,
#tinymce .bar-third .icons .flex-wrapper a:hover span {
  text-decoration: underline !important;
}
section.homepage-text .bar-third .icons .btn,
#tinymce .bar-third .icons .btn {
  margin-top: 3rem;
}
@media only screen and (max-width: 1000px) {
  section.homepage-text .bar-third .icons .btn,
  #tinymce .bar-third .icons .btn {
    display: block;
    max-width: 300px;
    margin: 3rem auto;
  }
}
.homepage > .virtual-house .backgrounds > div.lights,
.homepage > .virtual-house .backgrounds > div.roof,
.homepage > .virtual-house .backgrounds > div.wall {
  opacity: 1;
}
.ie8 .homepage > .virtual-house .backgrounds > div.lights,
.ie8 .homepage > .virtual-house .backgrounds > div.roof,
.ie8 .homepage > .virtual-house .backgrounds > div.wall {
  display: block;
}
.promowrap {
  position: absolute;
  padding: 0;
  overflow: hidden;
  z-index: 5;
  right: 0;
  top: 75px;
  display: none;
}
.promowrap .discount {
  position: absolute;
  overflow: hidden;
  right: 425px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  font-size: 16px;
  font-size: 1rem;
  width: 84px;
  height: 84px;
  background: #bc3019 url('../img/bg-discount.png') 100% 100% no-repeat;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 17px 16px;
  display: block;
}
.promowrap .discount.no-discount {
  width: 0;
  padding: 16px 0;
}
.promowrap .discount div {
  position: absolute;
  display: none;
}
.promowrap .discount span {
  display: block;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: bold;
}
.promowrap .discount b {
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  top: -12px;
}
#promo {
  height: 226px;
  width: 425px;
  color: #fff;
  margin-left: 84px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#promo.darkgray {
  background: #1c2027;
  background: rgba(28, 32, 39, 0.9);
}
#promo.red {
  background: #bc3019;
  background: rgba(188, 48, 25, 0.9);
}
#promo.orange {
  background: #be5812;
  background: rgba(190, 88, 18, 0.9);
}
#promo.yellow {
  background: #d6a036;
  background: rgba(214, 160, 54, 0.9);
}
#promo.green {
  background: #477a3d;
  background: rgba(71, 122, 61, 0.9);
}
#promo.white {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.9);
}
#promo.white h2,
#promo.white a {
  color: #bc3019;
}
#promo.gray {
  background: #b8b8b8;
  background: rgba(184, 184, 184, 0.9);
}
#promo.gray h2,
#promo.gray a {
  color: #bc3019;
}
#promo.greenblue {
  background: #117186;
  background: rgba(17, 113, 134, 0.9);
}
#promo.blue {
  background: #294c8d;
  background: rgba(41, 76, 141, 0.9);
}
#promo.ruby {
  background: #8f3568;
  background: rgba(143, 53, 104, 0.9);
}
#promo .slidee li {
  position: relative;
  width: 425px;
  padding: 16px 94px 24px 40px;
  float: left;
}
#promo h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
  line-height: 2rem;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  text-transform: none;
  font-weight: normal;
  color: #fff;
}
#promo h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: bold;
  margin-bottom: 0;
}
#promo p {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  max-height: 72px;
  margin-top: 16px;
  margin-top: 1rem;
  overflow: hidden;
}
#promo .link {
  display: block;
  text-decoration: underline;
}
#promo a {
  color: #fff;
  display: block;
  text-decoration: none;
  overflow: hidden;
  max-height: 186px;
}
#promo img {
  position: absolute;
  left: 0;
  top: 0;
  width: 371px;
  height: 226px;
}
#promo .nav {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 54px;
}
#promo .nav li {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  height: 50%;
  background: #1c2027;
  cursor: pointer;
  position: relative;
}
#promo .nav li:after {
  content: '';
  width: 11px;
  height: 18px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -5px;
  background: url('../img/sprite.png') -43px -44px no-repeat;
}
#promo .nav li.next {
  border-top: 1px solid #282b32;
}
#promo .nav li.next:after {
  background-position: -65px -44px;
}
#promo .nav li.next:hover:after {
  background-position: -22px -64px;
}
#promo .nav li:hover {
  background: #000 !important;
}
#promo .nav li:hover:after {
  background-position: -2px -64px;
}
#promo .nav li.next:hover:after {
  background-position: -22px -64px;
}
#promo.darkgray .nav li,
#promo.darkgray .nav li.disabled:hover {
  background-color: #1c2027;
  border-color: #282b32;
}
#promo.red .nav li,
#promo.red .nav li.disabled:hover {
  background-color: #902317;
  border-color: #962e23;
}
#promo.orange .nav li,
#promo.orange .nav li.disabled:hover {
  background-color: #9b4717;
  border-color: #a05023;
}
#promo.yellow .nav li,
#promo.yellow .nav li.disabled:hover {
  background-color: #c18b22;
  border-color: #c4912d;
}
#promo.green .nav li,
#promo.green .nav li.disabled:hover {
  background-color: #37652e;
  border-color: #416d39;
}
#promo.white .nav li,
#promo.white .nav li.disabled:hover {
  background-color: #dddddd;
  border-color: #aaaaaa;
}
#promo.gray .nav li,
#promo.gray .nav li.disabled:hover {
  background-color: #b8b8b8;
  border-color: #a0a0a0;
}
#promo.greenblue .nav li,
#promo.greenblue .nav li.disabled:hover {
  background-color: #117186;
  border-color: #1a6172;
}
#promo.blue .nav li,
#promo.blue .nav li.disabled:hover {
  background-color: #0e596a;
  border-color: #1a6172;
}
#promo.ruby .nav li,
#promo.ruby .nav li.disabled:hover {
  background-color: #8f3568;
  border-color: #1a6172;
}
#promo.hidden-mode {
  width: 54px;
}
#promo.hidden-mode .slidee {
  position: relative;
  right: -371px;
}
#promo.hidden-mode .pagesbar {
  display: none;
}
.overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  display: none;
  z-index: 10;
  max-width: 1580px;
}
#homepage .overlay {
  max-width: 100%;
}
.lte8 .overlay {
  background: url('../img/rgba-black.png');
}
.overlay > div {
  width: 280px;
  background: #fff;
  right: 52px;
  position: absolute;
  top: 52px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 26px 18px 18px;
}
.overlay > div form {
  width: 100%;
  padding: 0;
}
.overlay > div form li {
  margin: 0 0 15px;
}
.overlay > div form li:first-child {
  float: none;
  width: 100%;
  margin: 0 0 15px;
}
.overlay > div form li.btncontainer:after {
  display: none;
}
.overlay > div h2 {
  color: #000;
  text-transform: none;
  margin-bottom: 5px;
  font-weight: normal;
}
.overlay > div p {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 15px;
}
.overlay > div input[type='text'],
.overlay > div textarea {
  border: 1px solid #cbcbcb;
}
.overlay > div textarea {
  resize: vertical;
}
.overlay > div .closer {
  width: 16px;
  height: 16px;
  background: #fff url('../img/sprite.png') -131px -43px no-repeat;
  position: absolute;
  top: 11px;
  right: 11px;
}
.downloadlist h2,
.training h2 {
  border-top: 1px solid #d7d6d3;
  padding-top: 50px;
  margin-top: 25px;
}
.training .row {
  margin: 0 -2.5%;
}
.training .row > li {
  float: left;
  width: 50%;
  padding: 0;
  padding: 0 2.5%;
}
.training .row > li li {
  margin-bottom: 10px;
}
.training .row > li:before {
  display: none;
}
.training .videocontainer {
  height: 0;
  padding-bottom: 56.2%;
  position: relative;
}
.training iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.training p {
  margin-bottom: 25px;
}
.news article {
  border-top: 1px solid #d7d6d3;
  padding-top: 50px;
  margin-top: 50px;
}
.news article .news-content {
  float: left;
  width: 50%;
}
.news article .news-gal {
  float: right;
  width: 42%;
  max-width: 420px;
}
.news article .news-gal .main {
  margin-bottom: 8px;
  width: 420px;
  height: 200px;
  overflow: hidden;
  max-width: 100%;
}
.news article .news-gal .main img {
  float: left;
  max-width: 100%;
}
.lte8 .news article .news-gal .wrap {
  min-height: 70px;
}
.news article .news-gal li {
  width: 100px;
  height: 60px;
  margin-right: 8px;
  float: left;
  padding: 0;
}
.news article .news-gal li:before {
  display: none;
}
.news article .news-gal li a {
  cursor: move;
  display: block;
  position: relative;
}
.news article .news-gal li a:after {
  width: 100px;
  height: 60px;
  background: #000;
  content: '';
  position: absolute;
  display: block;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  left: 0;
}
.news article .news-gal li a:hover:after,
.news article .news-gal li a.selected:after {
  opacity: 0;
}
.news article .news-gal.hiddenbar li a {
  cursor: pointer;
}
.news article .date {
  color: #a1a1a1;
  font-weight: bold;
  font-size: 0.875em;
  margin-bottom: 5px;
}
.news article h3 {
  padding-top: 8px;
  padding-top: 0.5rem;
}
.news article .graybox {
  background: #efeeeb;
  padding: 5%;
}
.news article .graybox li {
  margin-top: 8px;
  margin-top: 0.5rem;
}
.news article .graybox li:first-child {
  margin-top: 0;
}
.news article .graybox li:before {
  background-position: -160px 0;
}
.news article ol {
  counter-reset: counter;
  padding-left: 5%;
}
.news article ol li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.news article ol li:before {
  content: counter(counter) '.';
  counter-increment: counter;
  position: absolute;
  left: 0;
  color: #bc3019;
  font-weight: bold;
}
.news-content ul {
  background: #efeeeb;
  padding: 5%;
}
.news-content ul li {
  margin-top: 8px;
  margin-top: 0.5rem;
  padding-left: 20px;
  position: relative;
}
.news-content ul li:first-child {
  margin-top: 0;
}
.news-content ul li:before {
  width: 11px;
  height: 11px;
  background: url('../img/sprite.png') 0 0 no-repeat;
  content: '';
  left: 0;
  position: absolute;
  top: 4px;
  background-position: -160px 0;
}
.news-content ol {
  counter-reset: counter;
  padding-left: 5%;
}
.news-content ol li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.news-content ol li:before {
  content: counter(counter) '.';
  counter-increment: counter;
  position: absolute;
  left: 0;
  color: #bc3019;
  font-weight: bold;
}
.search form,
.map-filters form {
  border-bottom: 1px solid #cbcbcb;
  padding-bottom: 30px;
}
.search form div:first-child,
.map-filters form div:first-child {
  background: #fff;
  width: 60%;
  position: relative;
  border: 1px solid #cbcbcb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.search form div:first-child:after,
.map-filters form div:first-child:after {
  top: 14px;
  position: absolute;
  left: 14px;
  background: url('../img/sprite.png') -78px 0 no-repeat;
  content: '';
  width: 14px;
  height: 14px;
}
.search form div:first-child input,
.map-filters form div:first-child input {
  padding: 0 120px 0 36px;
  width: 100%;
  height: 43px;
  line-height: 43px;
  position: relative;
}
.lte8 .search form div:first-child input,
.lte8 .map-filters form div:first-child input {
  background: #fff url('../img/ie8-search.png') 14px 50% no-repeat;
}
.search form div:first-child .btn,
.map-filters form div:first-child .btn {
  float: right;
  line-height: 37px;
  margin: 2px;
  position: absolute;
  right: 0;
  width: 110px;
  top: 0;
}
.search .download,
.map-filters .download,
.search .products,
.map-filters .products {
  border-bottom: 1px solid #cbcbcb;
  padding: 30px 0 14px;
}
.search .download h2,
.map-filters .download h2,
.search .products h2,
.map-filters .products h2 {
  font-size: 14px;
  font-size: 0.875rem;
  color: #3c3c3c;
  margin-bottom: 0;
}
.search .download li,
.map-filters .download li,
.search .products li,
.map-filters .products li {
  margin-bottom: 0;
}
.search .download li a,
.map-filters .download li a,
.search .products li a,
.map-filters .products li a {
  font-weight: normal;
}
.search .products li,
.map-filters .products li {
  padding: 10px 30px 10px 30px;
}
.search .products li:before,
.map-filters .products li:before {
  background: url('/img/ico-products.png') -20px -14px no-repeat;
  width: 52px;
  height: 52px;
  top: 0;
}
.search .products li.ceramic:before,
.map-filters .products li.ceramic:before {
  background-position: -18px -56px;
}
.search .products li.accessories:before,
.map-filters .products li.accessories:before {
  background-position: -18px -111px;
}
.search .products li.isolation:before,
.map-filters .products li.isolation:before {
  background-position: -18px -154px;
}
.search .products li.gutters:before,
.map-filters .products li.gutters:before {
  background-position: -18px -198px;
}
.search .products li.collectors:before,
.map-filters .products li.collectors:before {
  background-position: -16px -244px;
}
.search .products li.pavement:before,
.map-filters .products li.pavement:before {
  background-position: -16px -288px;
  width: 42px;
  height: 42px;
}
.search .products li.chimneys:before,
.map-filters .products li.chimneys:before {
  background-position: -18px -328px;
  width: 42px;
  height: 42px;
}
.search article,
.map-filters article {
  padding: 30px 0;
  border-bottom: 1px solid #cbcbcb;
}
.search article:last-child,
.map-filters article:last-child {
  border-bottom: 0;
}
.search article h2,
.map-filters article h2 {
  font-size: 16px;
  font-size: 1rem;
  text-transform: none;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.pac-container {
  top: auto !important;
  bottom: 150px !important;
}
.reference ul {
  position: relative;
  margin: -1%;
}
.reference ul li {
  position: static;
  float: left;
  width: 23%;
  margin: 1%;
  padding: 0;
}
.reference ul li:before {
  display: none;
}
.reference ul a {
  display: block;
  position: relative;
  overflow: hidden;
}
.reference ul a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.reference ul a:hover span {
  opacity: 1;
}
.lte8 .reference ul a:hover span {
  display: block;
  background: url('../img/rgba-red.png');
}
.reference ul img {
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  display: block;
  width: 100%;
}
.reference ul span {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  padding: 44% 2% 0;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  opacity: 0;
  background: rgba(188, 48, 25, 0.95);
}
.lte8 .reference ul span {
  display: none;
}
.reference form {
  margin-bottom: 30px;
}
.reference form > * {
  float: left;
}
.reference form .select2-container {
  width: 48%;
  margin-right: 2%;
}
.reference .reference-detail {
  position: absolute;
  z-index: 1;
  right: 1%;
  left: 1%;
  display: none;
  text-align: center;
  margin: 2% 0;
}
.reference .reference-detail img {
  max-width: 100%;
}
.consulting-detail h1 {
  font-size: 2rem;
}
.consulting-detail h2,
.consulting-detail h3,
.consulting-detail h4 {
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
  color: #bc3019;
}
.consulting-detail h2.more-articles {
  color: #3c3c3c;
}
.consulting-detail .more-articles h3 {
  font-weight: normal;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 1rem;
}
.consulting-detail .more-articles .date {
  float: right;
}
.consulting-detail .more-articles .all-articles {
  font-weight: bold;
}
.map-container {
  background: #323334;
  height: 100%;
  padding: 0;
  position: absolute;
  width: 100%;
}
.map-container:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: none;
  padding-top: 9rem;
  content: "Načítání...";
  text-align: center;
  color: #3c3c3c;
  background: rgba(255, 255, 255, 0.85);
  font-size: 1.75rem;
}
.map-container.loading:before {
  display: block;
}
.map-filters {
  background: #ffffff;
  bottom: 0;
  height: 200px;
  position: absolute;
  width: 100%;
}
.map-filters h1,
.map-filters form {
  float: left;
}
.map-filters h1 {
  width: 40%;
}
.map-filters form {
  width: 60%;
  border-bottom: 0;
  padding-bottom: 0;
}
.map-filters form div:first-child {
  width: 100%;
  margin-bottom: 20px;
}
.map-filters .checkboxes li {
  float: left;
  position: relative;
}
.map-filters .checkboxes li.red {
  padding-left: 0;
  width: 20.98540146%;
}
.map-filters .checkboxes li.blue {
  width: 22.44525547%;
}
.map-filters .checkboxes li.green {
  width: 27.55474453%;
}
.map-filters .checkboxes li.yellow {
  width: 29.01459854%;
}
.map-filters .checkboxes input,
.map-filters .checkboxes label {
  float: left;
}
.map-filters .checkboxes input {
  position: absolute;
  left: 0;
  top: 0;
}
.js .map-filters .checkboxes input {
  display: none;
}
.map-filters .checkboxes label {
  margin-left: 33px;
}
.map.mobile {
  height: auto;
  background: #fff;
}
.map.mobile .map-filters {
  position: relative;
  height: auto;
}
.map.mobile .map-filters h1,
.map.mobile .map-filters form {
  float: none;
  width: 100%;
}
.map.mobile .forminfo {
  margin-top: 2em;
}
.map.mobile .forminfo li {
  margin-top: 1em;
}
.map.mobile .forminfo .error {
  color: #bc3019;
  font-weight: bold;
  position: relative;
  padding-left: 20px;
}
.map.mobile .forminfo .error:before {
  width: 16px;
  height: 16px;
  background: #fff url('../img/sprite.png') -111px -43px no-repeat;
  position: absolute;
  top: -2px;
  left: 0px;
  cursor: pointer;
  content: '';
}
.map.mobile .forminfo .moreoptions li a {
  position: relative;
  padding-left: 20px;
  display: inline-block;
}
.map.mobile .forminfo .moreoptions li a:before {
  width: 17px;
  height: 17px;
  background: #fff url('../img/sprite.png') -65px -17px no-repeat;
  position: absolute;
  top: -2px;
  left: 0px;
  cursor: pointer;
  content: '';
}
.pseudo-checkbox {
  background: url('../img/bg-pseudo-input.png') 0 0;
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  width: 24px;
  height: 24px;
}
.red .pseudo-checkbox.active {
  background-position: 0 -24px;
}
.blue .pseudo-checkbox.active {
  background-position: -24px -24px;
}
.green .pseudo-checkbox.active {
  background-position: -48px -24px;
}
.yellow .pseudo-checkbox.active {
  background-position: -72px -24px;
}
.gm-style-iw {
  padding: 20px 19px;
  color: #3c3c3c;
}
.gm-style-iw table {
  max-width: 376px;
}
.gm-style-iw table td {
  vertical-align: top;
  font-family: 'Arial CE', Arial, sans-serif;
}
.gm-style-iw table td img {
  padding-right: 31px;
}
.gm-style-iw h2 {
  color: #3c3c3c;
  margin-bottom: 0;
}
.gm-style-iw .item-desc {
  border-bottom: 1px solid #ccc;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
.gm-style-iw .cech {
  background: url('../img/cech-logo.png') 0 3px no-repeat;
  padding: 0 0 0 35px;
  width: 190px;
  color: #bc3019;
}
.gm-style-iw .skoleni {
  position: relative;
  padding: 15px 0 0 35px;
  border-top: 1px solid #95989e;
}
.gm-style-iw .skoleni span {
  color: #989898;
}
.gm-style-iw .skoleni:before {
  background: url('../img/sprite.png') -86px -20px no-repeat;
  top: 17px;
  left: 0px;
  width: 14px;
  height: 16px;
  position: absolute;
  display: block;
  content: '';
}
.gm-style-iw ul > li {
  padding: 3px 0 3px 35px;
  position: relative;
}
.gm-style-iw ul > li:before {
  background: url('../img/sprite.png') 0 0 no-repeat;
  top: 6px;
  left: 0px;
  position: absolute;
  display: block;
  content: '';
}
.gm-style-iw .tel:before,
.gm-style-iw .mail:before,
.gm-style-iw .website:before {
  display: block;
  top: 7px;
  left: 0px;
}
.gm-style-iw .tel:before {
  background-position: -17px 0;
  width: 15px;
  height: 14px;
}
.gm-style-iw .mail:before {
  background-position: -37px 0;
  width: 14px;
  height: 11px;
}
.gm-style-iw .website:before {
  background-position: -109px -20px;
  width: 17px;
  height: 17px;
}
.packages > div:first-child {
  position: relative;
}
.packages .button-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.packages .boxes {
  padding-bottom: 20px;
}
.packages h2 {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.packages .perex {
  margin: 0 45% -50px 0;
}
.packages .perex h1 + p {
  font-size: 14px;
  font-size: 0.875rem;
}
.packages .perex ul {
  padding-left: 40px;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.packages .perex li:before {
  background-position: -160px -1px;
}
.packages .perex strong {
  font-weight: bold;
  display: block;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.packages .finder {
  position: absolute;
  right: 0;
  top: 100px;
  width: 40%;
  color: #fff;
  padding: 20px 5% 30px;
  background: #bc3019 url('../img/bg-finder.jpg') 0 0 no-repeat;
}
.packages .finder h2 {
  color: #fff;
  margin-bottom: 0.75em;
}
.packages table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.packages table + .btn-container {
  text-align: right;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.packages thead {
  background: #2b313c;
}
.packages thead .label-standard {
  color: #ee9618;
  width: 15%;
}
.packages thead .label-jistota {
  color: #3aa8ce;
  width: 15%;
}
.packages thead .label-komfort {
  color: #fff;
  width: 15%;
}
.packages tbody tr {
  border-bottom: 1px solid #cbcac8;
}
.packages td,
.packages th {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 12px 3%;
  vertical-align: top;
}
.packages td:first-child,
.packages th:first-child {
  text-align: left;
}
.packages th span {
  display: block;
}
.packages .ico-yes,
.packages .ico-no {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url('../img/sprite.png') -184px 0 no-repeat;
}
.packages .ico-no {
  background-position: -184px -25px;
}
.packages .programs {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.packages .programs h2 {
  color: #fff;
}
.packages .programs h2 + img {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.packages .programs > li {
  float: left;
  color: #fff;
  width: 33.33333333%;
  border-left: 1px solid #e6e5e2;
  padding: 0px 3% 40px;
}
.packages .programs > li > p:first-child img {
  margin: 0 -11% 20px;
  width: 122%;
  border-bottom: 1px solid #e6e5e2;
}
.packages .programs > li li {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.packages .programs > li.orange {
  background: #de872a;
  border-left: 0;
}
.packages .programs > li.orange li:before {
  background-position: -160px -20px;
}
.packages .programs > li.blue {
  background: #2293ba;
}
.packages .programs > li.blue li:before {
  background-position: -160px -39px;
}
.packages .programs > li.gray {
  background: #273241;
}
.packages .programs > li.gray li:before {
  background-position: -160px -58px;
}
.packages .programs > li:before {
  display: none;
}
.packages .comparison th,
.packages .comparison td {
  text-align: left;
}
.packages .comparison .popup {
  position: relative;
  display: none;
  z-index: 1;
}
.packages .comparison .popup:after {
  position: absolute;
  left: 15%;
  bottom: 2px;
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ffffff transparent transparent;
}
.packages .comparison .popup div {
  position: absolute;
  background: #fff;
  width: 420px;
  left: 0;
  bottom: 12px;
  padding: 15%;
}
.packages .comparison .popup div p {
  margin: 0;
}
.packages .comparison .popup .closer {
  width: 16px;
  height: 16px;
  background: #fff url('../img/sprite.png') -131px -43px no-repeat;
  position: absolute;
  top: 11px;
  right: 11px;
  cursor: pointer;
}
.packages .comparison td:last-child .popup div {
  left: auto;
  right: 0;
}
.packages .comparison .centered {
  text-align: center;
  vertical-align: middle;
}
.packages .comparison thead {
  background: #2b313c;
}
.packages .comparison thead .label-standard,
.packages .comparison thead .label-jistota,
.packages .comparison thead .label-komfort {
  width: 25%;
}
.packages .comparison a {
  text-decoration: none;
  border-bottom: 1px dashed #bc3019;
  line-height: 20px;
  line-height: 1.25rem;
  position: relative;
  left: 20px;
}
.packages .comparison a:before {
  width: 11px;
  height: 11px;
  background: url('../img/sprite.png') -160px -1px no-repeat;
  content: '';
  left: -20px;
  position: absolute;
  top: 4px;
}
.packages .comparison .table_paragraph {
  text-decoration: none;
  color: #bc3019;
  line-height: 20px;
  line-height: 1.25rem;
  position: relative;
  left: 20px;
  margin-bottom: 0;
}
.packages .comparison .table_paragraph:before {
  width: 11px;
  height: 11px;
  background: url('../img/sprite.png') -160px -1px no-repeat;
  content: '';
  left: -20px;
  position: absolute;
  top: 4px;
}
.virtual-tools {
  position: absolute;
  left: 18%;
  top: 35%;
  width: 46px;
  padding: 0;
  display: none;
  z-index: 10;
}
.virtual-house .virtual-tools {
  display: block;
}
.virtual-tools > div {
  width: 46px;
  height: 46px;
  overflow: hidden;
}
.virtual-tools > div:hover {
  overflow: visible;
}
.virtual-tools > div:hover > a {
  background-color: #bc3019;
}
.virtual-tools > div:hover ul {
  opacity: 1;
  display: block;
}
.virtual-tools .tile ul {
  width: 184px;
}
.virtual-tools .tile a {
  background-image: url('../img/virtual-tiles.png');
  background-repeat: no-repeat;
}
.virtual-tools .tile .tile01 a {
  background-position: -46px 0;
}
.virtual-tools .tile .tile02 a {
  background-position: -92px 0;
}
.virtual-tools .tile .tile03 a {
  background-position: -138px 0;
}
.virtual-tools .tile .tile04 a {
  background-position: -184px 0;
}
.virtual-tools .tile .tile05 a {
  background-position: -46px -46px;
}
.virtual-tools .tile .tile06 a {
  background-position: -92px -46px;
}
.virtual-tools .tile .tile07 a {
  background-position: -138px -46px;
}
.virtual-tools .tile .tile08 a {
  background-position: -184px -46px;
}
.virtual-tools .paint ul {
  width: 92px;
  top: 46px;
}
.virtual-tools .paint a {
  background-image: url('../img/virtual-paint.png');
  background-repeat: no-repeat;
}
.virtual-tools .paint .paint01 a {
  background-position: -46px 0;
}
.virtual-tools .paint .paint02 a {
  background-position: -92px 0;
}
.virtual-tools .paint .paint03 a {
  background-position: -138px 0;
}
.virtual-tools .paint .paint04 a {
  background-position: -184px 0;
}
.virtual-tools .note ul {
  width: auto;
  top: 92px;
}
.virtual-tools .note a {
  background-image: url('../img/ico-menu.png');
  background-position: -2px -444px;
  background-repeat: no-repeat;
}
.virtual-tools .note li {
  width: auto;
}
.virtual-tools .note li a {
  background: none;
  line-height: 46px;
  padding: 0 15px;
}
.virtual-tools .note li a:hover {
  position: static;
}
.virtual-tools .note li a:hover:after {
  display: none;
}
.virtual-tools .active {
  display: block;
  width: 46px;
  height: 46px;
  background-color: #2b313c;
}
.virtual-tools ul {
  background: #fff;
  position: absolute;
  left: 46px;
  overflow: hidden;
  top: 0;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -ms-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.virtual-tools ul li {
  float: left;
  width: 46px;
  height: 46px;
}
.virtual-tools ul li a {
  display: block;
  height: 46px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  bottom: 0;
}
.virtual-tools ul li a:after {
  width: 16px;
  height: 1px;
  content: '';
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  background: #c7c7c7;
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.virtual-tools ul li a:hover {
  bottom: 5px;
  padding-bottom: 5px;
}
.virtual-tools ul li a:hover:after {
  opacity: 1;
}
.packages.perex ul {
  padding-left: 40px;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.packages.perex li {
  padding-left: 20px;
  position: relative;
}
.packages.perex li:before {
  width: 11px;
  height: 11px;
  background: url('../img/sprite.png') 0 0 no-repeat;
  content: '';
  left: 0;
  position: absolute;
  top: 4px;
  background-position: -160px -1px;
}
.content.programs.orange li:before {
  background-position: -160px -20px;
}
.content.programs.blue li:before {
  background-position: -160px -39px;
}
.content.programs.gray li:before {
  background-position: -160px -58px;
}
.default-content h2,
.default-content h3 {
  clear: both;
}
.default-content h3 {
  font-size: 18px;
}
.default-content h4,
.default-content h5 {
  font-weight: bold;
}
.default-content h4 {
  padding-bottom: 15px;
  font-size: 16px;
}
.default-content h5 {
  padding-bottom: 10px;
  font-size: 14px;
}
.default-content img {
  margin: 0 1em 1em 0;
  max-width: 100%;
}
.default-content table {
  max-width: 100%;
}
.default-content table td,
.default-content table th {
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-align: left;
  padding: 0 1em 1em 0;
}
.default-content ol {
  list-style: decimal;
  padding-left: 20px;
}
.default-content ol[type='a'] {
  list-style: lower-alpha;
}
.default-content img {
  max-width: 100%;
  height: auto;
}
.default-content .splitter {
  position: relative;
  padding-top: 25px;
  margin-top: 30px;
}
.default-content .splitter:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100px;
  height: 1px;
  background: #ccc;
}
#napsali_o img {
  max-width: none;
  margin: 0;
}
.contacts img {
  max-width: 100%;
  height: auto;
}
.company-history {
  background-color: #e6e5e2;
  margin: 0 -7.39% 3em;
  padding: 25px 6.44068%;
}
.company-history ol {
  border-left: 1px solid #bfbebc;
  margin: 0 23px;
  max-width: 660px;
  padding-left: 0;
  list-style: none;
}
.company-history li {
  padding: 16px 0 24px 67px;
  position: relative;
}
.company-history li span {
  padding-top: 15px;
  position: absolute;
  text-align: center;
  left: -22px;
  top: 16px;
  width: 43px;
  height: 47px;
  background: url('../img/bg-history.png') 0 0 no-repeat;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
}
.lightbox {
  color: inherit;
}
.page404 {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #e6e5e2;
  max-width: 1380px;
  padding-left: 200px;
  margin-left: 0;
}
.page404 > section {
  max-width: 100%;
}
.page404 .content div {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 220px;
  width: 450px;
  padding: 0;
}
.page404 .content h1 {
  color: #bc3019;
  font-size: 1.375em;
  margin-bottom: 0.33333333em;
}
.page404 .content h2 {
  font-size: 1em;
  color: #3c3c3c;
  text-transform: none;
  margin-bottom: 0.5em;
}
.page404 .content p {
  margin-bottom: 3em;
}
.page404 .content p,
.page404 .content li {
  font-size: 0.875em;
  color: #3c3c3c;
}
.page404 section.topimage {
  position: static;
}
.is-hidden {
  display: none;
}
.autocomplete__results {
  display: none;
  border: 1px solid #ccc;
  max-height: 220px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  z-index: 1;
  background-color: white;
  width: 100%;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.autocomplete__results div {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  position: static !important;
}
.is-visible .autocomplete__results {
  display: block;
}
.autocomplete__list {
  list-style: none;
  margin: 0px;
  padding: 0 10px;
}
.autocomplete__list div {
  border-bottom: 1px solid #ccc;
  padding: 8px !important;
  font-size: 0.8em;
  display: block;
  margin: 0 !important;
  color: #3c3c3c;
}
.autocomplete__list div:hover {
  cursor: pointer;
  background-color: #efefef;
}
.not-found h2 {
  margin-top: 1.2em;
}
.menu-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 90;
}
.rozcestnik h1 {
  font-weight: bold;
}
.rozcestnik .back {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  margin-bottom: 1em;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.rozcestnik ul {
  list-style: none;
  margin: 0 -2%;
  display: inline-table;
  width: 100%;
}
.rozcestnik ul li {
  width: 24.5%;
  text-align: center;
  padding: 1em 2%;
  display: inline-block;
  vertical-align: top;
}
.rozcestnik ul li a {
  text-decoration: none;
}
.rozcestnik ul li a:hover img {
  top: -5px;
}
.rozcestnik ul li.sectioninfo {
  width: 100%;
  text-align: left;
  font-size: 1.15rem;
  line-height: 1.5rem;
}
.rozcestnik ul li.sectioninfo p {
  font-size: 1.15rem;
  line-height: 1.5rem;
}
.rozcestnik ul li img {
  position: relative;
  top: 0;
  max-width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.rozcestnik ul li:before {
  display: none;
}
.rozcestnik h2 {
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #3c3c3c;
}
/*Google conversion frame*/
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  float: left;
}
/*Google conversion frame*/
/* bh_banners */
#bh_banner {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  margin-bottom: -4px;
}
#bh_banner img {
  width: 100%;
  height: auto;
}
.bh_circle {
  width: 70px;
  height: 70px;
  background-image: url('/img/circle.png');
  position: absolute;
  cursor: pointer;
  z-index: 100;
}
.bh_text {
  width: auto;
  height: auto;
  position: absolute;
  opacity: 0;
  z-index: 1000;
  font-family: sans-serif;
  font-size: 16pt;
}
.bh--classic-protector-plus .bh_text {
  width: 30%;
  background-color: #fff;
  padding: 20px;
  left: 20px;
  top: 62px !important;
}
.bh--classic .bh_text {
  width: 20%;
  background-color: transparent;
  padding: 2% 2% 2% 1%;
  left: 20px;
  list-style-type: disc;
  display: list-item;
}
.bh--max .bh_text {
  width: 20%;
  background-color: transparent;
  padding: 2% 2% 2% 1%;
  left: 20px;
  list-style-type: disc;
  display: list-item;
}
.bh--kramicke-tasky .bh_text {
  width: 30%;
  background-color: #fff;
  padding: 2%;
  left: 20px;
  top: 40%;
}
.bh_circle_inactive {
  opacity: 0.6;
  transform: scale(0.5, 0.5);
}
.bh_pulse_anim {
  -webkit-animation: bh_pulse 1s linear infinite;
  -moz-animation: bh_pulse 1s linear infinite;
  -ms-animation: bh_pulse 1s linear infinite;
  animation: bh_pulse 1s linear infinite;
}
.bh_fade_in_3d {
  -webkit-animation: bh_fade_in_3d 1s ease-out forwards;
  -moz-animation: bh_fade_in_3d 1s ease-out forwards;
  -ms-animation: bh_fade_in_3d 1s ease-out forwards;
  animation: bh_fade_in_3d 1s ease-out forwards;
}
@keyframes bh_pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.7, 0.7);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes bh_fade_in_3d {
  0% {
    transform: scale(0.5, 0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.zlatataska {
  width: 7%;
  height: 300px;
  background-image: url(/img/zlatataska.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  left: 33%;
  top: 5%;
  cursor: pointer;
  z-index: 100;
}
@media only screen and (max-width: 700px) {
  .bh_text {
    font-size: 10pt;
  }
}
@media only screen and (max-width: 500px) {
  .bh_text {
    font-size: 8pt !important;
  }
}
.bh--classic-protector-plus #bh_t1,
.bh--classic-protector-plus #bh_t2,
.bh--classic-protector-plus #bh_t3,
.bh--classic-protector-plus #bh_t4 {
  left: auto;
  right: 0;
}
.bh--classic-protector-plus #bh_c1 {
  left: 53%;
  top: 43%;
}
.bh--classic-protector-plus #bh_c2 {
  left: 68%;
  top: 48%;
}
.bh--classic-protector-plus #bh_c3 {
  left: 62%;
  top: 57%;
}
.bh--classic-protector-plus #bh_c4 {
  left: 52%;
  top: 53%;
}
.bh--classic #bh_t1 {
  left: 10%;
  top: 30%;
}
.bh--classic #bh_t2 {
  left: 75%;
  top: 30%;
}
.bh--classic #bh_t3 {
  left: 70%;
  top: 60%;
}
.bh--classic #bh_c1 {
  left: 40%;
  top: 30%;
}
.bh--classic #bh_c2 {
  left: 60%;
  top: 30%;
}
.bh--classic #bh_c3 {
  left: 44%;
  top: 60%;
}
.bh--max #bh_t1 {
  left: 10%;
  top: 30%;
}
.bh--max #bh_t2 {
  left: 75%;
  top: 30%;
}
.bh--max #bh_t3 {
  left: 70%;
  top: 45%;
}
.bh--max #bh_t4 {
  left: 10%;
  top: 57%;
}
.bh--max #bh_t5 {
  left: 70%;
  top: 60%;
}
.bh--max #bh_c1 {
  left: 40%;
  top: 30%;
}
.bh--max #bh_c2 {
  left: 60%;
  top: 30%;
}
.bh--max #bh_c3 {
  left: 57%;
  top: 45%;
}
.bh--max #bh_c4 {
  left: 35%;
  top: 57%;
}
.bh--max #bh_c5 {
  left: 54%;
  top: 60%;
}
.bh--kramicke-tasky #bh_t1 {
  left: 40%;
  top: 40%;
}
.bh--kramicke-tasky #bh_t2 {
  left: 40%;
  top: 40%;
}
.bh--kramicke-tasky #bh_t3 {
  left: 40%;
  top: 40%;
}
.bh--kramicke-tasky #bh_t4 {
  left: 40%;
  top: 40%;
}
.bh--kramicke-tasky #bh_c1 {
  left: 25%;
  top: 25%;
}
.bh--kramicke-tasky #bh_c2 {
  left: 45%;
  top: 25%;
}
.bh--kramicke-tasky #bh_c3 {
  left: 65%;
  top: 25%;
}
.bh--kramicke-tasky #bh_c4 {
  left: 25%;
  top: 50%;
}
.bh--cool #bh_t1 {
  left: 4%;
  top: 22%;
}
.bh--cool #bh_t2 {
  left: 4%;
  top: 40%;
}
.bh--cool #bh_t3 {
  left: 4%;
  top: 55%;
}
.bh--cool #bh_t4 {
  left: 70%;
  top: 33%;
}
.bh--cool #bh_t5 {
  left: 65%;
  top: 42%;
}
.bh--cool #bh_t6 {
  left: 61%;
  top: 55%;
}
.bh--cool #bh_c1 {
  left: 38%;
  top: 25%;
}
.bh--cool #bh_c2 {
  left: 33%;
  top: 40%;
}
.bh--cool #bh_c3 {
  left: 37%;
  top: 52%;
}
.bh--cool #bh_c4 {
  left: 57%;
  top: 32%;
}
.bh--cool #bh_c5 {
  left: 48%;
  top: 39%;
}
.bh--cool #bh_c6 {
  left: 48%;
  top: 56%;
}
/* bh_banners */
/* Videa Produkty*/
.product__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product__video--wrapper {
  position: relative;
  padding-bottom: 56.25% !important;
  padding-top: 25px !important;
  height: 0;
}
.filmstrip {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
  overflow: hidden;
  padding: 0;
}
.filmstrip-inner {
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25% !important;
  padding-top: 25px !important;
  height: 0;
  position: relative;
}
.filmstrip-thumbs {
  overflow: show;
  width: 100%;
  position: relative;
  white-space: nowrap;
  font-size: 0;
  padding-left: 40px;
}
.filmstrip .thumb {
  display: inline-block;
  height: 148px;
  opacity: 0.7;
  overflow: hidden;
}
.filmstrip .thumb img {
  border: 0;
  height: 140%;
  width: auto;
  margin-top: -30px;
}
.filmstrip .thumb iframe {
  height: 100%;
}
.filmstrip .selector {
  position: relative;
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 1;
}
.filmstrip .item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 350px;
  height: 350px;
}
.filmstrip .item img {
  vertical-align: middle !important;
  max-width: 100%;
  max-height: 100%;
}
.filmstrip .active {
  display: block;
}
.filmstrip .next,
.filmstrip .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.filmstrip-control {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 148px;
  margin-top: -48px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  opacity: 1;
  filter: alpha(opacity=50);
  z-index: 2;
  text-decoration: none;
}
.filmstrip-control span {
  display: block;
  height: 100%;
  width: 100%;
  padding-top: 130%;
}
.filmstrip-control.right {
  left: auto;
  right: 0;
}
.filmstrip-control:hover {
  color: #ffffff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.filmstrip-caption {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.5);
}
.filmstrip-caption h4,
.filmstrip-caption p {
  color: #ffffff;
  margin: 0;
}
.filmstrip-caption h4 {
  margin-bottom: 4px;
}
.filmstrip .pointer {
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid black;
  z-index: 2;
}
.top_palene_tasky {
  position: absolute;
  height: 220px;
  width: 125px;
  background: url(/img/top_palene_tasky.png) no-repeat;
  background-size: contain;
  right: 10%;
  top: 35%;
}
.top_betonove_tasky {
  position: absolute;
  height: 150px;
  width: 85px;
  background: url(/img/top_betonove_tasky.png) no-repeat;
  background-size: contain;
  left: 47%;
  top: 5%;
}
.rozcestnik {
  position: relative;
}
.fb {
  display: block;
  position: fixed;
  right: 0;
  bottom: 15px;
  width: 150px;
  height: 80px;
}
.fb img {
  display: block;
  width: 100%;
}
.bmi-link {
  position: fixed;
  right: 0;
  bottom: 450px;
  width: 100px;
}
.bmi-link img {
  width: 100%;
}
.krytina_decra a:after {
  background: url(../img/bramac_plechova_strecha_ikona.png) 13px -7px no-repeat !important;
}
@media only screen and (max-width: 420px) {
  .footerform-link {
    padding-left: 6px;
    padding-right: 6px;
    font-size: 0.75em;
  }
  .footerform-link::after {
    display: none;
  }
}
#strecha_na_cely .menu-header {
  font-size: 0.9rem;
}
#strecha_na_cely hr {
  margin: 2em 0;
  border-bottom: 1px solid #efeeeb;
}
#strecha_na_cely .content h2 {
  color: #3c3c3c;
  font-size: 2em;
  line-height: 1.5em;
}
#strecha_na_cely .content h3 {
  font-size: 20px;
  line-height: 2rem;
}
#strecha_na_cely .content h4 {
  font-size: 18px;
}
#strecha_na_cely .content p,
#strecha_na_cely .content li {
  font-size: 1rem;
  line-height: 1.5rem;
}
.roadmap {
  display: flex;
  flex-wrap: wrap;
}
.roadmap .place {
  flex: 1 0;
  margin: 1em 0 3em;
  padding: 0.5em;
  text-align: center;
  text-decoration: none;
}
.roadmap .place span {
  display: block;
  margin-top: 0.75em;
  font-size: 150%;
}
.roadmap .place:hover span,
.roadmap .place:focus span {
  text-decoration: underline;
}
@media only screen and (max-width: 1000px) {
  .roadmap .place {
    flex: 0 50%;
  }
}
@media only screen and (max-width: 370px) {
  .roadmap .place {
    flex: 0 100%;
  }
}
@media screen and (min-width: 90em) {
  .homepage .news p {
    font-size: 0.95em;
  }
}
@media screen and (max-width: 82em) {
  .page.hasanchors {
    margin-left: 260px;
  }
  .page.hasanchors ~ footer {
    margin-left: 260px;
  }
  .withanchors #anchors {
    left: 60px;
  }
  body.withanchors > nav {
    width: 60px;
  }
  body.withanchors > nav .highlights > li > a,
  body.withanchors > nav .pages > li > a,
  body.withanchors > nav .products > li > a {
    text-indent: -9999px;
    height: 45px;
    padding: 0;
  }
  body.withanchors > nav a:after {
    left: -12px;
    top: 4px;
  }
  body.withanchors > nav .level-2 {
    left: 60px;
  }
  body.withanchors > nav .level-2 ul {
    left: 200px;
  }
  body.withanchors > nav .homepage > a {
    background: none;
    height: 45px;
    margin: 0;
    padding: 0;
    background: #2b313c;
  }
  body.withanchors > nav .homepage > a:hover {
    background: #bc3019;
  }
  body.withanchors > nav .homepage > a:hover:after {
    background-position: 16px -616px;
  }
  body.withanchors > nav .homepage > a:after {
    width: 72px;
    display: block;
    background-position: 16px -578px;
  }
  #slider {
    min-height: 280px;
  }
  #slider li {
    width: 220px;
    padding: 0 20px;
  }
  #slider.tile img {
    margin-left: -16px;
  }
  body > nav .level-3.opened {
    left: 200px;
  }
  body.withanchors > nav .level-3.opened {
    left: 60px;
  }
  body#homepage > nav .level-3.opened,
  body#obchodni > nav .level-3.opened {
    left: 200px;
  }
}
@media screen and (min-width: 70.025em) {
  #menu .hamburger {
    display: none;
  }
}
@media screen and (max-width: 70em) {
  .mobile-hide {
    display: none;
  }
  body > nav#menu {
    width: 100%;
    height: auto;
    bottom: unset;
    position: absolute;
  }
  body > nav#menu .homepage > a {
    width: 160px;
    height: 80px;
    margin: 0 21px 10px;
  }
  body > nav#menu .js-mobile-menu {
    display: none;
  }
  body > nav#menu .level-2 {
    position: relative !important;
    overflow: unset !important;
    left: 0;
    width: 100%;
    height: auto;
    padding-bottom: 0;
    background-color: #3c3c3c;
  }
  body > nav#menu .level-2:before {
    position: absolute;
    right: 17px;
    top: -28px;
    content: '';
    pointer-events: none;
    border-top: 11px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }
  body > nav#menu .level-2 li {
    padding-left: 50px;
  }
  body > nav#menu .level-2 a {
    color: #fff;
    text-align: left;
  }
  body > nav#menu .level-2 .rollbar-content {
    position: static !important;
    overflow: unset !important;
    display: none;
  }
  body > nav#menu .level-2 .rollbar-content .menu-header,
  body > nav#menu .level-2 .rollbar-content .leaf img,
  body > nav#menu .level-2 .rollbar-content .node img {
    display: none;
  }
  body > nav#menu .node:hover > ul {
    width: 100%;
  }
  body > nav#menu .products > .node,
  body > nav#menu .pages > .node {
    cursor: pointer;
  }
  body > nav#menu .products > .node > a,
  body > nav#menu .pages > .node > a {
    display: inline-block;
    width: calc(100% - 45px);
  }
  body > nav#menu .level-3 {
    display: none !important;
  }
  body > nav#menu .level-2 a,
  body > nav#menu .level-3 a {
    width: auto;
  }
  body > nav#menu .level-2 .active a,
  body > nav#menu .level-3 .active a {
    color: #fff;
  }
  body > nav#side {
    bottom: 0;
  }
  body > nav#side li {
    display: inline-block;
    height: auto;
    width: calc(50% - 4px);
    text-align: center;
  }
  body > nav#side li:last-child {
    width: calc(100% - 4px);
  }
  body > nav#side li:last-child i {
    font-size: 1.5em;
  }
  body > nav#side li:last-child .soc-link + .soc-link {
    margin-left: 5em;
  }
  body > nav#side .whole_text {
    display: none;
  }
  body > nav#side a {
    display: block;
    width: 100%;
    padding: 10px 2px;
    line-height: initial;
  }
  body > nav#side a:hover .shortcut_text {
    display: block;
    text-decoration: underline;
  }
  .detail .moved .imgdesc {
    width: auto;
    float: none;
    padding-top: 0;
  }
  iframe#wb_frame {
    min-width: unset !important;
    padding-top: 20px !important;
    height: 900px !important;
  }
  .menu-overlay,
  .rollbar-path-vertical,
  .rollbar-path-horizontal {
    display: none !important;
  }
  .top_palene_tasky,
  .top_betonove_tasky,
  .bmi-link {
    display: none;
  }
  .page {
    margin-top: 90px;
    margin-bottom: 50px;
    margin-left: 0;
  }
  .page ~ footer {
    margin-left: 0;
  }
  .page ~ footer .more-articles,
  .page ~ footer .copyright {
    width: 100%;
  }
  .page ~ footer .copyright {
    padding-top: 10px;
    text-align: left;
  }
  .page img {
    max-width: 100%;
    height: auto;
  }
  .page.hasanchors {
    margin-left: 200px;
  }
  .page.page404 {
    margin-left: 0;
  }
  .withanchors #anchors {
    left: 0;
    top: 68px;
  }
  body.withanchors > nav {
    width: auto;
  }
  body.withanchors > nav .highlights > li > a,
  body.withanchors > nav .pages > li > a,
  body.withanchors > nav .products > li > a {
    text-indent: 0;
  }
  .detail .perex,
  .detail .special-price,
  .detail .normal-price,
  .detail .discount,
  .detail .double > div {
    float: none;
    width: 100%;
    padding: 50px 6.44068%;
    border-left: 0 none;
  }
  .detail .technical li,
  .detail .accessories > ul > li,
  .training .row > li,
  .content .download li,
  .content .products li {
    float: none;
    width: 100%;
  }
  .training .row > .video {
    margin-bottom: 2em;
  }
  .map-filters {
    padding: 30px 3.44068%;
  }
  .map-filters h1 {
    font-size: 2em;
    width: 33%;
  }
  .map-filters form {
    width: 67%;
  }
  .contacts > div .tel:before,
  .contacts > div .mail:before {
    left: 0;
  }
  .contacts > div .row {
    padding: 12px 0 12px 6px;
  }
  .contact > div div,
  .contact > div form {
    width: 100%;
    padding-left: 0;
  }
  .contact > div div,
  .contact > div form,
  .contact > div > p {
    float: none;
  }
  .homepage .news h3 {
    margin-bottom: 0;
  }
  .news table {
    width: 100% !important;
  }
  .news th,
  .news td {
    display: inline-block;
    vertical-align: top;
  }
  .news th:last-child,
  .news td:last-child {
    width: calc(100% - 25em);
  }
}
@media screen and (max-height: 44em) and (min-width: 70em) {
  body > nav .homepage > a {
    margin: 15px 21px 10px;
  }
  body > nav a {
    padding: 10px 15px 10px 55px;
  }
  body > nav a:after {
    top: 1px;
  }
}
@media screen and (max-height: 36em) and (min-width: 70em) {
  body > nav a {
    padding: 6px 15px 6px 55px;
  }
  body > nav a:after {
    top: -4px;
  }
}
@media screen and (max-width: 50em) {
  h1 {
    font-size: 2.25rem;
  }
  footer {
    padding-bottom: 150px;
  }
  .homepage .news {
    top: 275px;
    bottom: unset;
    width: 100%;
    margin: 0;
  }
  .homepage .news li {
    position: static;
    width: 100%;
  }
  .homepage .news li div {
    margin: 25px 5% 0;
  }
  .homepage .news h3 {
    height: auto !important;
  }
  .homepage .news p {
    max-height: none !important;
  }
  .homepage .toppanel {
    margin: 0;
    padding: 0;
  }
  .homepage .pagesbar {
    top: 1em;
    left: 20px;
    margin: 0;
  }
  .homepage .promowrap {
    top: 50px;
  }
  .homepage .virtual-tools,
  .homepage .backgrounds {
    display: none !important;
  }
  .rozcestnik ul li {
    width: calc(33.3% - 20px);
    padding: 1em 10px;
  }
  #reference ul li {
    width: 48%;
  }
}
@media screen and (max-width: 36em) {
  h1 {
    font-size: 2rem;
  }
  .map-filters .checkboxes ul {
    margin-bottom: 0;
  }
  .contacts > div > ul > li {
    width: 100%;
  }
  .toppanel li:first-child {
    max-width: 80%;
  }
  .toppanel {
    position: static;
    margin-bottom: 0;
  }
  .contact textarea {
    height: 71px;
  }
  .contact > div form li {
    margin-left: 0;
  }
  .contact > div form li:first-child {
    float: none;
    width: auto;
    margin-bottom: 15px;
  }
  .contact > div form li.contact-approval.footer {
    position: static;
    max-width: 100%;
  }
  .pac-container {
    top: 203px !important;
    bottom: auto !important;
  }
  .map-filters h1 br {
    display: none;
  }
  .map-filters .checkboxes li.red,
  .map-filters .checkboxes li.green,
  .map-filters .checkboxes li.blue {
    width: 30%;
  }
  .homepage .pagesbar {
    display: none;
  }
  .rozcestnik ul li {
    width: calc(50% - 20px);
    padding: 1em 10px;
  }
  .reference form .select2-container {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .detail .perex,
  .detail .special-price,
  .detail .normal-price,
  .detail .discount {
    padding: 0 0 10px;
  }
}
@media screen and (max-width: 28em) {
  h1 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
  .map-filters .checkboxes li {
    float: none;
    width: 100%;
  }
  .pac-container {
    top: 258px !important;
  }
  .map-filters h1 br {
    display: inline;
  }
  .homepage #promo img {
    width: 320px;
    height: auto;
    right: 40px;
    left: unset;
  }
  .detail .moved img {
    margin: 0;
  }
}
@media screen and (max-width: 42.5em) {
  .withanchors #anchors {
    display: none;
  }
  .page.hasanchors {
    margin-left: 0;
  }
  .page.hasanchors ~ footer {
    margin-left: 0;
  }
  .news th,
  .news td {
    width: 100%;
  }
  .news th:last-child,
  .news td:last-child {
    width: 100%;
  }
  .news article .news-content {
    float: none;
    width: 100%;
  }
  .news article .news-gal {
    float: none;
    width: 100%;
    max-width: none;
  }
  .news article .news-gal .main {
    height: auto;
  }
  .news article .news-gal .main img {
    float: none;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 64em) {
  iframe#wb_frame {
    height: 1000px !important;
  }
}
@media screen and (max-width: 51em) {
  iframe#wb_frame {
    height: 1100px !important;
  }
}
@media screen and (max-width: 45em) {
  iframe#wb_frame {
    height: 1200px !important;
  }
}
@media screen and (max-width: 42.5em) {
  iframe#wb_frame {
    height: 1100px !important;
  }
}
@media screen and (max-width: 32.5em) {
  iframe#wb_frame {
    height: 1300px !important;
  }
}
@media screen and (max-width: 26.625em) {
  iframe#wb_frame {
    height: 1500px !important;
  }
}
#napsali_o #anchors {
  overflow: auto;
  overflow-x: hidden;
}
#napsali_o table {
  border-spacing: 0;
}
#napsali_o table td {
  padding: 2em 0;
  border-bottom: 1px solid #efeeeb;
}
#napsali_o table td:first-child {
  padding-right: 1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.c {
  *zoom: 1;
}
.c:before,
.c:after {
  display: table;
  content: "";
}
.c:after {
  clear: both;
}
.vh {
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  height: 1px;
}
.vh.focusable:active,
.vh.focusable:focus {
  clip: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}
.log {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  font-size: 25px;
}
.cookie-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
  font-size: 0;
  line-height: 0;
  background: #343434;
  color: #fff;
  padding: 5px 15px;
  padding-right: 48px;
  display: none;
  transition: 0.3s;
}
.cookie-bar.active {
  display: block;
}
.cookie-bar__text,
.cookie-bar__button {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
}
.cookie-bar__button {
  background-color: #E4E4E4;
  text-decoration: none;
  padding: 8px 15px;
  margin: 0;
  border-radius: 3px;
  color: #343434;
  line-height: 1;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.cookie-bar__button:hover {
  background: #fefefe;
}
.cookie-bar__text {
  padding: 5px 15px;
}
.cookie-bar__text a {
  color: #fff;
  text-decoration: none;
  position: relative;
}
.cookie-bar__text a:after {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 1px;
  background: #fff;
  width: 100%;
  transition: 0.2s ease-in;
}
.cookie-bar__text a:hover:after {
  width: 0;
}
.cookie-bar__close {
  display: block;
  position: absolute;
  top: 11px;
  right: 18px;
  width: 21px;
  height: 21px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.cookie-bar__close:hover {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cookie-bar__close:before {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  top: 10px;
  height: 1px;
  width: 21px;
  background: #fff;
}
.cookie-bar__close:after {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 10px;
  height: 21px;
  width: 1px;
  background: #fff;
}
.custom-checkbox {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 !important;
}
.custom-checkbox span {
  display: block;
}
.custom-checkbox .pseudo-checkbox {
  display: none;
}
.custom-checkbox.err .custom-checkbox__icon {
  background: #fff;
  border-color: #b30931;
}
.custom-checkbox:hover .custom-checkbox__icon {
  background: #ccc;
  border: 3px solid #ccc;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-checkbox input:checked ~ .custom-checkbox__icon {
  background: #fff;
  border: 3px solid #fff;
}
.custom-checkbox input:checked ~ .custom-checkbox__icon:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.custom-checkbox__icon {
  width: 30px;
  height: 30px;
  background: #aaa;
  transition: 0.3s ease-in;
  border: 3px solid #aaa;
  position: relative;
  min-width: 30px;
  border-radius: 3px;
}
.custom-checkbox__icon:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  display: block;
  transition: 0.3s ease-in;
  background: url(/img/check.png) no-repeat 50%;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
.custom-checkbox__text {
  padding-left: 20px;
}
@media screen and (min-width: 767px) {
  .custom-checkbox__text {
    font-size: 16px;
  }
}