.rotateText i:before {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  /*line-height: 1;*/
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body,
td,
th {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #000;
}
body {
  background-color: #FFFFFF;
  margin: 0;
  padding: 0 0 10px 0;
  padding: 0;
  text-align: center;
  -webkit-font-smoothing: antialiased !important;
}
img {
  border: none;
}
h1 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 20px;
}
b,
strong {
  font-weight: bold;
}
i {
  font-style: italic;
}
*:focus {
  outline: none;
}
.staticFaq {
  margin-top: 20px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  font-size: 1px;
  line-height: 1px;
  clear: both;
}
.hidden {
  display: none;
}
.button {
  cursor: pointer;
  text-decoration: underline;
}
.button:hover {
  text-decoration: none;
}
.defaultSpacer,
.spacer {
  height: 10px;
  line-height: 1px;
  font-size: 1px;
  margin: 0px;
  padding: 0px;
}
.widthSpacer {
  width: 10px;
  float: left;
  height: 2px;
}
.textCenter {
  text-align: center;
}
.textLeft {
  text-align: left;
}
.textRight {
  text-align: right;
}
.padding10 {
  padding: 10px;
}
.bold {
  font-weight: bold;
}
.red {
  color: red;
}
.large {
  font-size: 14px;
}
.xlarge {
  font-size: 16px;
}
.xxlarge {
  font-size: 18px;
}
.debuggerArea {
  text-align: left;
  font-size: 11px;
  padding: 15px;
}
.debuggerArea pre {
  padding: 0px;
  margin: 0px;
}
.debuggerArea .border {
  border: 1px solid #d5d5d5;
  background-color: #f9f9f9;
}
.debuggerArea .title {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
}
.debuggerArea .item {
  border-bottom: 1px solid #d5d5d5;
  padding: 5px 10px 5px 20px;
}
textarea {
  resize: none;
}
#wholePage {
  background: none;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.blackGradient {
  background: -moz-linear-gradient(top, #999999 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #999999 0%, #000000 100%);
  background: -o-linear-gradient(top, #999999 0%, #000000 100%);
  background: -ms-linear-gradient(top, #999999 0%, #000000 100%);
  background: linear-gradient(to bottom, #999999 0%, #000000 100%);
}
.box {
  border: 1px solid #ededed;
  margin-bottom: 15px;
  padding: 10px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.box-shadow {
  border: 1px solid #E0E0E0;
  -webkit-box-shadow: 0 5px 8px -8px #666666;
  -moz-box-shadow: 0 5px 8px -8px #666666;
  box-shadow: 0 5px 8px -8px #666666;
}
.marginTop10 {
  margin-top: 10px;
}
.marginBottom10 {
  margin-bottom: 10px;
}
.marginTop20 {
  margin-top: 20px;
}
.marginRight10 {
  margin-right: 10px;
}
.width40 {
  width: 40%;
  min-width: 200px;
}
.colorBlue {
  color: #02b6ff;
}
.colorDimgray {
  color: dimgray;
}
.recommendButton {
  display: inline-block;
}
.recommendBoubble {
  background-image: url("/style/image/sprite.png");
  color: white;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 130%;
  padding-top: 7px;
  text-align: center;
  text-decoration: none;
  width: 35px;
}
.dashes {
  border-bottom: 1px dashed #E0E0E0;
}
.toggleButton {
  cursor: pointer;
}
.header {
  width: 100%;
  margin: 5px 0;
  margin: 10px 0 5px 0;
  font-size: 18px;
}
.darkButton {
  background-color: #333;
  border: none;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  cursor: pointer;
  color: #fff;
  display: block;
  float: right;
  font-size: 13px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  width: 70px;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.darkButton:hover {
  background-color: rgba(0, 101, 145, 0.87);
}
.darkButton.locked {
  background-color: #d3d3d3;
}
textarea {
  width: 100%;
}
.formEniro {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid #eaeaea;
  box-shadow: inset 0 1px 3px dimgray;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
.formEniro:focus {
  box-shadow: inset 0 1px 3px rgba(0, 101, 145, 0.87);
}
input,
textarea {
  color: #000;
}
.placeholder {
  color: #aaa;
}
.hide {
  display: none !important;
}
::-moz-selection {
  background: #fccc2a;
  color: #000;
}
::selection {
  background: #fccc2a;
  color: #000;
}
.loadTime {
  text-align: left;
  font-size: 11px;
}
.popoverContent {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 3px 3px 3px 3px;
  color: #000000;
  display: none;
  font-size: 14px;
  font-weight: normal;
  left: 0;
  padding: 5px 0 5px 10px;
  position: absolute;
  text-align: left !important;
  top: 0;
  width: 250px;
  z-index: 19999;
}
.pointer {
  cursor: pointer;
}
/* cienie na rogach */
.bottomShadow {
  background-color: #fff;
  bottom: 0;
  height: 17px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.lifted-corners {
  background-color: #fff;
  padding-bottom: 17px;
}
.lifted-corners:before,
.lifted-corners:after {
  bottom: 13px;
  content: "";
  left: 4px;
  width: 50%;
  height: 10px;
  position: absolute;
  -webkit-box-shadow: 0 12px 5px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 12px 5px rgba(0, 0, 0, 0.7);
  box-shadow: 0 12px 5px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  transform: rotate(-1deg);
  z-index: -2;
}
.lifted-corners:after {
  left: auto;
  right: 4px;
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
}
.captchaImg {
  vertical-align: middle;
  margin-top: 10px;
  float: left;
  height: 30px;
}
.refreshCaptcha {
  margin-top: 15px;
  font-size: 30px;
  float: right;
  cursor: pointer;
}
.clr:after {
  content: ' ';
  display: block;
  clear: both;
}
.sendError {
  float: left;
  margin-left: 30px;
  max-width: 1280px;
  position: fixed;
  top: 40%;
  width: 90%;
}
.sendError .sendErrorTab {
  background: none repeat scroll 0 0 #FCCC2A;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  letter-spacing: 0.15em;
  text-align: center;
  cursor: pointer;
  float: right;
  position: relative;
  right: -50px;
  transform: rotate(90deg);
  width: 125px;
}
#sendErrorTabIframe {
  height: 400px;
  position: absolute;
  right: 30px;
  top: -45px;
  z-index: 99999;
  display: none;
}
#sendErrorTabForm {
  background: none repeat scroll 0 0 #FCCC2A;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  height: 400px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
#sendErrorTabForm p.title {
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 10px;
}
#sendErrorTabForm input {
  margin-top: 10px;
}
#sendErrorTabForm #photo-label {
  margin-top: 10px;
  margin-bottom: -5px;
}
#sendErrorTabForm .formStatus {
  margin-top: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  width: 240px;
}
#sendErrorTabForm .formStatus.success {
  color: green;
  margin-top: 20px;
}
#sendErrorTabForm .formStatus.error {
  color: red;
}
#sendErrorTabForm textarea {
  height: 150px;
}
.ols {
  display: none;
}
.catalogItem {
  cursor: pointer;
}
.errorSendButton,
.surveySendButton {
  position: fixed;
  background: #ffffff;
  height: 35px;
  line-height: 35px;
  font-size: 1.2em;
  cursor: pointer;
  border: 7px solid rgba(211, 211, 211, 0.7);
  border-bottom: 0;
  z-index: 99999;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.errorSendButton {
  top: 341px;
  right: -73px;
  width: 170px;
}
.surveySendButton {
  top: 159px;
  right: -51px;
  width: 126px;
}
.surveySendButton:before {
  font-size: 1.2em;
}
.errorSendForm {
  position: fixed !important;
  right: 0;
  z-index: 99999 !important;
  width: 320px !important;
  left: inherit !important;
  top: 270px !important;
  border-right: 0px !important;
}
.errorSendForm:before {
  float: left;
  margin-top: 3px;
}
.errorSendForm .popoverPointer,
.errorSendForm .popoverPointer2 {
  display: none !important;
}
.errorSendForm .popoverTitle {
  margin-bottom: 10px;
}
.errorSendForm .refreshCaptcha {
  margin-top: 5px;
}
.errorSendForm #submit {
  clear: both;
}
.errorSendForm #captchaText {
  margin-top: 10px;
  float: left;
  margin-left: 10px;
  width: 150px;
}
.errorSendForm .errorText.error-captchaText,
.errorSendForm .errorText.otherError {
  width: 220px;
}
.errorSendForm .formStatus {
  float: left;
  margin-top: 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  width: 240px;
}
.errorSendForm .formStatus.success {
  color: green;
  margin-top: 20px;
}
.errorSendForm .formStatus.error {
  color: red;
}
.errorText {
  color: #FF6666;
  float: left;
}
.succesText {
  color: #66CC66;
  float: left;
}
.successSendErrorForm {
  color: #66CC66;
  font-size: 18px;
  height: 135px;
  padding-top: 103px;
  position: relative;
}
.successSendErrorForm .btnClose {
  bottom: 0;
  position: absolute;
  right: 0;
}
.surveySendForm {
  position: fixed !important;
  border-right: 0px !important;
  right: 0;
  z-index: 99999 !important;
  width: 435px !important;
  height: 151px;
  left: inherit !important;
  top: 110px !important;
  padding-left: 0 !important;
}
.surveySendForm:before {
  float: left;
  font-size: 1.2em;
  padding: 0 5px 0 15px;
}
.surveySendForm .popoverControls .popoverPointer,
.surveySendForm .popoverControls .popoverPointer2 {
  display: none;
}
.surveySendForm .popoverTitle {
  font-size: 1em !important;
}
.surveySendForm .popoverBody {
  margin: 0 !important;
  position: absolute;
}
.surveySendForm .popoverBody p.form-description {
  padding: 10px 0 0 10px;
  font-size: 1.2em;
}
.surveySendForm .popoverBody .ratingScale-container {
  margin: 0 20px 0 10px;
}
.surveySendForm .popoverBody .ratingScale-container #ratingScale-label {
  margin-bottom: 10px;
}
.surveySendForm .popoverBody .ratingScale-container .ratingScale-group label input[type=radio] {
  display: none;
  margin: 10px;
}
.surveySendForm .popoverBody .ratingScale-container .ratingScale-group label {
  font-size: 10px;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 5px 11px 5px 10px;
  background-color: #eaeaea;
  color: #666;
  cursor: pointer;
}
.surveySendForm .popoverBody .ratingScale-container .ratingScale-group label:first-child {
  margin: 0;
}
.surveySendForm .popoverBody .ratingScale-container .ratingScale-group label.checked {
  background-color: #fdcd01;
}
.surveySendForm .popoverBody .ratingScale-container .ratingScale-group .ratingScale-description {
  margin: 10px 0 15px;
}
.surveySendForm .popoverBody .toImprove-container {
  display: none;
  margin: 10px 0 0;
  padding: 15px 20px 0 10px;
  border-top: 7px solid rgba(211, 211, 211, 0.7);
}
.surveySendForm .popoverBody .toImprove-container label.optional {
  font-size: 1.2em;
}
.surveySendForm .popoverBody .toImprove-container textarea.formEniro {
  margin: 5px 0 0 0;
  height: 90px;
}
.surveySendForm .popoverBody #submit {
  display: none;
  clear: both;
  margin-right: 20px;
  width: 120px;
  font-size: 0.8em;
}
.surveySendForm .popoverBody .successSendSurveyForm {
  height: 24px;
  padding: 66px 44px;
  width: 345px;
}
.surveySendForm .popoverBody .btnClose {
  margin-right: 20px;
  top: 110px;
}
.successSendSurveyForm {
  color: #66CC66;
  font-size: 18px;
  height: 135px;
  padding-top: 103px;
  position: relative;
}
.successSendSurveyForm .btnClose {
  bottom: 0;
  position: absolute;
  right: 0;
}
.administratorDesc {
  clear: both;
  padding-top: 10px;
}
.navigationBox {
  position: relative;
  margin-left: 105px;
  margin-top: 10px;
}
.navigationBox a {
  font-weight: normal;
  text-decoration: none;
}
.controller-info-page .navigationBox {
  margin-left: 0px;
}
.controller-info-page .navigationBox a {
  color: #02B6FF;
}
.controller-info-page .streetViewBox {
  margin-left: 0px;
  margin-top: 0px;
}
.streetViewBox {
  position: relative;
  margin-top: 10px;
  width: 100px;
}
.streetViewBox a {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  font-weight: normal;
  text-decoration: none;
}
.streetViewBox a:hover {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  color: orangered;
}
.streetViewBox a.notActive {
  display: none !important;
}
.navigationPopup {
  float: left;
  width: 100%;
  background: white;
  height: autopx;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 50px;
  padding-bottom: 10px;
}
.navigationPopup a {
  float: left;
  min-width: 260px;
  width: 48%;
  margin-left: 2%;
}
.navigationPopup .navigation {
  margin-top: 40px;
}
.navigationPopup .icon-navigation {
  font-size: 30px;
}
.bold {
  font-weight: bold;
}
#smartbanner {
  position: absolute !important;
  z-index: 999999999 !important;
  border-top: 0px !important;
}
#smartbanner .sb-close {
  margin-top: 24px;
}
#smartbanner .sb-info {
  text-align: left;
}
footer {
  background-color: #252D32;
  height: 180px;
  min-width: 320px;
  width: 100%;
  clear: both;
}
footer #footerContent {
  background-color: #2E373D;
  box-shadow: -5px 0 15px -5px #000000, 5px 0 15px -5px #000000;
  height: 110px;
  margin: auto;
  max-width: 1280px;
  padding: 35px 0;
  width: 90%;
  /*width: 1280px\9;*/
}
footer #footerContent #footerLinksBox {
  height: 85px;
  margin: auto;
  padding: 12px;
  width: 480px;
}
footer #footerContent #footerLinksBox #footerLinks2:before {
  border: 1px solid #3f4a52;
  border-color: #3f4a52 #3f4a52 #212b32 #212b32;
  content: '';
  display: block;
  height: 90px;
  margin-left: -25px;
  position: absolute;
}
footer #footerContent #footerLinksBox #footerLinks3:before {
  border: 1px solid #3f4a52;
  border-color: #3f4a52 #3f4a52 #212b32 #212b32;
  content: '';
  display: block;
  height: 90px;
  margin-left: -20px;
  position: absolute;
}
footer #footerContent #footerLinksBox .footerLinks {
  float: left;
  padding: 0 2% 0 4%;
  text-align: left;
  width: 27%;
}
footer #footerContent #footerLinksBox .footerLinks li a {
  color: #fff;
  font-family: "CenturyGothic", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}
footer #footerContent #footerLinksBox .footerLinks li a:hover {
  text-decoration: underline;
}
footer #footerContent #footerLogo {
  float: left;
  height: 47px;
  margin: -70px 0px 0px 0px;
  padding: 0px 0px 0px 32px;
  text-align: center;
  width: 128px;
}
footer #footerContent #footerLogo a {
  background-image: url("/style/image/sprite.png");
  display: block;
  height: 47px;
  width: 128px;
}
footer #footerContent #footerSocialLinks {
  float: right;
  height: 45px;
  margin: -70px 0px 0px 0px;
  padding: 0 22px 0 0;
}
footer #footerContent #footerSocialLinks li {
  float: left;
  margin-left: 0;
}
footer #footerContent #footerSocialLinks li img {
  height: 45px;
  width: 45px;
}
footer #footerContent #footerSocialLinks .footerBtn {
  color: #fff;
  height: 45px;
  width: 65px;
  position: relative;
  z-index: 100;
}
footer #footerContent #footerSocialLinks .footerBtn a {
  position: absolute;
  line-height: 45px;
  color: #fff;
  font-size: 30px;
  height: 45px;
  text-decoration: none;
  width: 45px;
  background-color: #252D30;
  -webkit-border-radius: 4px 4px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  border-radius: 4px 4px 0 0;
  background-clip: padding-box;
  display: block;
  margin: 0 auto ;
}
footer #footerContent #footerSocialLinks .footerBtn a:hover {
  background-color: #444;
}
footer #footerContent #footerSocialLinks .footerBtn a:after {
  background-image: url("/style/image/sprite.png");
  background-position: -5280px 200px;
  bottom: 0;
  content: " ";
  display: block;
  height: 45px;
  left: -8px;
  position: absolute;
  width: 65px;
}
footer #footerContent #footerSocialLinks:first-child {
  margin-left: 0px;
}
@media (max-width: 979px) {
  footer {
    height: 210px;
  }
  footer #footerContent {
    height: 180px;
    padding: 15px 0 15px 0;
  }
}
@media (max-width: 767px) {
  footer #footerContent #footerLinksBox #footerLinks2,
  footer #footerContent #footerLinksBox #footerLinks3 {
    display: none;
  }
  footer #footerContent #footerLinksBox .footerLinks {
    border: 0;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  footer #footerContent #footerLogo {
    clear: both;
    float: left;
    margin: 0;
    width: 150px;
  }
  footer #footerContent #footerLinksBox {
    float: right;
    margin: 0 0 10px 0;
    padding: 5px;
    width: 450px;
  }
  footer #footerContent .footerLinks {
    padding: 0 0 0 57px;
    width: auto;
  }
  footer #footerContent #footerSocialLinks {
    float: right;
    margin: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  footer #footerContent #footerLinksBox {
    float: left;
    margin: 0;
    padding: 10px 0 5px 5px;
    width: 170px;
  }
  footer #footerContent #footerLogo {
    float: right;
    margin: 0 20px 20px 0;
    width: 120px;
  }
  footer #footerContent #footerSocialLinks {
    clear: left;
    float: left;
    margin: 5px 0px 0px 10px;
  }
}
@media (max-width: 479px) {
  footer #footerContent #footerLinksBox {
    float: left;
    margin: 0;
    padding: 10px 0 5px 10px;
    width: 120px;
  }
  footer #footerContent #footerLogo {
    float: right;
    margin: 0 40px 20px 0;
    padding: 0;
    width: 96px;
  }
  footer #footerContent #footerSocialLinks {
    float: left;
    margin: 10px 0px 0px 10px;
  }
  footer #footerContent #footerSocialLinks li {
    margin-left: 0;
  }
}
@media (max-width: 360px) {
  footer #footerContent #footerSocialLinks {
    padding-right: 0;
  }
}
@media screen and (max-width: 319px) {
  footer #footerContent #footerLinksBox {
    padding: 4px 0 10px 10px;
    width: 100px;
  }
  footer #footerContent #footerLinksBox .footerLinks li a {
    font-size: 12px;
  }
  footer #footerContent #footerSocialLinks {
    padding: 0;
    width: 100%;
  }
  footer #footerContent #footerSocialLinks li img {
    height: 30px;
    width: 30px;
  }
}
#infoContainer {
  z-index: 10000;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#infoContainer .infoPanel {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0 0 1px #000000;
  -moz-box-shadow: 0 0 1px #000000;
  box-shadow: 0 0 1px #000000;
  color: #000000;
  -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
  opacity: 0.95;
  padding: 20px;
  text-align: left;
}
#infoContainer .infoPanel a {
  color: #3c3cff;
}
#infoContainer .infoPanel p {
  width: 69%;
  margin: auto;
}
#infoContainer .infoPanel .closer {
  float: right;
}
#infoContainer .infoPanel #browserInfoCloser {
  margin: -7px 15.5% 0 0;
}
#infoContainer #bottomSurvey {
  background: #fccc2a;
  bottom: 0;
  display: none;
  height: 90px;
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
#infoContainer #bottomSurvey .bottomSurveyContainer {
  width: 600px;
  overflow: hidden;
  margin: 0 auto;
}
#infoContainer #bottomSurvey .bottomSurveyContainer .imageContainer {
  float: left;
  overflow: hidden;
  line-height: 80px;
  width: 80px;
}
#infoContainer #bottomSurvey .bottomSurveyContainer .imageContainer .icon-user {
  display: block;
  height: 84px;
  font-size: 80px;
  color: #9E8318;
  margin: 13px 0 0 0;
}
#infoContainer #bottomSurvey .bottomSurveyContainer .imageContainer .icon-help {
  display: block;
  font-size: 20px;
  color: #FCCC2A;
  margin: 0 0 0 31px;
  position: absolute;
}
#infoContainer #bottomSurvey .bottomSurveyContainer #linkContainer {
  float: left;
  overflow: hidden;
  font-size: 20px;
  line-height: 90px;
  padding: 0 45px;
  width: 350px;
}
#infoContainer #bottomSurvey .bottomSurveyContainer #linkContainer #surveyButton {
  color: #fff;
  display: block;
  float: right;
  padding: 0;
  margin: 31px 0;
}
#infoContainer #bottomSurvey .bottomSurveyContainer #linkContainer #surveyButton span {
  font-size: 16px;
  font-weight: normal;
  width: 160px;
  margin: 0;
}
#infoContainer #bottomSurvey .bottomSurveyContainer #bottomSurveyCloser {
  position: absolute;
  cursor: pointer;
  font-size: 22px;
  color: #999;
}
#infoContainer #bottomSurvey .bottomSurveyContainer [class^="icon-"]:before,
#infoContainer #bottomSurvey .bottomSurveyContainer [class*=" icon-"]:before {
  margin: 0;
}
#infoContainer #browserInfo {
  display: none !important;
}
.cookiesNO-JS {
  color: #92979a;
  text-align: left;
  padding: .5em 1.5em;
}
.cookiesNO-JS a {
  color: white;
  text-decoration: none;
}
.recommendBoubble {
  background-position: 35px -205px;
}
.boubbleEmpty {
  background-position: 35px -248px;
}
.catalogKulturaRozrywka .slideBottom {
  background-position: right -120px;
}
.catalogBiuro .slideBottom {
  background-position: right -1318px;
}
.catalogMotoryzacjaTransport .slideBottom {
  background-position: right -2516px;
}
.catalogModa .slideBottom {
  background-position: right -3712px;
}
.catalogInstytucjeUrzedy .slideBottom {
  background-position: right -418px;
}
.catalogBudownictwo .slideBottom {
  background-position: right -1612px;
}
.catalogEdukacja .slideBottom {
  background-position: right -1914px;
}
.catalogUslugiDlaFirm .slideBottom {
  background-position: right -4010px;
}
.catalogZdrowieUroda .slideBottom {
  background-position: right -722px;
}
.catalogDomOgrod .slideBottom {
  background-position: right -2813px;
}
.catalogPrzemysl .slideBottom {
  background-position: right -3116px;
}
.catalogKomputeryTelefonyInternet .slideBottom {
  background-position: right -4310px;
}
.catalogPrawoFinanse .slideBottom {
  background-position: right -1022px;
}
.catalogUslugiDlaKonsumentow .slideBottom {
  background-position: right -2214px;
}
.catalogTurystykaRekreacja .slideBottom {
  background-position: right -3412px;
}
.catalogZywnoscNapoje .slideBottom {
  background-position: right -4612px;
}
.homeTopBtnMap {
  background-position: right -5280px;
}
.homeTopBtnShowCatalog {
  background-position: 276px -4978px;
}
.homeAdvertBtnShowAdvert {
  background-position: 104px -4978px;
}
#homeLinks li a.bud {
  background-position: 132px -5407px;
}
#homeLinks li a.database {
  background-position: 122px -5470px;
}
#homeLinks li a.offer {
  background-position: 98px -5535px;
}
.footerLogoSprite {
  background-position: 113px -4649px;
}
header {
  background: url('/style/image/header-bg.png') repeat-x;
  height: 80px;
  min-width: 320px;
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  text-align: center;
}
.wrapper {
  clear: both;
  padding-top: 80px;
}
#searchBoxWrapper {
  background-clip: border-box;
  box-shadow: none;
  border: none;
  border-width: 0 1px 1px;
  height: 54px;
  margin: auto;
  max-width: 1280px;
  min-width: 240px;
  padding: 0 0;
  width: 90%;
}
#searchBoxWrapper #logo {
  background-image: url('/style/image/common/logo-listing.png');
  display: block;
  float: left;
  width: 290px;
  height: 26px;
  margin-top: 2px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  #searchBoxWrapper #logo {
    background-image: url("/style/image/common/logo-listing@2x.png");
    background-size: 100% 100%;
  }
}
#searchBoxWrapper #logo a {
  display: block;
  height: 53px;
  overflow: hidden;
  text-decoration: none;
  text-indent: 100%;
  white-space: nowrap;
  width: 100%;
}
#searchBoxWrapper img.print {
  display: none;
}
#searchBoxWrapper #searchForm {
  position: relative;
  width: 69%;
}
#searchBoxWrapper #searchForm #searchBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: border-box;
  /* usuwa background-clip dodawany przez less hata */
  border: 0;
  clear: both;
  float: left;
  height: 45px;
  margin: 5px 0px 5px 0px;
  padding-right: 46px;
  position: relative;
  text-align: left;
  width: 100%;
}
#searchBoxWrapper #searchForm .inputText {
  border: none;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  height: 37px;
  margin: 3px 0 3px 0;
}
#searchBoxWrapper #searchForm #what {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
}
#searchBoxWrapper #searchForm #what .twitter-typeahead {
  width: 100%;
}
#searchBoxWrapper #searchForm #what .twitter-typeahead .tt-hint {
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}
#searchBoxWrapper #searchForm #what #suggest1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent rgba(0, 0, 0, 0) !important;
  border: 1px solid #f9ba25;
  border-right: 1px solid #ccc;
  padding-left: 8px;
  padding-right: 10px;
  width: 100%;
  border-radius: 0px;
}
#searchBoxWrapper #searchForm #what.mobile {
  width: 100%;
}
#searchBoxWrapper #searchForm #what.mobile .twitter-typeahead .tt-hint {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}
#searchBoxWrapper #searchForm #what.mobile #suggest1 {
  border: 2px solid #fb9a25;
  padding-right: 43px;
}
#searchBoxWrapper #searchForm #where {
  float: left;
  text-align: left;
  width: 50%;
}
#searchBoxWrapper #searchForm #where .twitter-typeahead {
  width: 100%;
}
#searchBoxWrapper #searchForm #where .twitter-typeahead .tt-hint {
  border-radius: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 37px;
}
#searchBoxWrapper #searchForm #where #suggest2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent rgba(0, 0, 0, 0) !important;
  background: #ffffff;
  background-clip: border-box;
  /* usuwa background-clip dodawany przez less hata */
  border: 1px solid #f9ba25;
  border-radius: 0px;
  border-left: 0;
  float: left;
  padding-left: 10px;
  padding-right: 43px;
  text-align: left;
  width: 100%;
}
#searchBoxWrapper #searchForm #where #suggest2.localized {
  color: #0084C1;
}
#searchBoxWrapper #searchForm #where.mobile {
  display: none;
}
#searchBoxWrapper #searchForm .btnCancel {
  background: #808080;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 10px;
  margin-right: 27px;
  position: absolute;
  right: 50%;
  top: 15px;
  display: none;
  cursor: pointer;
}
#searchBoxWrapper #searchForm .btnLocalize {
  background-clip: border-box;
  /* usuwa background-clip dodawany przez less hata */
  color: black;
  cursor: pointer;
  float: left;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  border-left: 1px solid #d3d3d3;
  position: absolute;
  right: 47px;
  text-align: center;
  width: 38px;
  z-index: 100;
  top: 4px;
}
#searchBoxWrapper #searchForm .js-localized {
  background-color: #01B9FF;
}
#searchBoxWrapper .btnSearchOnMap {
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: auto;
  margin-top: 25px;
  text-decoration: none;
  width: 180px;
}
#searchBoxWrapper .btnSearchOnMap i {
  font-size: 14px;
}
#searchBoxWrapper #searchButtons {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 50px;
  height: 35px;
  position: absolute;
  right: 0;
  top: 36px;
  width: 40px;
}
#searchBoxWrapper #searchButtons #btnSearch {
  background: #000000;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 36px;
  line-height: 34px;
  padding: 0;
  width: 40px;
}
#headerIcons {
  float: right;
  margin-right: -5px;
}
#headerIcons .btnList,
#headerIcons .btnMap {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  background-clip: border-box;
  /* usuwa background-clip dodawany przez less hata */
  color: #fff;
  float: left;
  font-size: 14px;
  height: 26px;
  line-height: 30px;
  width: 60px;
  text-align: left;
}
#headerIcons .btnList.active,
#headerIcons .btnMap.active {
  opacity: 0.5;
}
#headerIcons .btnList:hover,
#headerIcons .btnMap:hover {
  cursor: pointer;
}
#headerIcons .btnList .e-icon-list,
#headerIcons .btnMap .e-icon-list,
#headerIcons .btnList .e-icon-location2,
#headerIcons .btnMap .e-icon-location2 {
  font-size: 20px;
  float: right;
  text-align: right;
  margin-right: 5px;
}
#headerIcons .btnList i,
#headerIcons .btnMap i {
  margin-left: 4px;
}
#headerIcons .btnMap {
  float: right;
  margin-left: 10px;
  text-decoration: none;
}
#searchBoxWrapper #searchForm #searchBox #where .twitter-typeahead .tt-dropdown-menu {
  margin-left: -101%;
}
#searchBoxWrapper #searchForm #searchBox .tt-hint {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  border: medium none;
  color: #CCC;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 37px;
  margin: 3px 0 3px 0;
  opacity: 1 !important;
  padding-left: 10px;
  width: 100%;
}
#searchBoxWrapper #searchForm #searchBox .tt-dropdown-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 3px solid rgba(30, 30, 30, 0.7);
  border-radius: 8px 8px 8px 8px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  margin-top: 2px;
  margin-left: -3px;
  overflow-y: auto;
  padding: 8px 0;
  width: 202%;
  z-index: 10000 !important;
}
#searchBoxWrapper #searchForm #searchBox .tt-dataset-where .level1 {
  color: gray;
  text-indent: 3em;
}
#searchBoxWrapper #searchForm #searchBox .tt-dataset-where .level0 {
  font-weight: bold;
}
#searchBoxWrapper #searchForm #searchBox .tt-dataset-where .tt-is-under-cursor .level1 {
  color: white;
}
#searchBoxWrapper #searchForm #searchBox .tt-suggestion {
  border-bottom: 1px solid #f7f7f7;
  font-size: 14px;
  height: 20px;
  padding-top: 5px;
  padding-bottom: 2px;
  text-indent: 5px;
}
#searchBoxWrapper #searchForm #searchBox .tt-suggestion p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}
#searchBoxWrapper #searchForm #searchBox .tt-suggestion.tt-is-under-cursor {
  background: #01b9ff;
  color: #ffffff;
  font-weight: bold;
  opacity: 0.7;
}
#searchBoxWrapper #searchForm #searchBox #what.mobile .twitter-typeahead .tt-dropdown-menu {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-right: 40px;
  width: 100%;
}
body.controller-index #searchBoxWrapper #searchForm #searchBox .tt-hint {
  box-shadow: none !important;
}
body.controller-index {
  background: url('/style/image/homeBg.png') no-repeat center fixed;
  background-size: cover;
  padding-bottom: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}
body.controller-index #smartbanner {
  top: -81px !important;
}
body.controller-index #popSurveySendForm {
  left: 100% !important;
  margin-left: -440px !important;
  z-index: 999999 !important;
}
body.controller-index .surveySendButton {
  display: none;
}
body.controller-index.mobileDevice {
  background: none;
  background-color: #ffd717;
}
body.controller-index.mobileDevice header #homeTop {
  background-color: #ffd717;
}
body.controller-index.mobileDevice #homeCatalog {
  background-color: #ffd717;
}
body.controller-index.mobileDevice #homeAdvert {
  background-color: #ffd717;
  background-color: rgba(251, 188, 0, 0.5);
}
body.controller-index .ipadBg {
  background-image: url('/style/image/homeBg-ipad.png');
  position: fixed;
  top: 0;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
  display: block;
  height: 100%;
  width: 100%;
  z-index: -1;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  body.controller-index .ipadBg {
    background-image: url("/style/image/homeBg-ipad@2x.png");
    background-size: 100% auto;
  }
}
body.controller-index.ipad {
  background: #ffd717;
}
body.controller-index header {
  background: none;
  min-height: 320px;
  min-width: 320px;
  position: relative;
  z-index: none;
  width: auto;
  height: 100%;
  width: 100%;
}
body.controller-index header #homeTop {
  height: 650px;
  height: 100%;
  min-height: 320px;
  margin: 0;
  min-width: 260px;
  position: relative;
  width: 100%;
}
body.controller-index header #homeTop .hpDisplay {
  position: relative;
  margin: auto;
  top: 70%;
  width: 100%;
  width: 320px;
  display: none;
}
body.controller-index header #homeTop .homeTopBtnMap {
  cursor: pointer;
  height: 100px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  z-index: 999999;
}
body.controller-index header #homeTop .homeTopBtnMap a {
  display: block;
  background: url("/style/image/folding-effect.png") top left no-repeat;
  width: 100px;
  height: 100px;
  -webkit-animation: play 5.6s steps(15) infinite;
  -moz-animation: play 5.6s steps(15) infinite;
  -ms-animation: play 5.6s steps(15) infinite;
  -o-animation: play 5.6s steps(15) infinite;
  animation: play 5.6s steps(15) infinite;
}
body.controller-index header #homeTop .homeTopBtnMap a:hover {
  background-position: 0px;
  -webkit-animation: hoverEffect 0.1s steps(2) forwards;
  -moz-animation: hoverEffect 0.1s steps(2) forwards;
  -ms-animation: hoverEffect 0.1s steps(2) forwards;
  -o-animation: hoverEffect 0.1s steps(2) forwards;
  animation: hoverEffect 0.1s steps(2) forwards;
}
@-webkit-keyframes play {
  0%,
  80% {
    background-position: -200px;
  }
  80% {
    background-position: -200px;
  }
  100% {
    background-position: -1700px;
  }
}
@-webkit-keyframes hoverEffect {
  0% {
    background-position: -1600px;
  }
  100% {
    background-position: -1800px;
  }
}
@-moz-keyframes play {
  0%,
  80% {
    background-position: -200px;
  }
  80% {
    background-position: -200px;
  }
  100% {
    background-position: -1700px;
  }
}
@-moz-keyframes hoverEffect {
  0% {
    background-position: -1600px;
  }
  100% {
    background-position: -1800px;
  }
}
@-o-keyframes play {
  0%,
  80% {
    background-position: -200px;
  }
  80% {
    background-position: -200px;
  }
  100% {
    background-position: -1700px;
  }
}
@-o-keyframes hoverEffect {
  0% {
    background-position: -1600px;
  }
  100% {
    background-position: -1800px;
  }
}
@-ms-keyframes play {
  0%,
  80% {
    background-position: -200px;
  }
  80% {
    background-position: -200px;
  }
  100% {
    background-position: -1700px;
  }
}
@-ms-keyframes hoverEffect {
  0% {
    background-position: -1600px;
  }
  100% {
    background-position: -1800px;
  }
}
@keyframes play {
  0%,
  80% {
    background-position: -200px;
  }
  80% {
    background-position: -200px;
  }
  100% {
    background-position: -1700px;
  }
}
@keyframes hoverEffect {
  0% {
    background-position: -1600px;
  }
  100% {
    background-position: -1800px;
  }
}
body.controller-index header #homeTop .homeTopMiddle {
  height: 400px;
  margin-top: -250px;
  position: absolute;
  top: 50%;
  width: 100%;
}
body.controller-index header #homeTop .homeTopMiddle .competitionLogo {
  margin-left: -40%;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper {
  border-width: 0 1px 1px;
  height: 52px;
  margin: auto;
  max-width: 900px;
  padding: 8px 10px;
  width: 80%;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #logo {
  background: none !important;
  height: 53px;
  left: 50%;
  margin-left: -105px;
  margin-top: -280px;
  position: absolute;
  top: 50%;
  width: 210px;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #logo img {
  float: left;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm {
  width: auto;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  background-clip: border-box;
  background-color: #FFFFFF;
  border: 1px solid #fcbe1b;
  border-radius: 1px 1px 1px 1px;
  clear: none;
  float: none;
  height: 45px;
  margin: 3px 100px 0 0;
  margin: 3px 65px 0 0;
  padding-right: 0px;
  text-align: left;
  width: auto;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox #what {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  height: 45px;
  width: 50%;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox #what:before {
  border-style: solid;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox #what #suggest1 {
  border: 0;
  padding: 0 10px;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox #what.mobile {
  border-right: 0;
  padding-right: 43px;
  width: 100%;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox #where {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  height: 45px;
  width: 50%;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox #where #suggest2 {
  background: none;
  border: 0;
  float: left;
  text-align: left;
  width: 100%;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox #where.mobile {
  display: none;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox .tt-dropdown-menu {
  margin-top: 12px;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox .btnCancel {
  margin-right: 4px;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchBox .btnLocalize {
  float: right;
  height: 45px;
  line-height: 45px;
  right: 0;
  top: 0px;
  position: absolute;
  z-index: inherit;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #headerButtons {
  margin-top: 0;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchButtons {
  float: right;
  height: 45px;
  margin-left: 0px;
  margin-top: -35px;
  width: 90px;
  width: 55px;
}
body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper #searchForm #searchButtons #btnSearch {
  /*
        background-color: #ffc61f;
        background-image: -webkit-linear-gradient(#ffc61f,#e29600);
        background-image: -moz-linear-gradient(#ffc61f,#e29600);
        background-image: linear-gradient(#ffc61f,#e29600);
        */
  background: #242D32;
  border: 1px solid #000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  color: #333;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  float: right;
  height: 45px;
  line-height: 45px;
  margin: 0;
  width: 55px;
}
body.controller-index header #homeTop .homeTopMiddle #homeRewolwer {
  height: 250px;
  list-style: none;
  margin: 65px auto 0 auto;
  opacity: 1;
  width: 930px;
}
body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems {
  float: left;
  width: 930px;
}
body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems .rewolwerItem {
  display: block;
  float: left;
  height: 250px;
  margin: 0 5px 0 5px;
  width: 300px;
}
body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems .rewolwerItem .picture {
  height: 250px;
  width: 300px;
}
body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems .rewolwerItem .picture div table tbody tr td a img {
  border: 1px solid #666;
}
body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems .rewolwerItem .picture div div object embed {
  border: 1px solid #666;
}
body.controller-index header #homeTop #homeLinks {
  height: 40px;
  left: 50%;
  margin-left: -250px;
  position: absolute;
  bottom: 20px;
  width: 500px;
}
body.controller-index header #homeTop #homeLinks li {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  margin: 0 5px 0 5px;
  width: 154px;
}
body.controller-index header #homeTop #homeLinks li:hover {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
body.controller-index header #homeTop #homeLinks li a {
  color: #fff;
  display: block;
  height: 40px;
  text-decoration: none;
  width: 154px;
}
body.controller-index header #homeTop #homeLinks li a.icon-logo-budownictow {
  margin-left: -50px;
}
body.controller-index header #homeTop #homeLinks li a.icon-logo-baza {
  margin-left: -30px;
}
body.controller-index header #homeTop #homeLinks li a.icon-logo-oferta {
  margin-left: -10px;
  font-size: 18px;
}
body.controller-index header #homeTop .homeTopBtnShowCatalog {
  background-image: url("/style/image/sprite.png");
  bottom: 0;
  cursor: pointer;
  float: right;
  height: 103px;
  position: absolute;
  right: 0;
  width: 120px;
  z-index: 9999;
}
body.controller-index #rightBar {
  font-size: 19px;
  line-height: 40px;
  margin-top: -95px;
  opacity: 0;
  position: fixed;
  right: 10px;
  top: 50%;
  width: 50px;
  z-index: 999998;
}
body.controller-index #rightBar .item {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #666;
  color: #B2A578;
  cursor: pointer;
  height: 40px;
  margin: 15px 0;
  opacity: 0.8;
  width: 40px;
  -webkit-border-radius: 13px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 13px;
  -moz-background-clip: padding;
  border-radius: 13px;
  background-clip: padding-box;
  background-color: none;
  background-color: #FEEEA1;
  border: 2px solid #FEEEA1;
  height: 24px;
  opacity: 1;
  width: 24px;
}
body.controller-index #rightBar .itemActive {
  background-color: #000;
  opacity: 0.5;
  background-color: #FEEEA1;
  background-color: #FFD717;
  opacity: 1;
}
body.controller-index #rightBar .itemCatalog {
  line-height: 45px;
}
body.controller-index #rightBar .itemAdvert {
  font-size: 28px;
}
body.controller-index #homeCatalog {
  font-family: "CenturyGothic", Helvetica, Arial, sans-serif;
  margin: auto;
  min-width: 320px;
  width: 98%;
  height: 100%;
  width: 100%;
  position: relative;
}
body.controller-index #homeCatalog ul {
  max-width: 1280px;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 75px;
  padding-right: 75px;
}
body.controller-index #homeCatalog ul .catalogItem {
  background-color: #FFEFA2;
  background-color: #fff;
  background-repeat: no-repeat;
  border: 5px solid #FFD717;
  float: left;
  height: 25%;
  max-height: 170px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 4px;
  width: 25%;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop {
  background-color: #fff;
  background-color: #FFF0AD;
  height: 160px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 1;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop h2 {
  color: #FDD615;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop h2 a {
  text-decoration: none;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop h2 a:hover {
  text-decoration: underline;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop .catalogItemMenu {
  height: auto;
  color: #000;
  display: block;
  float: left;
  list-style-type: square;
  padding: 27px 0 0 7%;
  text-align: left;
  width: 88%;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop .catalogItemMenu li {
  line-height: 20px;
  list-style-position: inside;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop .catalogItemMenu li a {
  color: #000;
  text-decoration: none;
}
body.controller-index #homeCatalog ul .catalogItem .slideTop .catalogItemMenu li a:hover {
  text-decoration: underline;
}
body.controller-index #homeCatalog ul .catalogItem .slideBottom {
  background-repeat: no-repeat;
  background-color: #FFEFA2;
  background-color: #fff;
  height: 100%;
  width: 100%;
}
body.controller-index #homeCatalog ul .catalogItem .slideBottom h2 a {
  color: #000;
  color: #9A6601;
  text-decoration: none;
}
body.controller-index #homeCatalog ul .catalogItem .slideBottom h2 a:hover {
  text-decoration: underline;
}
body.controller-index #homeCatalog ul .catalogItem .slideBottom i {
  font-size: 7.5rem;
  color: #FFD717;
  position: absolute;
  right: -2px;
  bottom: -10px;
}
body.controller-index #homeCatalog ul .catalogItem .slideBottom i:before {
  width: inherit !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  z-index: 2;
}
body.controller-index #homeCatalog ul .catalogItem:hover .catalogItemBtnMore {
  display: block;
}
body.controller-index #homeCatalog ul .catalogItem:hover .catalogItemBtnMoreBottom {
  display: none;
}
body.controller-index #homeCatalog ul .catalogItem h2 {
  float: left;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  padding: 15px 0 0 7%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 88%;
  z-index: 1;
  position: relative;
}
body.controller-index #homeCatalog ul .catalogItem .catalogItemBtnMore {
  background-color: #464646;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  color: #fff;
  display: none;
  float: right;
  height: 26px;
  line-height: 26px;
  margin: 15px 10px 0px 0px;
  text-align: center;
  text-decoration: none;
  width: 66px;
}
body.controller-index #homeAdvert {
  background-color: rgba(251, 188, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59FBBC00,endColorstr=#59FBBC00)";
  height: 520px;
  margin: auto;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  min-height: 420px;
  padding-bottom: 180px;
}
body.controller-index #homeAdvert .homeAdvertBtnShowAdvert {
  background-image: url("/style/image/sprite.png");
  cursor: pointer;
  float: right;
  height: 103px;
  margin-top: -102px;
  position: relative;
  width: 103px;
}
body.controller-index #homeAdvert #homeAdvertContent {
  height: 520px;
  left: 0;
  margin: auto;
  margin-top: -255px;
  padding: 0 2% 0 2%;
  position: absolute;
  top: 50%;
  width: 96%;
  padding: 0 9% 0 2%;
  width: 89%;
  margin-top: -335px;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  max-width: 1280px;
  padding-left: 75px;
  padding-right: 75px;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan {
  float: left;
  width: 100%;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan h3 {
  font-size: 54px;
  font-size: bold;
  display: inline-block;
  height: 136px;
  line-height: 136px;
  padding: 0px;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan img {
  float: right;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .secondSlogan {
  font-size: 22px;
  float: left;
  text-align: left;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .phone {
  max-width: 500px;
  max-height: 100px;
  padding-top: 40px;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .phone .phoneImg {
  margin-bottom: 10px;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .phone a {
  float: left;
  display: block;
  cursor: pointer;
  width: 50%;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .phone a img {
  float: left;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc {
  float: left;
  padding-top: 40px;
  text-align: left;
  font-size: 20px;
  padding-left: 5%;
  max-width: none;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc ul li {
  line-height: 30px;
  margin-bottom: 10px;
}
body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc ul li.mark {
  background: url('/style/image/navigation/mark.png') no-repeat top left;
  min-height: 30px;
  padding-left: 35px;
}
body.controller-index #homeAdvert #homeAdvertContent h3 {
  font-size: 39px;
  margin: auto;
  padding-bottom: 20px;
  padding-top: 20px;
}
body.controller-index #homeAdvert #homeAdvertContent .left {
  float: left;
  height: 420px;
  position: relative;
  top: 0;
  width: 50%;
}
body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet {
  background: url('/style/image/device-tablet.png') no-repeat center top;
  background-size: 100%;
  height: 383px;
  position: absolute;
  right: -10px;
  top: 0px;
  width: 450px;
  z-index: 500;
}
body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots {
  display: block;
  height: 275px;
  left: 38px;
  position: absolute;
  top: 37px;
  width: 368px;
  z-index: 501;
}
body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots #playVideo {
  display: block;
  height: 275px;
  left: 0;
  position: absolute;
  top: 0;
  width: 368px;
  z-index: 502;
}
body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots #playVideo img {
  display: none;
}
body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots #playVideo:hover img {
  width: 100%;
  display: block;
}
body.controller-index #homeAdvert #homeAdvertContent .left #devicePhone {
  background: url('/style/image/device-phone.png') no-repeat center top;
  background-size: 100%;
  height: 333px;
  position: absolute;
  right: -40px;
  top: 70px;
  width: 160px;
  z-index: 501;
}
body.controller-index #homeAdvert #homeAdvertContent .left img {
  width: 100%;
}
body.controller-index #homeAdvert #homeAdvertContent .right {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 420px;
  max-width: 460px;
  padding-left: 5px;
  position: relative;
  width: 50%;
}
body.controller-index #homeAdvert #homeAdvertContent .right .btnAppStore {
  background: url('/style/image/app-store-pf_up.png') no-repeat center center;
  display: block;
  float: right;
  height: 87px;
  width: 277px;
}
body.controller-index #homeAdvert #homeAdvertContent .right .btnAppStore:hover {
  background: url('/style/image/app-store-pf_over.png') no-repeat center center;
}
body.controller-index #homeAdvert #homeAdvertContent .right .btnGooglePlay {
  background: url('/style/image/google-play-pf_up.png') no-repeat center center;
  display: block;
  float: right;
  height: 87px;
  margin-top: 10px;
  width: 277px;
}
body.controller-index #homeAdvert #homeAdvertContent .right .btnGooglePlay:hover {
  background: url('/style/image/google-play-pf_over.png') no-repeat center center;
}
body.controller-index #homeAdvert #homeAdvertContent .right p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 22px;
  margin-top: 20px;
  padding-left: 40px;
  text-align: right;
  width: 100%;
}
body.controller-index #homeAdvert #homeAdvertContent .right p .b {
  font-size: 16px;
  font-weight: bold;
}
body.controller-index #homeAdvert #homeAdvertContent .right p .i {
  font-style: italic;
  font-weight: bold;
}
body.controller-index #homeAdvert #homeAdvertContent .right p .i a {
  color: #000;
  text-decoration: none;
}
body.controller-index #homeAdvert #homeAdvertContent .right p .i a:hover {
  text-decoration: underline;
}
body.controller-index footer {
  bottom: 0;
  margin-top: -180px;
  position: relative;
}
@media (min-width: 1400px) {
  body.controller-index #homeAdvert #homeAdvertContent {
    padding: 0 2% 0 2%;
    width: 96%;
  }
}
@media (max-width: 1070px) {
  body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems {
    margin-left: -20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  body.controller-index header #homeTop .homeTopMiddle #homeRewolwer {
    width: 620px;
  }
  body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems {
    width: 620px;
  }
  body.controller-index #homeCatalog .catalogItem {
    height: 170px;
    width: 31%;
  }
  body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet {
    position: absolute;
    right: -10px;
    right: -35px;
    top: 0px;
    width: 380px;
    z-index: 500;
  }
  body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots {
    display: block;
    left: 33px;
    position: absolute;
    top: 32px;
    width: 308px;
    z-index: 500;
  }
  body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots #playVideo {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 308px;
    z-index: 501;
  }
  body.controller-index #homeAdvert #homeAdvertContent .left #devicePhone {
    height: 291px;
    position: absolute;
    right: -20px;
    right: -35px;
    top: 70px;
    width: 140px;
    z-index: 501;
  }
  body.controller-index #homeAdvert #homeAdvertContent .left img {
    width: 100%;
  }
  body.controller-index #homeAdvert #homeAdvertContent h3 {
    font-size: 34px;
  }
}
@media (max-width: 1050px) {
  body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots #playVideo img {
    display: none !important;
  }
}
.controller-search {
  background: #ebebeb;
  margin-bottom: 0 !important;
  min-width: 320px;
}
.controller-search .wrapper {
  background: #f9f9f9;
  box-shadow: 0 0 15px #a6a6a6;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
.controller-search .wrapper #top {
  width: 100%;
}
.controller-search .wrapper #top #bbListingTop {
  overflow: hidden;
  margin: 0 auto .5em auto;
  min-width: 750px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.controller-search .wrapper #top #bbListingTop .content {
  width: 750:
    margin:auto;
}
.controller-search .wrapper #top #bbListingTop.sponsorList-3 {
  width: 65%;
}
.controller-search .wrapper #top #bbListingTop.sponsorList-2 {
  width: 69%;
}
.controller-search .wrapper #top #bbListingTop.sponsorList-1 {
  width: 69%;
}
.controller-search .wrapper #top #sponsorListTopBanner {
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}
.controller-search .wrapper #top #sponsorListTopBanner.sponsorList-4 {
  min-width: 520px;
}
.controller-search .wrapper #top #sponsorListTopBanner.sponsorList-3 {
  min-width: 385px;
}
.controller-search .wrapper #top #sponsorListTopBanner.sponsorList-3 .sponsorListItem {
  float: right;
}
.controller-search .wrapper #top #sponsorListTopBanner.sponsorList-2 .sponsorListItem {
  float: left;
}
.controller-search .wrapper #top #sponsorListTopBanner.sponsorList-1 {
  margin-left: 3px;
  margin-right: 3px;
}
.controller-search .wrapper #top #sponsorListTopBanner .content {
  margin: auto;
}
.controller-search .wrapper #top #sponsorListTopBanner .content .sponsorListItem {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.controller-search .wrapper #top #sponsorListTopBanner .content .sponsorListItem .sb-Name a {
  color: #9E162F;
  text-decoration: none;
}
.controller-search .wrapper #top #sponsorListTopBanner .content .sponsorListItem .sb-Phone a {
  color: #004B9D;
  font-weight: bold;
  text-decoration: none;
}
.controller-search .wrapper #infoBelt {
  background: #e0f3f7;
  color: #636365;
  text-align: left;
  padding: 8px .5%;
  width: 99%;
}
.controller-search .wrapper #infoBelt #infoBeltLocation {
  height: 1em;
  margin: 0 315px 0 0;
  max-width: 965px;
  text-align: left;
}
.controller-search .wrapper #infoBelt #infoBeltLocation .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-search .wrapper #infoBelt #infoBeltLocation .content h1 {
  font-size: inherit;
  display: inline;
  margin: inherit;
}
.controller-search .wrapper #infoBelt #infoBeltSocial {
  float: right;
  height: 1em;
  margin-top: -1em;
  text-align: right;
  width: 345px;
}
.controller-search .wrapper #infoBelt #infoBeltSocial #socialItems li {
  float: right;
  margin: 0 0 0 10px;
  position: relative;
}
.controller-search .wrapper #infoBelt #infoBeltSocial #socialItems li a {
  color: #656660;
  line-height: 1em;
  text-decoration: none;
}
.controller-search .wrapper #infoBelt #infoBeltSocial #socialItems li a i {
  font-size: 1.25em;
  margin: 0 3px 0 0;
}
.controller-search .wrapper #rafination {
  background: #ebfafd;
  padding: 8px .5%;
  width: 99%;
}
.controller-search .wrapper #rafination #rafiningPanel {
  float: left;
  width: 69%;
  position: relative;
}
.controller-search .wrapper #rafination #rafiningPanel .btnFilter {
  background: -moz-linear-gradient(top, #fffffe 0%, #edeef0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffffe), color-stop(100%, #edeef0));
  background: -webkit-linear-gradient(top, #fffffe 0%, #edeef0 100%);
  background: -o-linear-gradient(top, #fffffe 0%, #edeef0 100%);
  background: -ms-linear-gradient(top, #fffffe 0%, #edeef0 100%);
  background: linear-gradient(to bottom, #fffffe 0%, #edeef0 100%);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ededed;
  border-bottom: none;
  cursor: pointer;
  font-size: 13px;
  height: 25px;
  line-height: 25px;
}
.controller-search .wrapper #rafination #rafiningPanel .btnFilter i {
  color: #666;
  margin-left: -5px;
}
.controller-search .wrapper #rafination #rafiningPanel .filter1 {
  box-shadow: 0 5px 9px -4px #666666;
  float: left;
  padding: 0 0 0 5px;
}
.controller-search .wrapper #rafination #rafiningPanel .filter1 .rafinationCount {
  color: white;
  display: inline-block;
  font-weight: bold;
  width: 2em;
}
.controller-search .wrapper #rafination #rafiningPanel .filter2 {
  box-shadow: 0 5px 9px -4px #666666;
  float: right;
  width: 110px;
}
.controller-search .wrapper #rafination #rafiningPanel #popoverRafination {
  left: 0 !important;
}
.controller-search .wrapper #rafination #rafiningPanel #popoverRafination .popoverBody {
  max-height: inherit !important;
  overflow-y: hidden !important;
}
.controller-search .wrapper #rafination #rafiningPanel #popoverRafination .popoverControls .popoverPointer,
.controller-search .wrapper #rafination #rafiningPanel #popoverRafination .popoverControls .popoverPointer2 {
  left: 30px !important;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 {
  background: none repeat scroll 0 0 #FFFFFF;
  display: none;
  position: absolute;
  left: 0;
  top: 41px !important;
  width: 350px;
  z-index: 99998;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafinationHeader {
  padding-bottom: 5px;
  padding-top: 15px;
  border-bottom: 1px dashed #E0E0E0;
  font-size: 12px;
  font-weight: bold;
  float: left;
  width: 100%;
  margin-bottom: 2px;
  text-align: left;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a {
  color: #000000;
  display: block;
  font-size: 12px;
  height: 30px;
  text-decoration: none;
  width: 100%;
  margin: auto;
  clear: left;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a.active {
  background: #FCCC2a;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a p.right {
  float: right;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a p.left {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  float: left;
  padding-left: 5px;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a p.searchIn {
  width: 65%;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a .icon-cancel {
  padding-top: 5px;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a span {
  float: left;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a span.right {
  float: right;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 a:hover {
  color: black;
  background: #f3f3f3;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter {
  clear: both;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter .rafinationContent {
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter ul {
  width: 100%;
  float: left;
  list-style: none;
  margin-bottom: 10px;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter ul li {
  width: 100%;
  display: inline;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter ul li.hidden {
  display: none;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter .btn-rafiningListMore,
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter .btn-rafiningListLess {
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
  text-decoration: underline;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter .btn-rafiningListMore:hover,
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-localizationFilter .btn-rafiningListLess:hover {
  cursor: pointer;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-searchFilter {
  float: left;
  width: 50%;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-searchFilter .rafinationContent {
  margin-left: 10px;
  margin-right: 15px;
  text-align: left;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-showFilter {
  float: right;
  width: 50%;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-showFilter .rafinationContent {
  margin-right: 5px;
  margin-left: 15px;
  text-align: left;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-showFilter .rafinationContent .rafinationClose {
  background: #d3d3d3;
  border-radius: 3px;
  color: #ffffff;
  height: 16px;
  margin-top: -5px;
  width: 16px;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination1 .rafination-showFilter .rafinationContent .rafinationClose:hover {
  background: #990000;
  cursor: pointer;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 2px solid #EBEBEB;
  box-shadow: 0 5px 9px -4px #666666;
  display: rafiningListLess none !important;
  margin-bottom: 40px;
  margin-top: -10px;
  width: 100%;
  z-index: 102;
  margin-top: -30px;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 {
  position: relative;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 .rafinationHeader {
  padding-top: 0px;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 .rafination-searchFilter {
  margin-top: 5px;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 .rafination-searchFilter .rafinationContent {
  margin-right: 0;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 .rafination-localizationFilter .rafinationContent {
  padding-bottom: 1px;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 .rafination-localizationFilter .rafinationContent .rafinationHeader {
  margin-top: 5px;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 .rafination-showFilter {
  margin-top: 5px;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 a {
  line-height: 30px;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 a p.left {
  padding-left: 0;
}
.controller-search .wrapper #rafination #rafiningPanel #mobileRafination.rafination1 a p.showOnly {
  width: 100%;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination2 {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 2px solid #EBEBEB;
  box-shadow: 0 5px 9px -4px #666666;
  display: none;
  float: left;
  height: 90px;
  position: absolute;
  right: 0;
  top: 30px;
  width: 110px;
  z-index: 99998;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination2.active {
  display: block;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination2 a {
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  width: 100%;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination2 a:hover {
  background: #FCCC2a;
  background-color: #f3f3f3;
}
.controller-search .wrapper #rafination #rafiningPanel .rafination2 a.active {
  background-color: #FCCC2a;
}
@media (max-width: 980px) {
  .controller-search .wrapper #rafination #rafiningPanel {
    width: 100%;
  }
}
.controller-search .wrapper #rafination #databaseDate {
  color: #5e6367;
  float: right;
  height: 25px;
  line-height: 25px;
  text-align: right;
  width: 31%;
}
@media (max-width: 980px) {
  .controller-search .wrapper #rafination #databaseDate {
    display: none;
  }
}
.controller-search .wrapper #breadcrumbs {
  clear: both;
  padding: 8px .5%;
  width: 99%;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsTrade {
  color: #666;
  float: left;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsTrade .icon-key-1,
.controller-search .wrapper #breadcrumbs #breadcrumbsTrade .icon-menu {
  float: left;
  font-size: 16px;
  padding-left: 7px;
  padding-right: 5px;
  font-style: normal;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsTrade a,
.controller-search .wrapper #breadcrumbs #breadcrumbsTrade span {
  color: #666;
  display: block;
  max-width: 92%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  float: left;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsTrade a h2,
.controller-search .wrapper #breadcrumbs #breadcrumbsTrade span h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsLocation {
  color: #666;
  display: table;
  float: left;
  line-height: 20px;
  max-width: 62%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsLocation:before {
  font-size: 16px;
  margin-left: 10px;
  margin-right: 5px;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsLocation.onlyLocation {
  max-width: 99%;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsLocation a,
.controller-search .wrapper #breadcrumbs #breadcrumbsLocation span {
  color: #666;
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}
.controller-search .wrapper #breadcrumbs #breadcrumbsLocation .arrow {
  color: #aaa;
  font-size: 7px;
  padding: 0 5px;
}
.controller-search .wrapper #breadcrumbs #tradeDesc {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  text-align: left;
  padding: 10px;
  width: 100%;
}
.controller-search .wrapper #breadcrumbs #tradeDesc h3 strong {
  width: 100%;
  float: left;
}
.controller-search .wrapper #serpContent {
  padding: 8px .5%;
  width: 99%;
}
.controller-search .wrapper #serpContent article {
  display: block;
  float: left;
  padding-bottom: 2em;
  text-align: left;
  width: 69%;
}
.controller-search .wrapper #serpContent article nav#pagination {
  clear: both;
  text-align: center;
}
.controller-search .wrapper #serpContent article nav#pagination ul {
  display: inline-block;
  font-size: 1.1em;
  margin: 2em 0 0 0;
  max-width: 600px;
}
.controller-search .wrapper #serpContent article nav#pagination ul li {
  float: left;
  margin-right: 5px;
}
.controller-search .wrapper #serpContent article nav#pagination ul li:last-child,
.controller-search .wrapper #serpContent article nav#pagination ul li:first-child {
  text-align: center;
}
.controller-search .wrapper #serpContent article nav#pagination ul li:last-child [class^="icon-"]:before,
.controller-search .wrapper #serpContent article nav#pagination ul li:first-child [class^="icon-"]:before,
.controller-search .wrapper #serpContent article nav#pagination ul li:last-child [class*=" icon-"]:before,
.controller-search .wrapper #serpContent article nav#pagination ul li:first-child [class*=" icon-"]:before {
  width: 1px;
}
.controller-search .wrapper #serpContent article nav#pagination ul li a {
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  border-radius: 3px;
  border: 2px solid #c7c7c7;
  color: black;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}
.controller-search .wrapper #serpContent article nav#pagination ul li a:hover {
  background: #efb800;
  border: 2px solid #bababa;
  box-shadow: inset 2px 3px 2px #666666;
}
.controller-search .wrapper #serpContent article nav#pagination ul li a.current {
  background: #f9c000;
  box-shadow: inset 1px 2px 2px #666666;
  cursor: default;
}
.controller-search .wrapper #serpContent article .alert {
  margin: 0 0 2.5em 0;
  border: 5px solid #f9e58e;
  padding: 1em;
  box-shadow: 0 4px 9px -8px #666666;
}
.controller-search .wrapper #serpContent article .alert.solr {
  height: 90px;
}
.controller-search .wrapper #serpContent article .alert .content {
  margin-right: 50px;
}
.controller-search .wrapper #serpContent article .alert .content .firstLine {
  font-size: 1.2em;
  color: dimgray;
}
.controller-search .wrapper #serpContent article .alert .content hr {
  margin: 0.6em auto 0.8em auto;
  border-top: 1px dashed dimgray;
}
.controller-search .wrapper #serpContent article .alert .right {
  text-align: center;
  width: 50px;
  font-size: 4em;
  color: #f9e58e;
}
.controller-search .wrapper #serpContent article .alert .right .icon-attention-alt:before {
  margin: 0;
}
.controller-search .wrapper #serpContent article .rafinationFiltersRemove a {
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  font-weight: bold;
  margin-right: .5em;
  text-decoration: none;
  padding: 2px 2px 2px 8px;
  color: white;
  background: #FCCC2a;
}
.controller-search .wrapper #serpContent article .rafinationFiltersRemove a:hover {
  background: #02b6ff;
}
.controller-search .wrapper #serpContent article .card {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  clear: both;
  box-shadow: 0px 5px 8px -8px #666666;
  margin-top: 20px;
  padding-top: 5px;
  position: relative;
  width: 100%;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
}
.controller-search .wrapper #serpContent article .card .mapRoad {
  margin: 10px 0px 10px 105px;
  height: 15px;
}
.controller-search .wrapper #serpContent article .card .mapRoad .streetViewBox,
.controller-search .wrapper #serpContent article .card .mapRoad .btnShowRoute,
.controller-search .wrapper #serpContent article .card .mapRoad .navigationBox {
  float: left;
  margin-top: 0px;
  width: 90px;
  text-align: left;
}
.controller-search .wrapper #serpContent article .card .mapRoad .navigationBox {
  width: 85px;
  margin-left: 0px;
}
.controller-search .wrapper #serpContent article .card .mapRoad .navigationBox a {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
.controller-search .wrapper #serpContent article .card .mapRoad .navigationBox a:hover {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  color: orangered;
}
.controller-search .wrapper #serpContent article .card .mapRoad .btnShowRoute a {
  margin-right: 5px;
  text-decoration: none;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 2000ms;
  -moz-transition-duration: 2000ms;
  -o-transition-duration: 2000ms;
  transition-duration: 2000ms;
}
.controller-search .wrapper #serpContent article .card .mapRoad .btnShowRoute a:hover {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  color: orangered;
}
.controller-search .wrapper #serpContent article .card:first-child {
  margin-top: 10px;
}
.controller-search .wrapper #serpContent article .card:hover {
  background-color: #ebfafd !important;
  cursor: pointer;
}
.controller-search .wrapper #serpContent article .card:hover .title h2 a {
  color: black !important;
}
.controller-search .wrapper #serpContent article .card:hover .recommendedTab {
  background-color: #ebfafd !important;
}
.controller-search .wrapper #serpContent article .card:hover .bottom .tradeName,
.controller-search .wrapper #serpContent article .card:hover .bottom .icons {
  background-color: #e0f3f7 !important;
}
.controller-search .wrapper #serpContent article .card .logo {
  float: left;
  text-align: center;
  width: 100px;
}
.controller-search .wrapper #serpContent article .card .logo img {
  margin: 10px auto;
  max-width: 70px;
}
.controller-search .wrapper #serpContent article .card .markers {
  font-size: 2em;
  float: right;
  margin-top: 5px;
  margin-right: 8px;
  text-align: right;
  width: 70px;
}
.controller-search .wrapper #serpContent article .card .markers .iconLocation {
  background-image: url("/style/image/sprite.png");
  background-position: 31px -299px;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 14px;
  font-weight: bold;
  height: 41px;
  line-height: 33px;
  text-align: center;
  width: 34px;
}
.controller-search .wrapper #serpContent article .card .markers .iconLocationActive {
  background-position: 31px -341px;
}
.controller-search .wrapper #serpContent article .card .photo {
  clear: right;
  float: right;
  height: 145px;
  margin-right: 5px;
  position: relative;
  text-align: right;
  overflow: hidden;
  width: 220px;
}
.controller-search .wrapper #serpContent article .card .photo .videoListingThumb {
  display: block;
  width: 208px;
  height: 117px;
  position: relative;
  background-size: 100%;
}
.controller-search .wrapper #serpContent article .card .photo .videoListingThumb .playButton {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  background-color: rgba(1, 185, 255, 0.8);
  color: white;
  padding: 10px;
  font-size: 40px;
  position: absolute;
  width: 70px;
  height: 65px;
  left: 72px;
  top: 26px;
}
.controller-search .wrapper #serpContent article .card .photo .videoListingThumb:hover .playButton {
  background-color: #01b9ff;
}
.controller-search .wrapper #serpContent article .card .photo .photoWrapper {
  background: white;
  position: relative;
  border: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  display: inline-block;
  min-width: 95px;
}
.controller-search .wrapper #serpContent article .card .photo .photoWrapper img {
  margin-bottom: -2px;
  max-width: 210px;
  max-height: 132px;
}
.controller-search .wrapper #serpContent article .card .photo .galleryLabel {
  background: white;
  bottom: 6px;
  color: #0eb3ff;
  padding: 2px 5px 2px 2px;
  position: absolute;
  right: 5px;
  text-decoration: none;
  white-space: nowrap;
}
.controller-search .wrapper #serpContent article .card .title {
  color: #0c90d1;
  line-height: 130%;
  margin: 5px 85px 0px 105px;
}
.controller-search .wrapper #serpContent article .card .title .contactsLink {
  font-size: 13px;
}
.controller-search .wrapper #serpContent article .card .title h2 {
  line-height: 160%;
  margin-bottom: 8px;
}
.controller-search .wrapper #serpContent article .card .title h2 a {
  font-size: 1.5em;
  text-decoration: none;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 2000ms;
  -moz-transition-duration: 2000ms;
  -o-transition-duration: 2000ms;
  transition-duration: 2000ms;
}
.controller-search .wrapper #serpContent article .card .title h2 a:hover {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  color: orangered;
}
.controller-search .wrapper #serpContent article .card .title h2 .facebookIcon {
  color: #375297;
}
.controller-search .wrapper #serpContent article .card .title a {
  text-decoration: none;
  padding-right: 5px;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 2000ms;
  -moz-transition-duration: 2000ms;
  -o-transition-duration: 2000ms;
  transition-duration: 2000ms;
}
.controller-search .wrapper #serpContent article .card .title a:hover {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  color: orangered;
}
.controller-search .wrapper #serpContent article .card .title .dot {
  color: #0f7db2;
}
.controller-search .wrapper #serpContent article .card .contacts {
  font-size: 13px;
  position: relative;
  color: #6a6a6a;
  line-height: 130%;
  margin: 0 240px 5px 105px;
  display: block;
}
.controller-search .wrapper #serpContent article .card .contacts .crossAddressCompany {
  display: block;
  padding-left: 25px;
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress .popoverTitle {
  color: #ffffff !important;
  display: block;
  font-size: 1.2em;
  padding-bottom: 10px;
  padding-top: 10px;
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.popoverContent {
  background: #1ab2f3;
  color: white;
  border: none;
  opacity: 0.9;
  border-radius: 0px;
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.popoverContent .popoverControls .icon-cancel {
  background: none;
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.popoverContent .popoverControls .popoverPointer,
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.popoverContent .popoverControls .popoverPointer2 {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1ab2f3;
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.popoverContent .popoverControls .popoverPointer {
  display: none;
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.popoverContent .popoverBody {
  margin-bottom: 10px;
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.up .popoverPointer {
  left: calc(50% - 20px);
  left: -moz-calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.up .popoverPointer2 {
  left: calc(50% - 20px);
  left: -moz-calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.down .popoverPointer {
  left: calc(50% - 20px);
  left: -moz-calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
}
.controller-search .wrapper #serpContent article .card .contacts .popoverCompanyAddress.down .popoverPointer2 {
  left: calc(50% - 20px);
  left: -moz-calc(50% - 20px);
  left: -webkit-calc(50% - 20px);
}
.controller-search .wrapper #serpContent article .card .contacts a {
  color: #6a6a6a;
  font-weight: bolder;
  text-decoration: none;
}
.controller-search .wrapper #serpContent article .card .contacts.cross {
  height: auto;
  display: block;
}
.controller-search .wrapper #serpContent article .card .contacts .icon-globe {
  color: #00b0ff;
  display: block;
  float: left;
  font-size: 1.5em;
  margin-top: 6px;
}
.controller-search .wrapper #serpContent article .card .contacts .companyAddress {
  width: 25px;
  display: inline;
}
.controller-search .wrapper #serpContent article .card .text {
  font-size: 13px;
  color: #6a6a6a;
  line-height: 130%;
  margin: 10px 240px 5px 105px;
  display: block;
}
.controller-search .wrapper #serpContent article .card .text em {
  font-weight: bold;
}
.controller-search .wrapper #serpContent article .card .text.keywordsArea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: auto;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 105px;
  width: 99%;
}
.controller-search .wrapper #serpContent article .card .text.keywordsArea a {
  color: #627989;
  text-decoration: none;
}
.controller-search .wrapper #serpContent article .card .text.keywordsArea a:hover {
  text-decoration: underline;
}
.controller-search .wrapper #serpContent article .card .bottom {
  background-color: #FBFBFB;
  border-top: 1px solid #EDEDED;
  clear: left;
  color: #627989;
  font-size: 1.13em;
  height: 28px;
  line-height: 28px;
  padding: 0;
  text-align: left;
  position: relative;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData {
  width: 300px;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData form .errorUpdateCompanyData {
  color: #ff6666;
  height: 24px;
  margin: 0 !important;
  margin-left: 3px !important;
  margin-top: -6px !important;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData form #content {
  height: 130px;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData #submit {
  width: 140px;
  color: #ffffff;
  margin-bottom: 5px;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .popoverTitle {
  margin-bottom: 10px;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .popoverBody {
  margin-right: 10px;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .formStatus {
  line-height: 14px;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  width: 240px;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .formStatus.success {
  color: #66cc66;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .formStatus.error {
  color: #ff6666;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData #signature {
  width: 100%;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .successWrongCompanyDataForm {
  color: #66cc66;
  font-size: 18px;
  height: 135px;
  padding-top: 103px;
  position: relative;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .successWrongCompanyDataForm .btnClose {
  bottom: 0px;
  position: absolute;
  right: 0px;
}
.controller-search .wrapper #serpContent article .card .bottom .popCompanyWrongData .successWrongCompanyDataForm i {
  margin-right: 5px;
}
.controller-search .wrapper #serpContent article .card .bottom .bottomContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  z-index: 5;
}
.controller-search .wrapper #serpContent article .card .bottom .bottomContent .btnOpenHours {
  margin: 0 5px;
}
.controller-search .wrapper #serpContent article .card .bottom .bottomContent .btnContactUs {
  margin: 0 5px;
}
.controller-search .wrapper #serpContent article .card .bottom .bottomContent .btnCompanyWrongData {
  margin: 0 5px;
}
.controller-search .wrapper #serpContent article .card .bottom .bottomShadow .lifted-corners {
  background-color: #FBFBFB;
}
.controller-search .wrapper #serpContent article .card .bottom i {
  font-size: 16px;
}
.controller-search .wrapper #serpContent article .card .bottom a {
  color: #627989;
  text-decoration: none;
}
.controller-search .wrapper #serpContent article .card .bottom .icons {
  margin-left: 5px;
  font-size: 13px !important;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  float: left;
  width: 445px;
  z-index: 1;
  height: 28px;
}
.controller-search .wrapper #serpContent article .card .bottom .icons.width100 {
  width: 100%;
}
.controller-search .wrapper #serpContent article .card .bottom .tradeName {
  font-size: 13px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  padding: 1px 10px;
  margin-left: 320px;
  margin-left: 445px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-search .wrapper #serpContent article .card .spacer {
  clear: right;
  border-bottom: 1px dashed #E0E0E0;
  margin: -2px 5px 8px 105px;
}
.controller-search .wrapper #serpContent article .cardType {
  clear: both;
  font-size: 1.5em;
  padding: 5px;
  background: #d5ff95;
  text-align: center;
}
.controller-search .wrapper #serpContent article .cardRecommended {
  border: 1px solid #E0E0E0;
  border-left: 6px solid #01B9FF;
  margin-left: -6px;
  margin-top: 45px;
}
.controller-search .wrapper #serpContent article .cardRecommended .recommendedTab {
  background: white;
  border: 1px solid #E0E0E0;
  border-bottom: none;
  border-left: 6px solid #01B9FF;
  border-top-right-radius: 5px;
  color: black;
  height: 14px;
  left: -6px;
  padding: 3px 3px 3px 8px;
  position: relative;
  text-align: left;
  top: -26px;
  white-space: nowrap;
  width: 120px;
}
.controller-search .wrapper #serpContent article .cardRecommended .recommendedTab i {
  color: gray;
}
.controller-search .wrapper #serpContent article .cardRecommended .Silver {
  border-left: 6px solid #999;
}
.controller-search .wrapper #serpContent article .Silver {
  border-left: 6px solid #999;
}
.controller-search .wrapper #serpContent article .ProfilLogo,
.controller-search .wrapper #serpContent article .Profil,
.controller-search .wrapper #serpContent article .Info,
.controller-search .wrapper #serpContent article .InfoPlus {
  border: 1px solid #ededed;
}
.controller-search .wrapper #serpContent article .ProfilLogo .contacts,
.controller-search .wrapper #serpContent article .Profil .contacts,
.controller-search .wrapper #serpContent article .Info .contacts,
.controller-search .wrapper #serpContent article .InfoPlus .contacts {
  margin-right: 5px;
}
.controller-search .wrapper #serpContent article .ProfilLogo .text,
.controller-search .wrapper #serpContent article .Profil .text,
.controller-search .wrapper #serpContent article .Info .text,
.controller-search .wrapper #serpContent article .InfoPlus .text {
  height: auto;
}
.controller-search .wrapper #serpContent article .GDP .title h2 a {
  color: #7a8fa0;
  font-size: 1.2em;
}
.controller-search .wrapper #serpContent aside {
  background-color: #f9f9f9;
  display: block;
  float: right;
  width: 30%;
}
.controller-search .wrapper #serpContent aside .documentsBox {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0 auto;
  padding: 17px 3%;
  position: relative;
  text-align: left;
  width: 90%;
  margin-top: 20px;
}
.controller-search .wrapper #serpContent aside .documentsBox .upper {
  color: #9E9FA3;
  font-size: 14px;
  font-weight: bold;
}
.controller-search .wrapper #serpContent aside .documentsBox ul {
  margin-top: 10px;
}
.controller-search .wrapper #serpContent aside .documentsBox ul li {
  font-size: 12px;
  margin-bottom: 8px;
  padding-top: 2px;
  width: 100%;
}
.controller-search .wrapper #serpContent aside .documentsBox ul li .left {
  font-size: 20px;
  line-height: 20px;
  margin-top: -4px;
  color: #545454;
  width: 14px;
  height: 20px;
  margin-right: 13px;
}
.controller-search .wrapper #serpContent aside .documentsBox ul li .left:before {
  margin-right: 7px;
}
.controller-search .wrapper #serpContent aside .documentsBox ul li a {
  color: #000;
  text-decoration: none;
}
.controller-search .wrapper #serpContent aside .documentsBox .lower {
  clear: both;
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.controller-search .wrapper #serpContent aside .documentsBox .lower .budLogo {
  background-image: url("/style/image/sprite.png");
  background-position: 96px -155px;
  float: left;
}
.controller-search .wrapper #serpContent aside .documentsBox .lower .budLogo a {
  display: block;
  height: 14px;
  width: 97px;
}
.controller-search .wrapper #serpContent aside .documentsBox .lower .more {
  float: right;
}
.controller-search .wrapper #serpContent aside .documentsBox .lower .more a {
  color: #000;
  font-size: 11px;
  text-decoration: none;
}
.controller-search .wrapper #serpContent aside .documentsBox .lifted-corners:before,
.controller-search .wrapper #serpContent aside .documentsBox .lifted-corners:after {
  bottom: 12px;
}
@media (max-width: 860px) {
  .controller-search .wrapper #serpContent aside .documentsBox .upper {
    font-size: 12px;
  }
  .controller-search .wrapper #serpContent aside .documentsBox .lower .more a {
    font-size: 10px;
  }
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 17px 3%;
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  text-align: left;
  width: 90%;
  z-index: 1;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget .upper {
  padding-bottom: 10px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget .upper .title {
  color: #9E9FA3;
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget .upper .logo {
  background-image: url("/style/image/sprite.png");
  background-position: 105px -28px;
  float: right;
  height: 30px;
  margin-top: -3px;
  width: 106px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget .upper .logo a {
  display: block;
  height: 30px;
  width: 106px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujInputKw {
  padding-top: 14px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujInputKw ::-webkit-input-placeholder {
  color: #858585;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujInputKw .js-defaultDiv {
  color: #858585;
  font-size: 12px !important;
  margin-top: 7px;
  margin-left: 6px;
  *margin-left: 3px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujInputKw input {
  background: transparent;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 2px rgba(200, 200, 200, 0.75);
  -moz-box-shadow: inset 0 1px 2px rgba(200, 200, 200, 0.75);
  box-shadow: inset 0 1px 2px rgba(200, 200, 200, 0.75);
  color: #777;
  font-size: 12px !important;
  height: 22px;
  line-height: 22px;
  padding: 3px 2%;
  width: 96%;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitle,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitle {
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 2px rgba(200, 200, 200, 0.75);
  -moz-box-shadow: inset 0 1px 2px rgba(200, 200, 200, 0.75);
  box-shadow: inset 0 1px 2px rgba(200, 200, 200, 0.75);
  color: #777;
  cursor: pointer;
  font-size: 12px !important;
  height: 22px;
  line-height: 22px;
  margin: 7px 0;
  overflow: hidden;
  padding: 3px 5% 3px 2%;
  position: relative;
  width: 93%;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitle .widgetPracujCategoryTitleText:before,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitle .widgetPracujCategoryTitleText:before {
  position: absolute;
  right: 10px;
  top: 8px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitle .widgetPracujRegionTitleText:before,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitle .widgetPracujRegionTitleText:before {
  position: absolute;
  right: 10px;
  top: 8px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitleContent,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitleContent {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  height: 250px;
  margin-left: 0px;
  margin-top: -8px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 3px 2%;
  position: absolute;
  z-index: 200;
  width: 90%;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitleContent .widgetPracujList ul.widgetPracujList,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitleContent .widgetPracujList ul.widgetPracujList {
  overflow: hidden;
  position: static;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitleContent .widgetPracujList li input,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitleContent .widgetPracujList li input {
  border: 0;
  float: none;
  width: auto;
  vertical-align: middle;
  display: inline;
  cursor: pointer;
  margin: 0 5px;
  height: auto;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitleContent .widgetPracujList li label,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitleContent .widgetPracujList li label {
  vertical-align: middle;
  display: inline;
  cursor: pointer;
  padding-top: 2px;
  color: #787878;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujCategoryTitleContent .widgetPracujListCategory li {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 2px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujRegionTitleContent .widgetPracujListRegion li {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 2px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujSubmit {
  color: #fff;
  float: right;
  margin-top: 15px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujSubmit input {
  background-color: #2E373E;
  border: 0;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 33px;
  width: 100px;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujSubmit input:hover {
  background-color: #545454;
}
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget .lifted-corners:before,
.controller-search .wrapper #serpContent aside .searchColumnLeftWidget .lifted-corners:after {
  bottom: 12px;
}
@media (max-width: 980px) {
  .controller-search .wrapper #serpContent aside .searchColumnLeftWidget .upper .title {
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
  }
  .controller-search .wrapper #serpContent aside .searchColumnLeftWidget .upper .logo {
    clear: both;
    float: none;
    margin: auto;
  }
  .controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujSubmit {
    float: none;
    margin: auto;
    margin-top: 15px;
  }
  .controller-search .wrapper #serpContent aside .searchColumnLeftWidget #widgetSearch .widgetPracujSubmit input {
    margin: auto;
  }
}
@media (max-width: 768px) {
  .controller-search .wrapper #serpContent aside .searchColumnLeftWidget {
    display: none;
  }
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner {
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorlistTitle {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-left: 8px;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorlistTitle .upper {
  color: #9E9FA3;
  font-weight: bold;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem {
  margin: auto;
  border: 1px solid #CCCCCC;
  margin-bottom: 15px;
  display: block;
  min-height: 90px;
  background: #ffffff;
  width: 96%;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sb-LogoType {
  margin-top: 10px;
  width: 70px;
  height: 70px;
  text-align: center;
  float: left;
  margin-left: 5px;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sbContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 85px;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sbContent h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  max-height: 40px;
  overflow: hidden;
  padding-top: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sbContent h3 a {
  color: black;
  text-decoration: none;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sbContent h3 a:hover {
  text-decoration: underline;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sbContent .sb-Description {
  margin-bottom: 5px;
  overflow: hidden;
  min-height: 30px;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sbContent .sb-Phone {
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.controller-search .wrapper #serpContent aside .sponsorlistBanner .sponsorListItem .sbContent .sb-Phone a {
  color: #000000;
  text-decoration: none;
}
.controller-search .wrapper #serpContent aside .poleSponsorskieBanner {
  margin: 15px auto 15px auto;
  max-width: 300px;
}
.controller-search .wrapper #serpContent aside .infoWindow {
  padding: 3px 0px;
  max-width: 220px;
}
.controller-search .wrapper #serpContent aside .infoWindow .companyName {
  color: #006699;
  font-size: 11px;
  font-weight: bold;
}
.controller-search .wrapper #serpContent aside .infoWindow .companyName a {
  display: block;
  color: #006699;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.controller-search .wrapper #serpContent aside .infoWindow .companyAddress {
  color: #666;
  font-size: 11px;
  font-weight: bold;
}
.controller-search .wrapper #serpContent aside .infoWindow .companyRoute {
  color: #444;
  font-size: 11px;
  padding-bottom: 5px;
}
.controller-search .wrapper #serpContent aside .infoWindow .companyRoute:before {
  font-size: 12px;
  margin-left: -4px;
}
.controller-search .wrapper #serpContent aside .infoWindow .companyRoute a {
  color: #666;
  text-decoration: none;
}
.controller-search .wrapper #serpContent aside .mapBox {
  height: 350px;
  margin: 10px auto;
  position: relative;
  width: 96%;
  z-index: 1;
}
.controller-search .wrapper #serpContent aside .mapBox .mapPreloader {
  background: url("/style/image/ajax-loader.gif") no-repeat center center;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper {
  position: relative;
  opacity: 0;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .zoom {
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  float: left;
  left: 7px;
  position: absolute;
  top: 15px;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .zoom .zoomin,
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .zoom .zoomout {
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  color: #000;
  display: block;
  height: 20px;
  line-height: 21px;
  text-decoration: none;
  width: 24px;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .zoom .zoomin:before,
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .zoom .zoomout:before {
  font-size: 12px;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .zoom .zoomout {
  border-top: 1px solid #ccc;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .btnLargeMap {
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  color: #000;
  display: block;
  float: right;
  height: 30px;
  line-height: 35px;
  right: 7px;
  position: absolute;
  text-decoration: none;
  top: 15px;
  width: 30px;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .btnLargeMap:before {
  font-size: 16px;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper .e-map:focus {
  outline: none;
}
.controller-search .wrapper #serpContent aside .mapBox #mapWrapper*:focus {
  outline: none;
}
.controller-search .wrapper #serpContent aside .mapBox .lifted-corners {
  padding-bottom: 0;
}
.controller-search .wrapper #serpContent aside .mapBox .lifted-corners:before,
.controller-search .wrapper #serpContent aside .mapBox .lifted-corners:after {
  bottom: 12px;
}
.controller-search .wrapper #serpContent aside .WNPAdvert {
  margin: 15px auto;
  display: inline-block;
}
@media (max-width: 768px) {
  .controller-search .wrapper #serpContent aside {
    display: none;
  }
}
.controller-search #bottomBar {
  width: 100%;
  background: #ccebf2;
}
.controller-search #bottomBar #bottomBarContent {
  overflow: hidden;
  background: #e0f3f7;
  box-shadow: 0 0 15px #a6a6a6;
  color: #3b3539;
  padding: 8px 0;
  text-align: left;
  margin: 0 auto 0 auto;
  max-width: 1280px;
  width: 90%;
}
.controller-search #bottomBar #bottomBarContent p {
  margin-left: 1em;
}
.controller-search #bottomBar #bottomBarContent .popularQuery {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 800ms;
  -moz-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
}
.controller-search #bottomBar #bottomBarContent .popularQuery:hover {
  color: red;
  cursor: pointer;
}
.controller-search #bottomBar #bottomBarContent #keywordsContent ul {
  margin: 0 1em;
}
.controller-search #bottomBar #bottomBarContent #keywordsContent ul li {
  float: left;
  margin: 5px 5px 5px 0;
}
.controller-search #bottomBar #bottomBarContent #keywordsContent ul li a {
  background: #b7e3ed;
  border-radius: 3px;
  color: inherit;
  display: block;
  text-decoration: none;
  padding: 2px 4px;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 800ms;
  -moz-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
}
.controller-search #bottomBar #bottomBarContent #keywordsContent ul li a:hover {
  background: #66c4d8;
}
@media (max-width: 768px) {
  .controller-search #breadcrumbs {
    display: none;
  }
}
@media (max-width: 1024px) {
  .popularQuery:hover {
    color: black !important;
  }
}
html {
  -webkit-text-size-adjust: none;
}
.controller-info-page.mobileDevice .navigationBox,
.controller-info-page.mobileDevice .streetViewBox {
  float: none;
  margin-top: 0px;
}
.controller-search.mobileDevice .navigationBox,
.controller-search.mobileDevice .streetViewBox {
  height: auto;
  text-align: center;
  float: left;
  text-align: left;
  padding-left: 5px;
}
.controller-search.mobileDevice .navigationBox a,
.controller-search.mobileDevice .streetViewBox a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  margin-bottom: 0px;
}
.controller-search.mobileDevice .navigationBox a i,
.controller-search.mobileDevice .streetViewBox a i {
  color: #696969;
}
.controller-search.mobileDevice .navigationBox {
  min-width: 90px;
}
.controller-search.mobileDevice .mobileBottomPanel {
  border-top: 1px solid #EDEDED;
  width: 100%;
  margin-top: 10px;
}
.controller-search.mobileDevice .mobileBottomPanel.notActive {
  display: none;
}
.controller-search.mobileDevice footer #infoContainer #bottomSurvey .bottomSurveyMobile {
  width: 430px;
}
.controller-search.mobileDevice footer #infoContainer #bottomSurvey .bottomSurveyMobile #linkContainer {
  line-height: 40px;
  width: auto;
}
.controller-search.mobileDevice footer #infoContainer #bottomSurvey .bottomSurveyMobile #linkContainer #surveyButton {
  color: #000;
  float: none;
  margin: 8px 0 14px;
  text-align: center;
  text-decoration: none;
}
.controller-search.mobileDevice footer #infoContainer #bottomSurvey .bottomSurveyMobile #linkContainer #surveyButton span {
  color: #fff;
  float: none;
  margin: 0 auto;
}
.mobileDevice .navigationBox,
.mobileDevice .streetViewBox {
  width: auto;
  margin-left: 0px !important;
}
.mobileDevice .navigationBox a,
.mobileDevice .streetViewBox a {
  font-weight: normal;
  text-decoration: none;
}
.mobileDevice .navigationBox i,
.mobileDevice .streetViewBox i {
  font-size: 16px;
}
.mobileDevice #rafination #rafiningPanel {
  width: 100% !important;
}
.mobileDevice #searchBoxWrapper #logo {
  width: 290px !important;
}
.mobileDevice #searchBoxWrapper #searchForm {
  width: 100%;
}
.mobileDevice video {
  width: 100%;
  margin-bottom: 30px;
}
.mobileDevice article {
  margin-top: -10px;
  width: 100% !important;
}
.mobileDevice .mobileBanner {
  margin: 20px auto auto;
  text-align: center;
}
.mobileDevice .mobileBanner a {
  display: block;
}
.mobileDevice .mobileBanner img {
  border: 1px solid #E0E0E0;
  display: block;
  margin: auto;
}
.mobileDevice #rafiningPanel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: dimgrey;
  padding: 5px;
}
.mobileDevice #rafiningPanel .mobileSortTrigger {
  color: black;
}
.mobileDevice #rafiningPanel a {
  text-decoration: none;
  margin-left: 1em;
}
.mobileDevice #rafiningPanel #mobileSort {
  display: none;
  clear: both;
  width: 100%;
  text-align: left;
  padding-top: 10px;
}
.mobileDevice #serpContent article .card {
  padding-bottom: 1em;
}
.mobileDevice #serpContent article .card.cardRecommended {
  border-left: 1px solid #E0E0E0 !important;
  margin-left: inherit !important;
}
.mobileDevice #serpContent article .card .logo img {
  margin: auto !important;
}
.mobileDevice #serpContent article .card .title,
.mobileDevice #serpContent article .card .spacer {
  font-size: .9em;
  margin-left: 5px !important;
}
.mobileDevice #serpContent article .card .title.bold {
  font-weight: bold;
}
.mobileDevice #serpContent article .card .spacer {
  font-weight: bold;
}
.mobileDevice #serpContent article .card .contacts {
  display: block !important;
  margin-right: 100px !important;
}
.mobileDevice #serpContent article .card .contacts .bigPhoneIcon {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 3px;
  position: absolute;
  top: 0px;
  right: -95px;
  font-size: 2.5em;
  display: block;
  background: dimgray;
  color: white;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
}
.mobileDevice #serpContent article .card .contacts .bigPhoneIcon:hover {
  background: #02b6ff;
}
.mobileDevice #serpContent article .card .contacts .bigPhoneIcon:before {
  margin: 0 !important;
}
.mobileDevice #serpContent article .card .text {
  height: auto !important;
  margin: 10px 100px 5px 105px !important;
}
.mobileDevice #serpContent article .noLogo .contacts,
.mobileDevice #serpContent article .noLogo .text {
  margin-left: 5px !important;
}
.mobileDevice #serpContent article .cardRecommended {
  margin-top: 25px !important;
}
.mobileDevice #serpContent article .GDP .title h2 a {
  color: #02B6FF !important;
  font-size: 1.5em !important;
}
.mobileDevice #infoContent .distance {
  color: gray;
}
.mobileDevice #infoContent .mapBoxMobile {
  height: 102px;
}
.mobileDevice #infoContent article #galery-box .button {
  top: inherit !important;
  height: inherit !important;
  bottom: 0 !important;
}
.mobileDevice #infoContent article #galery-box .button i {
  top: 100% !important;
  margin-top: -33px !important;
  font-size: 30px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mobileDevice #infoContent article .title i {
  color: #696969;
}
.mobileDevice #infoContent article .title .info {
  font-size: 14px;
}
.mobileDevice #infoContent article .title .info .logoMobile,
.mobileDevice #infoContent article .title .info .mobileShowRoute {
  font-size: 12px;
}
.mobileDevice #infoContent .title p strong a {
  color: #000;
}
.mobileDevice #infoContent .title a {
  text-decoration: none !important;
}
.mobileDevice #infoContent .title .titleLogo {
  padding-left: 5px !important;
}
.mobileDevice #infoContent .title i {
  font-size: 1.5em;
  margin-right: 5px;
  color: black;
}
.mobileDevice #infoContent .title .logoMobile {
  padding-left: 150px;
}
.mobileDevice #infoContent .title .logoMobile.noPicture {
  padding-left: inherit;
}
.mobileDevice #infoContent .title .info {
  padding-right: 5px !important;
}
.mobileDevice #infoContent .title .info .icon-phone {
  margin-right: 3px !important;
}
.mobileDevice #infoContent .title .info .mobilePhone {
  color: #02b6ff !important;
}
.mobileDevice #infoContent .title .trade {
  margin-left: 0px !important;
  padding-left: 5px !important;
  background: none !important;
  border: 0 !important;
  text-align: left !important;
}
.mobileDevice #infoContent .title .trade .icon-menu {
  margin-left: 3px;
  margin-right: 3px;
}
.mobileDevice #infoContent .title .trade a {
  color: black !important;
}
.mobileDevice #infoContent .title .mobileShowRoute {
  display: block;
  position: relative;
  height: 50px;
  width: 60px;
  text-decoration: none;
  text-align: center;
}
.mobileDevice #infoContent .title .mobileShowRoute .locationFrom {
  color: #02B6FF;
  position: absolute;
  left: 0;
  bottom: .6em;
  font-size: 2.5em;
}
.mobileDevice #infoContent .title .mobileShowRoute .locationTo {
  color: dimgrey;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 1.8em;
}
.mobileDevice #infoContent .title .mobileShowRoute .locationText {
  position: absolute;
  bottom: 0;
  left: 3px;
  font-size: .8em;
  color: black;
  line-height: 100%;
}
.mobileDevice #infoContent .openHoursMobile {
  padding: 5px 0 5px 5px;
  font-size: 1.2em;
}
.mobileDevice #infoContent .mapBoxMobile {
  padding: 0;
}
.mobileDevice #infoContent .mapBoxMobile .zoom,
.mobileDevice #infoContent .mapBoxMobile .btnLargeMap {
  display: none !important;
}
.mobileDevice .spacerMobile {
  margin-top: 10px;
  height: 10px;
  border-top: 1px dashed gray;
}
.mobileDevice .spacerMobile.notActive {
  display: none;
}
@media (max-width: 480px) {
  .mobileDevice #searchBoxWrapper {
    width: 98% !important;
  }
  .mobileDevice .wrapper {
    width: 100% !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
  .mobileDevice #serpContent,
  .mobileDevice #infoContent {
    width: 100% !important;
    padding: 8px 0 !important;
  }
  .mobileDevice #infoContent {
    width: 100% !important;
    padding: 8px 0 !important;
  }
  .mobileDevice #infoContent .title {
    border-left: none;
    border-right: none;
  }
  .mobileDevice .contacts {
    clear: none !important;
    margin: 5px 5px 5px 105px !important;
  }
  .mobileDevice .bigPhoneIcon {
    top: -45px;
  }
  .mobileDevice .card {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .mobileDevice .card .title {
    margin-right: 5px !important;
  }
  .mobileDevice .card .title h2 {
    margin-bottom: 0 !important;
  }
  .mobileDevice footer #footerContent {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    width: 100% !important;
  }
}
.controller-info-page {
  background: #ebebeb;
  min-width: 320px;
}
.controller-info-page .wrapper {
  background: #f9f9f9;
  box-shadow: 0 0 15px #a6a6a6;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
.controller-info-page .wrapper #infoBelt {
  color: #636365;
  text-align: left;
  width: 99%;
}
.controller-info-page .wrapper #infoBelt #infoBeltSocial {
  float: right;
  height: 1em;
  padding-top: 10px;
  text-align: right;
  width: 345px;
}
.controller-info-page .wrapper #infoBelt #infoBeltSocial #socialItems li {
  float: left;
  margin: 0 0 0 10px;
}
.controller-info-page .wrapper #infoBelt #infoBeltSocial #socialItems li a {
  color: #656660;
  line-height: 1em;
  text-decoration: none;
}
.controller-info-page .wrapper #infoBelt #infoBeltSocial #socialItems li a i {
  font-size: 1.25em;
  margin: 0 3px 0 0;
}
.controller-info-page .wrapper #infoContent {
  padding: 8px .5%;
  width: 99%;
}
.controller-info-page .wrapper #infoContent article {
  display: block;
  float: left;
  padding-bottom: 2em;
  text-align: left;
  width: 69%;
}
.controller-info-page .wrapper #infoContent article .box {
  position: relative;
}
.controller-info-page .wrapper #infoContent article .box .description {
  margin-top: 10px;
  margin-bottom: 10px;
}
.controller-info-page .wrapper #infoContent article .main-content {
  background: #ffffff;
}
.controller-info-page .wrapper #infoContent article .title {
  position: relative;
  z-index: 100;
  padding: 0;
  background: #ffffff;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerContainer {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 35.6651%;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerContainer .welcomeBanner {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerTexts {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 1.3em;
  font-weight: bolder;
  padding: 10px;
  position: relative;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerTexts .welcomeTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerTexts ul {
  margin-top: 10px;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerTexts ul li {
  background: white;
  display: inline-block;
  font-size: 0.9em;
  font-weight: normal;
  list-style: none;
  margin-right: 5px;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerTexts ul li a {
  color: black;
  outline: 1px solid #dfdfdf;
  padding: 4px 10px;
  display: block;
  text-decoration: none;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
}
.controller-info-page .wrapper #infoContent article .title .welcomeBannerTexts ul li a:hover {
  background: #02b6ff;
}
.controller-info-page .wrapper #infoContent article .title .bannerTitleAndLinks {
  height: 80px;
  margin-bottom: -80px;
  top: -80px;
}
.controller-info-page .wrapper #infoContent article .title .bannerTitle {
  height: 40px;
  margin-bottom: -40px;
  top: -40px;
}
.controller-info-page .wrapper #infoContent article .title .bannerLinks {
  height: 40px;
  margin-bottom: -40px;
  top: -40px;
}
.controller-info-page .wrapper #infoContent article .title .navigationBar a {
  color: #000000;
}
.controller-info-page .wrapper #infoContent article .title .recommendButton {
  margin-right: -22px;
  margin-top: -4px;
}
.controller-info-page .wrapper #infoContent article .title .trade {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F9F9F9;
  border-top: 1px solid #E0E0E0;
  color: #6a6a6a;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 10px;
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .title .trade a {
  color: gray;
  font-size: 1.2em;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent article .title .titleLogo {
  padding-left: 150px;
}
.controller-info-page .wrapper #infoContent article .title .noLogo {
  margin-left: 10px;
}
.controller-info-page .wrapper #infoContent article .title .info {
  margin-top: 15px;
  padding-right: 30px;
  position: relative;
}
.controller-info-page .wrapper #infoContent article .title .info .logo {
  margin-left: -150px;
  float: left;
  width: 150px;
  text-align: center;
}
.controller-info-page .wrapper #infoContent article .title .info .logo img {
  width: 100px;
}
.controller-info-page .wrapper #infoContent article .title .info .commonNames {
  margin-top: 10px;
}
.controller-info-page .wrapper #infoContent article .title .info .commonNames h2 {
  display: inline;
}
.controller-info-page .wrapper #infoContent article .title .info .commonNames a {
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
}
.controller-info-page .wrapper #infoContent article .title .info .commonNames a i {
  color: gray;
}
.controller-info-page .wrapper #infoContent article .title .info .commonNames a:hover {
  color: orangered;
}
.controller-info-page .wrapper #infoContent article .title .info .mapRoad {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .title .info .mapRoad .streetViewBox,
.controller-info-page .wrapper #infoContent article .title .info .mapRoad .navigationBox {
  margin-top: 0px;
  float: left;
}
.controller-info-page .wrapper #infoContent article .title .info .mapRoad .streetViewBox a,
.controller-info-page .wrapper #infoContent article .title .info .mapRoad .navigationBox a {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  margin-bottom: 0px;
  margin-top: 0px;
}
.controller-info-page .wrapper #infoContent article .title .info .mapRoad .streetViewBox a:hover,
.controller-info-page .wrapper #infoContent article .title .info .mapRoad .navigationBox a:hover {
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  color: orangered;
}
.controller-info-page .wrapper #infoContent article .title .info h1 {
  font-size: 1.3em;
  font-size: 22px;
  font-weight: normal;
  margin: 5px 0;
}
.controller-info-page .wrapper #infoContent article .title .info .additionalData ul {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .title .info .additionalData ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 5px;
  float: left;
  width: 33%;
}
.controller-info-page .wrapper #infoContent article .title .info .additionalData ul li a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .title .popoverTitle {
  margin-top: 5px;
  margin-bottom: 5px;
}
.controller-info-page .wrapper #infoContent article .title .popoverControls .popoverCloser {
  top: 10px;
}
.controller-info-page .wrapper #infoContent article .title .socialLink {
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .gdp .info {
  padding: 0 0;
  margin-right: 30px;
}
.controller-info-page .wrapper #infoContent article .gdp .info .recommendButton {
  right: -30px;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  display: none;
  height: 524px;
  margin: 0 auto 10px auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .box-shadow {
  border: 0;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapPreloader {
  background: url("/style/image/ajax-loader.gif") no-repeat center center;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  position: absolute;
  top: 134px;
  width: 32px;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper {
  height: 270px;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .zoom {
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  float: left;
  left: 7px;
  position: absolute;
  top: 15px;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .zoom .zoomin,
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .zoom .zoomout {
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  color: #000;
  display: block;
  height: 20px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  width: 24px;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .zoom .zoomin:before,
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .zoom .zoomout:before {
  font-size: 12px;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .zoom .zoomout {
  border-top: 1px solid #ccc;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .btnLargeMap {
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  color: #000;
  display: block;
  float: right;
  height: 30px;
  line-height: 35px;
  right: 7px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 15px;
  width: 30px;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .btnLargeMap:before {
  font-size: 16px;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper .e-map:focus {
  outline: none;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle #mapWrapper*:focus {
  outline: none;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  height: 250px;
  padding: 15px 0 10px 0;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .title {
  color: #333333;
  font-size: 18px;
  padding: 0px 15px 5px 15px;
  text-align: left;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .title2 {
  color: #888;
  font-size: 14px;
  padding: 10px 15px 10px 15px;
  text-align: left;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .locationBox {
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  margin: auto;
  padding-right: 38px;
  position: relative;
  width: 94%;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .locationBox .txtRouteLocation {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  float: left;
  font-size: 13px;
  font-weight: bold;
  height: 28px;
  margin: 2px 0 2px 0;
  padding: 0 4px 0 4px;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .locationBox .txtRouteLocation.localized {
  color: #0084c1;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .locationBox .btnLocalizeRoute {
  background-color: #CCC;
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 14px;
  height: 30px;
  right: 0;
  line-height: 30px;
  margin: 2px 2px 2px 2px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
  z-index: 100;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  background-clip: border-box;
  /* usuwa background-clip dodawany przez less hata */
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .locationBox .btnLocalizeRoute.js-localized {
  background-color: #01B9FF;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .companyAddress {
  background: url('/style/image/map/gdp.png') no-repeat 15px center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 45px;
  padding-left: 60px;
  text-align: left;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .mapBoxArticle .mapRoute .btnShowRoute {
  clear: both;
  cursor: pointer;
  margin-right: 15px;
  padding-left: 8px;
}
.controller-info-page .wrapper #infoContent article .promoteCompany {
  background-color: #fff;
  height: 50px;
  margin-bottom: 10px;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .promoteCompany .titlePromote {
  color: #222;
  float: left;
  font-size: 15px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  margin-left: 10px;
}
.controller-info-page .wrapper #infoContent article .promoteCompany .btnPromoteCompany {
  background-color: #FF6900;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  color: #fff;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  width: 150px;
}
.controller-info-page .wrapper #infoContent article .promotionBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controller-info-page .wrapper #infoContent article .promotionBox .imgArea {
  position: relative;
  overflow: hidden;
  border: 1px solid #E0E0E0;
  width: 30%;
  height: 150px;
  float: left;
  text-align: center;
  background-position: center center !important;
}
.controller-info-page .wrapper #infoContent article .promotionBox .imgArea.default {
  background: url('/style/image/promotion_pattern.jpg');
}
.controller-info-page .wrapper #infoContent article .promotionBox .imgArea img {
  max-height: 150px;
}
.controller-info-page .wrapper #infoContent article .promotionBox .imgArea .promotionsBigImage {
  display: block;
  height: 100%;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .promotionBox .imgArea .ribbon {
  background: #e45327;
  color: #FFFFFF;
  font-weight: bold;
  height: 35px;
  padding-top: 3px;
  left: -50px;
  max-width: 260px;
  top: 30px;
  width: 200px;
  text-align: center;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: 0 0 8px -2px #666666;
  -moz-box-shadow: 0 0 8px -2px #666666;
  box-shadow: 0 0 8px -2px #666666;
  text-shadow: 0 0 1rem #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.9;
}
.controller-info-page .wrapper #infoContent article .promotionBox .content {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  margin-left: 30%;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 140px;
}
.controller-info-page .wrapper #infoContent article .promotionBox .content p.title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  z-index: inherit !important;
}
.controller-info-page .wrapper #infoContent article #galery-box {
  clear: left;
  position: relative;
}
.controller-info-page .wrapper #infoContent article #galery-box .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 80px;
  z-index: 100;
}
.controller-info-page .wrapper #infoContent article #galery-box .button i {
  font-size: 50px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -25px;
  left: 0;
  text-shadow: 0 0 3px white;
}
.controller-info-page .wrapper #infoContent article #galery-box .button i[class^="icon-"]:before,
.controller-info-page .wrapper #infoContent article #galery-box .button i [class*=" icon-"]:before {
  width: auto;
}
.controller-info-page .wrapper #infoContent article #galery-box .button:hover {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0.7;
}
.controller-info-page .wrapper #infoContent article #galery-box .left-button {
  left: 0;
  text-align: left;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-button {
  right: 0;
  text-align: right;
}
.controller-info-page .wrapper #infoContent article #galery-box .main-panel {
  position: relative;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box {
  border: 1px solid #ccc;
  margin: 0 5px 5px 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  padding-left: 80px  !important;
  padding-right: 80px  !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box iframe {
  margin: 0px !important;
  max-width: 100%;
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box iframe html body {
  text-align: center !important;
  background: white !important;
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 3000px) {
  .controller-info-page .wrapper #infoContent article #galery-box .photo-box img {
    width: 100%;
  }
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box a {
  display: block;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box a span {
  color: gray;
  display: block;
  height: auto;
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box .content {
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  padding: 10px;
}
.controller-info-page .wrapper #infoContent article #galery-box .photo-box span {
  display: block;
  margin: 5px 10px;
  padding: 5px;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  margin: 10px auto;
  padding: 0 10px;
  position: relative;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .top-button,
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .bot-button {
  background-color: #666;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  cursor: pointer;
  display: none;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 24px;
  z-index: 99;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .top-button i,
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .bot-button i {
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .top-button {
  left: 0;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .bot-button {
  right: 0;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .thumbs li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  float: left;
  height: 158px;
  list-style: none;
  margin: 0 .5%;
  padding: 3px;
  position: relative;
  width: 19%;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .thumbs li:hover {
  opacity: 1;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .thumbs li .thumbBox {
  height: 150px;
  overflow: hidden;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .thumbs li .thumbBox img {
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .thumbs li .playIcon {
  background-color: #01B9FF;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  height: 36px;
  left: 50%;
  line-height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  opacity: 0.9;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 36px;
}
.controller-info-page .wrapper #infoContent article #galery-box .right-panel .thumbs li .playIcon i {
  color: #fff;
  font-size: 15px;
}
.controller-info-page .wrapper #infoContent article #galery-box .small-galery-panel {
  display: none;
}
.controller-info-page .wrapper #infoContent article #galery-box .small-galery-panel i {
  cursor: pointer;
  margin-top: 21px;
}
.controller-info-page .wrapper #infoContent article #galery-box .on-big-screen {
  opacity: 0.75;
}
.controller-info-page .wrapper #infoContent article .attachmentsBoxArticle {
  display: none;
}
.controller-info-page .wrapper #infoContent article .attachmentsBoxArticle .attachmentsBox {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  margin: 10px auto;
  padding: 15px;
  text-align: left;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .attachmentsBoxArticle .attachmentsBox .title {
  color: #333333;
  font-size: 18px;
  padding-bottom: 10px;
}
.controller-info-page .wrapper #infoContent article .attachmentsBoxArticle .attachmentsBox a {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  color: #333333;
  display: block;
  font-size: 13px;
  margin-top: 2px;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent article .attachmentsBoxArticle .attachmentsBox a:hover {
  background-color: #f3f3f3;
}
.controller-info-page .wrapper #infoContent article .attachmentsBoxArticle .attachmentsBox a .attachmentItem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 6px 5px 4px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .attachmentsBoxArticle .attachmentsBox a .attachmentItem i {
  float: left;
  font-size: 16px;
  margin-right: 10px;
}
.controller-info-page .wrapper #infoContent article .about-Images {
  width: 100%;
  text-align: center;
  display: table;
  margin-bottom: 10px;
}
.controller-info-page .wrapper #infoContent article .about-Images img {
  width: 32.5%;
  text-align: center;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-size: cover !important;
}
.controller-info-page .wrapper #infoContent article .about-Images img.first {
  float: left;
}
.controller-info-page .wrapper #infoContent article .about-Images img.last {
  float: right;
}
.controller-info-page .wrapper #infoContent article .certificates-Images {
  margin-bottom: 7px;
  margin-top: 10px;
  display: table;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .certificates-Images .image {
  float: left;
  text-align: center;
  width: 25%;
}
.controller-info-page .wrapper #infoContent article .certificates-Images .image img {
  max-width: 100%;
}
.controller-info-page .wrapper #infoContent article #rekomendacje {
  padding-bottom: 17px;
  position: relative;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent article #rekomendacje #recomend.GDP textarea {
  height: 60px;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .counter {
  text-align: right;
}
.controller-info-page .wrapper #infoContent article #rekomendacje input {
  width: 180px;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .signatureArea {
  width: 265px;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .formStatus {
  clear: both;
  padding-top: 8px;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .formStatus.error {
  color: red;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .formStatus.success {
  color: green;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .commentItem .signature {
  clear: both;
  margin-top: 5px;
  color: #8e8e8e;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .commentItem .signature strong {
  color: black;
}
.controller-info-page .wrapper #infoContent article #rekomendacje ul.simplePagerNav li {
  font-size: 1.2em;
  display: block;
  float: left;
  padding: 3px;
  margin-top: 10px;
}
.controller-info-page .wrapper #infoContent article #rekomendacje ul.simplePagerNav li a {
  color: #333;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent article #rekomendacje li.currentPage {
  font-weight: bolder;
}
.controller-info-page .wrapper #infoContent article #rekomendacje ul.simplePagerNav li.currentPage a {
  color: black;
}
.controller-info-page .wrapper #infoContent article #rekomendacje .lifted-corners:before,
.controller-info-page .wrapper #infoContent article #rekomendacje .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #infoContent article .trades {
  padding-bottom: 9px;
}
.controller-info-page .wrapper #infoContent article .trades li a {
  color: #1d96cb;
  font-size: 1.1em;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent article #keywordsArea {
  color: #787878;
  padding: 5px;
}
.controller-info-page .wrapper #infoContent article #keywordsArea .keywords {
  color: #787878;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent article #keywordsArea .keywords:hover {
  text-decoration: underline;
}
.controller-info-page .wrapper #infoContent article #allegro {
  min-height: 50px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article #allegro .header.allegro {
  text-align: left;
  width: calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
}
.controller-info-page .wrapper #infoContent article #allegro .logo {
  background: url('/style/image/allegro.png') no-repeat;
  float: right;
  height: 26px;
  margin-left: 10px;
  margin-top: -30px;
  width: 140px;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable {
  width: 100%;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable .item {
  float: left;
  padding: 5px;
  vertical-align: middle;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable .item.auctionItemOdd {
  background: #f1f1f1;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable .item .auctionItemImage {
  float: left;
  height: 58px;
  width: 64px;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable .item .auctionItemName {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-left: 10px;
  padding-top: 15px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 64px - 130px);
  width: -moz-calc(100% - 64px - 130px);
  width: -webkit-calc(100% - 64px - 130px);
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable .item .auctionItemName a {
  color: #0D58AC;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable .item .auctionItemPrice {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding-top: 15px;
  padding-right: 3px;
  width: 130px;
  text-align: right;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionItemsTable .item .buyNow {
  color: #FB5A00;
  display: inline-block;
  font-weight: bold;
}
.controller-info-page .wrapper #infoContent article #allegro #auctionSeeMore {
  font-weight: bold;
  font-size: 13px;
  height: 28px;
  margin-top: 10px;
  text-align: center;
  width: 140px;
}
.controller-info-page .wrapper #infoContent article .similarOffers {
  position: relative;
  width: 100%;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent article .similarOffers .border {
  border-bottom: 1px dashed #ccc;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 15px 5px 15px 5px;
  position: relative;
  width: 50%;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .logo {
  left: 5px;
  line-height: 80px;
  position: absolute;
  top: 15px;
  width: 85px;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .logo img {
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .description {
  background: url('/style/image/map/gdpRecommend.png') no-repeat 95px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  margin: 0;
  padding-left: 100px;
  text-align: left;
  width: 100%;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .description .title {
  background: none;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .description .title a {
  color: black;
  text-decoration: none;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .description .title a:hover {
  color: #02B6FF;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .description .distance {
  color: #01B9FF;
  font-size: 12px;
  font-weight: bold;
  padding-left: 30px;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .description .address {
  font-size: 12px;
  overflow: hidden;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .similarOffers .offer .description .trade {
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
  padding-top: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #infoContent article .similarOffers .lifted-corners:before,
.controller-info-page .wrapper #infoContent article .similarOffers .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #infoContent aside {
  background-color: #f9f9f9;
  display: block;
  float: right;
  width: 30%;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  margin: 0 auto 10px auto;
  position: relative;
  width: 96%;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapPreloader {
  background: url("/style/image/ajax-loader.gif") no-repeat center center;
  height: 32px;
  left: 50%;
  margin-left: -16px;
  position: absolute;
  top: 134px;
  width: 32px;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper {
  height: 270px;
  overflow: hidden;
  position: relative;
  opacity: 0;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .zoom {
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  float: left;
  left: 7px;
  position: absolute;
  top: 15px;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .zoom .zoomin,
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .zoom .zoomout {
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  color: #000;
  display: block;
  height: 20px;
  line-height: 21px;
  text-align: center;
  text-decoration: none;
  width: 24px;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .zoom .zoomin:before,
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .zoom .zoomout:before {
  font-size: 12px;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .zoom .zoomout {
  border-top: 1px solid #ccc;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .btnLargeMap {
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  color: #000;
  display: block;
  float: right;
  height: 30px;
  line-height: 35px;
  right: 7px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 15px;
  width: 30px;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .btnLargeMap:before {
  font-size: 16px;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper .e-map:focus {
  outline: none;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox #mapWrapper*:focus {
  outline: none;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 15px 0 10px 0;
  width: 100%;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .title {
  color: #333333;
  font-size: 18px;
  padding: 0px 15px 5px 15px;
  text-align: left;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .title2 {
  color: #888;
  font-size: 14px;
  padding: 10px 15px 10px 15px;
  text-align: left;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .locationBox {
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  margin: auto;
  padding-right: 38px;
  position: relative;
  width: 90%;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .locationBox .txtRouteLocation {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  float: left;
  font-size: 13px;
  font-weight: bold;
  height: 28px;
  margin: 2px 0 2px 0;
  padding: 0 4px 0 4px;
  width: 100%;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .locationBox .txtRouteLocation.localized {
  color: #0084c1;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .locationBox .btnLocalizeRoute {
  background-color: #CCC;
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 14px;
  height: 30px;
  right: 0;
  line-height: 30px;
  margin: 2px 2px 2px 2px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
  z-index: 100;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  background-clip: border-box;
  /* usuwa background-clip dodawany przez less hata */
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .locationBox .btnLocalizeRoute.js-localized {
  background-color: #01B9FF;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .companyAddress {
  background: url('/style/image/map/gdp.png') no-repeat 15px center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 45px;
  padding-left: 60px;
  text-align: left;
  width: 100%;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .mapRoute .btnShowRoute {
  clear: both;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 10px;
  padding-left: 8px;
}
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .lifted-corners:before,
.controller-info-page .wrapper #infoContent aside .mapBoxAside .mapBox .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #infoContent aside .deepLinks {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  margin: 10px auto;
  padding: 15px 0 5px 0;
  text-align: left;
  width: 96%;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent aside .deepLinks .title {
  color: #333333;
  font-size: 18px;
  padding: 0px 15px 5px 15px;
}
.controller-info-page .wrapper #infoContent aside .deepLinks .items {
  padding-left: 15px;
}
.controller-info-page .wrapper #infoContent aside .deepLinks .items a {
  float: left;
  clear: both;
  line-height: 20px;
}
.controller-info-page .wrapper #infoContent aside .deepLinks .lifted-corners:before,
.controller-info-page .wrapper #infoContent aside .deepLinks .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  margin: 10px auto;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 96%;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox .title {
  color: #333333;
  font-size: 18px;
  padding-bottom: 10px;
}
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox a {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  color: #333333;
  display: block;
  font-size: 13px;
  margin-top: 2px;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox a:hover {
  background-color: #f3f3f3;
}
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox a .attachmentItem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 6px 5px 4px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox a .attachmentItem i {
  float: left;
  font-size: 16px;
  margin-right: 10px;
}
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox .lifted-corners:before,
.controller-info-page .wrapper #infoContent aside .attachmentsBoxAside .attachmentsBox .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #infoContent aside .paymentsBox {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  margin: 10px auto;
  padding: 15px 0 5px 0;
  position: relative;
  text-align: left;
  width: 96%;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent aside .paymentsBox .title {
  color: #333333;
  font-size: 18px;
  padding: 0px 15px 5px 15px;
}
.controller-info-page .wrapper #infoContent aside .paymentsBox .items .paymentItem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 5px;
  float: left;
  overflow: hidden;
  text-align: left;
  width: 25%;
  vertical-align: middle;
}
.controller-info-page .wrapper #infoContent aside .paymentsBox .items .paymentItem img {
  margin: auto;
  width: 95%;
}
.controller-info-page .wrapper #infoContent aside .paymentsBox .lifted-corners:before,
.controller-info-page .wrapper #infoContent aside .paymentsBox .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  margin: 10px auto;
  padding: 15px;
  position: relative;
  text-align: left;
  width: 96%;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox .title {
  color: #333333;
  font-size: 18px;
  padding-bottom: 15px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox p {
  font-size: 13px;
  padding-bottom: 15px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox ul {
  color: #04B5FB;
  list-style: disc;
  margin-left: 17px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox ul li {
  color: #04B5FB;
  font-size: 15px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox ul li a {
  color: #04B5FB;
  display: block;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox ul li span {
  color: #333333;
  font-size: 13px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox .btnMoreJobOffers {
  display: block;
  margin-bottom: 3px;
}
.controller-info-page .wrapper #infoContent aside .jobOffersBox .lifted-corners:before,
.controller-info-page .wrapper #infoContent aside .jobOffersBox .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #infoContent aside .boxBanner {
  width: 96%;
  margin: 0 auto;
  text-align: center;
}
.controller-info-page .wrapper #infoContent aside .boxBanner .videoWrapper {
  position: relative;
  height: 0;
  margin: 0 auto;
  text-align: center;
  max-width: 300px;
}
.controller-info-page .wrapper #infoContent aside .boxBanner .videoWrapper embed,
.controller-info-page .wrapper #infoContent aside .boxBanner .videoWrapper object {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}
.controller-info-page .wrapper #infoContent aside .boxBanner .bannerAside {
  padding-bottom: 200%;
}
.controller-info-page .wrapper #infoContent aside .poleSponsorskieBanner {
  display: inline-block;
}
.controller-info-page .wrapper #infoContent aside .proff {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #7b6cc4;
  margin: 10px auto;
  padding: 15px 0 5px 0;
  position: relative;
  text-align: left;
  width: 96%;
  z-index: 1;
}
.controller-info-page .wrapper #infoContent aside .proff a {
  color: #3f2ca0;
  display: inline-block;
  vertical-align: sub;
  text-decoration: none;
}
.controller-info-page .wrapper #infoContent aside .proff .title {
  color: #3f2ca0;
  font-size: 18px;
  padding: 0px 15px 5px 15px;
}
.controller-info-page .wrapper #infoContent aside .proff .items {
  margin: 10px auto 20px auto;
  padding: 0px 15px 5px 15px;
}
.controller-info-page .wrapper #infoContent aside .proff .items .name {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.controller-info-page .wrapper #infoContent aside .proff .items .name a {
  color: #111;
}
.controller-info-page .wrapper #infoContent aside .proff .items .link {
  width: 50%;
  float: left;
  margin-bottom: 4px;
}
.controller-info-page .wrapper #infoContent aside .proff .items .link.third {
  clear: both;
}
.controller-info-page .wrapper #infoContent aside .proff .items .footer {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px dashed #666;
  clear: both;
  display: inline-block;
}
.controller-info-page .wrapper #infoContent aside .proff .items .footer a {
  float: right;
}
.controller-info-page .wrapper #infoContent aside .proff .items .footer p {
  float: left;
  line-height: 22px;
}
.controller-info-page .wrapper #infoContent aside .proff .lifted-corners:before,
.controller-info-page .wrapper #infoContent aside .proff .lifted-corners:after {
  bottom: 12px;
}
.controller-info-page .wrapper #breadcrumbs {
  clear: both;
  float: left;
  padding-top: 10px;
  width: calc(100% - 345px);
  width: -moz-calc(100% - 345px);
  width: -webkit-calc(100% - 345px);
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsTrade {
  color: #666;
  display: table;
  float: left;
  line-height: 20px;
  max-width: 34%;
  margin-right: 1%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsTrade .icon-menu,
.controller-info-page .wrapper #breadcrumbs #breadcrumbsTrade .icon-key-1 {
  float: left;
  font-size: 16px;
  padding-left: 7px;
  padding-right: 5px;
  font-style: normal;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsTrade:before {
  font-size: 16px;
  margin-left: 10px;
  margin-right: 5px;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsTrade a,
.controller-info-page .wrapper #breadcrumbs #breadcrumbsTrade span {
  color: #666;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsLocation {
  color: #666;
  display: table;
  float: left;
  line-height: 20px;
  max-width: 62%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsLocation:before {
  font-size: 16px;
  margin-left: 10px;
  margin-right: 5px;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsLocation.onlyLocation {
  max-width: 99%;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsLocation a,
.controller-info-page .wrapper #breadcrumbs #breadcrumbsLocation span {
  color: #666;
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}
.controller-info-page .wrapper #breadcrumbs #breadcrumbsLocation .arrow {
  color: #aaa;
  font-size: 7px;
  padding: 0 5px;
}
body.controller-inf {
  background: #ebebeb;
  min-width: 320px;
  padding-bottom: 0;
  width: 100%;
}
body.controller-inf h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0 40px;
  text-align: left;
}
body.controller-inf .wrapper {
  background: #f9f9f9;
  box-shadow: 0 0 15px #a6a6a6;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
body.controller-inf .wrapper #infoContent {
  padding: 8px .5%;
  width: 99%;
}
body.controller-inf .wrapper #infoContent #staticPomoc {
  padding: 0 40px 0 40px;
}
body.controller-inf .wrapper #infoContent #staticPomoc h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 20px 0;
  text-align: left;
}
body.controller-inf .wrapper #infoContent #staticPomoc h2 {
  font-size: 18px;
}
body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .linkAreaItem {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  text-align: left;
  width: 33%;
}
body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .linkAreaItem ul {
  clear: both;
  margin-top: 10px;
}
body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .linkAreaItem ul li {
  line-height: 1.5rem;
  list-style-type: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .linkAreaItem ul li a {
  color: #02B6FF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .faq {
  padding-left: 40px;
}
body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .adds {
  padding-left: 30px;
}
body.controller-inf .wrapper #infoContent #staticPomoc .rightPanel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  float: right;
  padding-left: 20px;
  text-align: left;
  width: 33%;
}
body.controller-inf .wrapper #infoContent #staticPomoc .rightPanel .darkButton {
  width: 100%;
}
body.controller-inf .wrapper #infoContent #staticPomoc .description {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-right: 20px;
  padding-top: 30px;
  text-align: left;
  width: 66%;
}
body.controller-inf .wrapper #infoContent #staticPomoc .description p {
  font-size: 12px;
  line-height: 22px;
}
body.controller-inf .wrapper #infoContent #staticPomoc .description ul {
  line-height: 22px;
}
body.controller-inf .wrapper #infoContent #staticPomoc .description ul li {
  line-height: 22px;
}
@media (max-width: 767px) {
  body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .linkAreaItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    text-align: left;
    width: 100%;
  }
  body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .faq {
    padding-left: 0px !important;
    padding-top: 20px;
  }
  body.controller-inf .wrapper #infoContent #staticPomoc .linksArea .adds {
    padding-left: 0px !important;
    padding-top: 20px;
  }
  body.controller-inf .wrapper #infoContent #staticPomoc .rightPanel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    float: right;
    padding-left: 0px;
    padding-top: 20px;
    text-align: left;
    width: 100%;
  }
  body.controller-inf .wrapper #infoContent #staticPomoc .rightPanel .darkButton {
    width: 100%;
  }
  body.controller-inf .wrapper #infoContent #staticPomoc .description {
    width: 100%;
  }
}
body.controller-inf .wrapper #infoContent #staticPartners {
  padding-top: 20px;
  text-align: left;
}
body.controller-inf .wrapper #infoContent #staticPartners h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0 0 10px 40px;
}
body.controller-inf .wrapper #infoContent #staticPartners .partnerRow {
  padding: 15px 40px;
  position: relative;
}
body.controller-inf .wrapper #infoContent #staticPartners .partnerRow .partnerLogo {
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  float: left;
  height: 43px;
  padding: 7px;
  position: absolute;
  width: 120px;
}
body.controller-inf .wrapper #infoContent #staticPartners .partnerRow .partnerLogo img {
  border: 0;
  display: block;
}
body.controller-inf .wrapper #infoContent #staticPartners .partnerRow .partnerDescription {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-left: 150px;
  text-align: left;
  width: 69%;
}
@media (max-width: 979px) {
  body.controller-inf .wrapper #infoContent #staticPartners .partnerRow .partnerDescription {
    width: 100%;
  }
}
@media (max-width: 479px) {
  body.controller-inf .wrapper #infoContent #staticPartners .partnerRow .partnerLogo {
    float: none;
    margin: auto;
    margin-bottom: 10px;
    position: static;
  }
  body.controller-inf .wrapper #infoContent #staticPartners .partnerRow .partnerDescription {
    padding-left: 0;
    width: 100%;
  }
}
body.controller-inf .wrapper #infoContent #staticRegulamin {
  padding-top: 20px;
  text-align: left;
}
body.controller-inf .wrapper #infoContent #staticRegulamin h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0 40px;
  text-align: left;
}
body.controller-inf .wrapper #infoContent #staticRegulamin .title {
  clear: both;
  padding: 20px 0 30px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
body.controller-inf .wrapper #infoContent #staticRegulamin .title .line {
  background-color: #999;
  height: 1px;
  left: 3%;
  position: absolute;
  width: 94%;
  top: 27px;
}
body.controller-inf .wrapper #infoContent #staticRegulamin .title .content {
  background-color: #f9f9f9;
  color: #fccc2a;
  font-size: 22px;
  font-weight: bold;
  height: 30px;
  left: 0;
  margin-left: 40px;
  position: absolute;
  text-align: left;
  width: 30px;
}
body.controller-inf .wrapper #infoContent #staticRegulamin .section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  line-height: 22px;
  padding: 0 40px;
  width: 50%;
}
body.controller-inf .wrapper #infoContent #staticRegulamin .section .sectionTitle {
  font-weight: bold;
}
@media (max-width: 767px) {
  body.controller-inf .wrapper #infoContent #staticRegulamin .section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
  }
}
body.controller-inf .wrapper #cookiePolicy {
  padding-top: 20px;
  text-align: left;
}
body.controller-inf .wrapper #cookiePolicy .title {
  clear: both;
  padding: 20px 0 30px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
body.controller-inf .wrapper #cookiePolicy .title .line {
  background-color: #999;
  height: 1px;
  left: 3%;
  position: absolute;
  width: 94%;
  top: 27px;
}
body.controller-inf .wrapper #cookiePolicy .title .content {
  background-color: #f9f9f9;
  color: #fccc2a;
  font-size: 22px;
  font-weight: bold;
  height: 30px;
  left: 0;
  margin-left: 40px;
  position: absolute;
  text-align: left;
  width: 30px;
}
body.controller-inf .wrapper #cookiePolicy .section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  line-height: 22px;
  padding: 0 40px;
  width: 50%;
}
body.controller-inf .wrapper #cookiePolicy .section li {
  list-style-type: disc;
  list-style-position: inside;
}
body.controller-inf .wrapper #cookiePolicy .width100 {
  padding-bottom: 20px;
  padding-top: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  body.controller-inf .wrapper #cookiePolicy .section {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
  }
}
body.controller-inf .wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.controller-inf .wrapper #infoContent {
  padding: 0 .5%;
}
body.controller-inf .wrapper #infoContent #staticContact {
  padding: 30px 0;
  text-align: left;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 40px 40px 40px;
  width: 50%;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  text-align: left;
  padding: 0;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form {
  padding-top: 15px;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .label {
  display: none;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form input,
body.controller-inf .wrapper #infoContent #staticContact #contactForm form textarea,
body.controller-inf .wrapper #infoContent #staticContact #contactForm form select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #CCC;
  height: 32px;
  margin-top: 10px;
  padding: 4px;
  width: 100%;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .checkbox {
  clear: both;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .checkbox .label {
  display: inline;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .checkbox input[type='checkbox'] {
  margin: 10px 5px 10px 0;
  width: auto;
  height: auto;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .hasError input,
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .hasError textarea,
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .hasError select {
  border: 1px solid #dd4b39;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form #content {
  height: 100px;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form img {
  float: left;
  margin-top: 10px;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form #captchaCode {
  float: left;
  margin: 20px 10px 0 10px;
  width: 100px;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form .defaultErrorArea {
  clear: both;
  color: #dd4b39;
  padding-top: 2px;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form #submit-element {
  clear: both;
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm form #submit {
  background-color: #333333;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  width: 140px;
  /*
            float: right;
            margin-top: -40px;
            */
}
body.controller-inf .wrapper #infoContent #staticContact #contactForm .sent {
  margin: 20px 0 0 3px;
}
body.controller-inf .wrapper #infoContent #staticContact #staticAddress {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding: 0 40px;
  width: 50%;
}
body.controller-inf .wrapper #infoContent #staticContact #staticAddress h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  text-align: left;
  padding: 0;
}
body.controller-inf .wrapper #infoContent #staticContact #staticAddress h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding-top: 20px;
  text-align: left;
}
body.controller-inf .wrapper #infoContent #staticContact #staticAddress p {
  font-size: 14px;
  line-height: 18px;
}
body.controller-inf .wrapper #infoContent #staticContact #staticAddress p a {
  color: #01B9FF;
  text-decoration: none;
}
body.controller-inf .wrapper #infoContent #staticContact #staticAddress p a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  body.controller-inf .wrapper #infoContent #staticContact #staticAddress {
    float: left;
    padding-bottom: 25px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  body.controller-inf .wrapper {
    height: auto;
    min-height: auto;
  }
  body.controller-inf .wrapper #infoContent #staticContact #contactForm {
    float: right;
    width: 100%;
  }
}
body.controller-error {
  background: #ebebeb;
  min-width: 320px;
  padding-bottom: 0;
  width: 100%;
}
body.controller-error .wrapper {
  background: #f9f9f9;
  box-shadow: 0 0 15px #a6a6a6;
  height: 100%;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
body.controller-error .wrapper #infoContent {
  padding: 0px .5%;
  width: 99%;
}
body.controller-error .wrapper #infoContent article #static404 h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 40px 40px 0 40px;
  text-align: left;
}
body.controller-error .wrapper #infoContent article #static404 h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 10px 40px;
  text-align: left;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 {
  background-color: #f9f9f9;
  font-family: "CenturyGothic", Helvetica, Arial, sans-serif;
  margin: auto;
  max-width: 1280px;
  padding: 9px 2% 75px 0;
  width: 98%;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem {
  background-color: #e1e1e1;
  background-image: url("/style/image/sprite.png");
  background-repeat: no-repeat;
  float: left;
  height: 70px;
  margin: 12px 0 0 1.5%;
  overflow: hidden;
  position: relative;
  width: 23.5%;
  z-index: 4;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideTop {
  background-color: #ffbe00;
  color: #000;
  left: 0;
  display: none;
  height: 152px;
  height: 72px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
  cursor: pointer;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideTop .catalogItemMenu {
  color: #fff;
  display: block;
  float: left;
  list-style-type: square;
  padding: 15px 0 0 7%;
  text-align: left;
  width: 88%;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideTop .catalogItemMenu li {
  line-height: 20px;
  list-style-position: inside;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideTop .catalogItemMenu li a {
  color: #000;
  text-decoration: none;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideTop .catalogItemMenu li a:hover {
  text-decoration: underline;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideBottom {
  background-color: #e1e1e1;
  background-repeat: no-repeat;
  height: 70px;
  width: 100%;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideBottom h2 a {
  color: #000;
  position: absolute;
  text-decoration: none;
  z-index: 3;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideBottom h2 a:hover {
  text-decoration: underline;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideBottom i {
  font-size: 54px;
  top: 10px;
  color: white;
  position: absolute;
  right: 0px;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideBottom i:before {
  width: inherit !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  z-index: 2;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem:hover .catalogItemMenu {
  display: block;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem:hover .catalogItemBtnMore {
  display: block;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem:hover .catalogItemBtnMoreBottom {
  display: none;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem h2 {
  float: left;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  padding: 11px 0 0 7%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 88%;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .catalogItemBtnMore {
  background-color: #464646;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  color: #fff;
  display: none;
  float: right;
  height: 26px;
  line-height: 26px;
  margin: 5px 10px 0px 0px;
  text-align: center;
  text-decoration: none;
  width: 66px;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .catalogItemBtnMoreBottom {
  display: none;
}
body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItemOverlay {
  display: none;
  left: 0;
  height: 150px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 23.5%;
  z-index: 6;
}
@media (max-width: 979px) {
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem {
    width: 31%;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem h2 {
    font-size: 14px;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .catalogItemBtnMore {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem {
    height: 35px;
    margin: 10px 3% 0 3%;
    width: 94%;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem:hover .catalogItemBtnMoreBottom {
    display: block;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .catalogItemBtnMore {
    display: block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 8px 10px 0 0;
    width: 45px;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .catalogItemBtnMoreBottom {
    display: block;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideTop {
    height: 166px;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .slideBottom {
    background: none;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem h2 {
    font-size: 12px;
    padding-left: 4%;
    width: 65%;
  }
}
@media (max-width: 320px) {
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem h2 {
    font-size: 10px;
    width: 55%;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem .catalogItemBtnMore {
    display: block;
  }
}
body.controller-error .wrapper #infoContent article #static404 .links404 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 15px 0 15px 20px;
  text-align: left;
  width: 33%;
}
body.controller-error .wrapper #infoContent article #static404 .links404 h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
body.controller-error .wrapper #infoContent article #static404 .links404 .links {
  list-style-type: disc;
  list-style-position: inside;
}
body.controller-error .wrapper #infoContent article #static404 .links404 .links li {
  font-size: 14px;
  line-height: 20px;
}
body.controller-error .wrapper #infoContent article #static404 .links404 .links li a {
  color: #0eb3ff;
  text-decoration: none;
}
body.controller-error .wrapper #infoContent article #static404 .links404 .links li a:hover {
  text-decoration: underline;
}
@media (max-width: 979px) {
  body.controller-error .wrapper {
    height: auto;
    min-height: auto;
  }
}
@media (max-width: 767px) {
  body.controller-error .wrapper #infoContent article #static404 #catalog404 {
    padding-bottom: 15px;
  }
  body.controller-error .wrapper #infoContent article #static404 #catalog404 .catalogItem {
    background-image: none;
  }
  body.controller-error .wrapper #infoContent article #static404 .links404 {
    width: 100%;
  }
}
/*
    Document   : popover.css
    Created on : 2012-10-11, 9:00:00
    Author     : m.jasinski@eniro.pl
    Description:
        Purpose of the stylesheet follows.
*/
.popoverShow {
  cursor: pointer;
}
.popoverContent {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #cdcdcd;
  background: white;
  width: 250px;
  padding: 5px 0 5px 10px;
  z-index: 99998;
  text-align: left !important;
  color: black;
  font-size: 14px;
  font-weight: normal;
  border-top: 2px solid #EBEBEB;
  border: 7px solid rgba(211, 211, 211, 0.7);
  min-height: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popoverContent .popoverTitle {
  color: black !important;
  font-size: 1.2em;
}
.popoverContent .popoverBody {
  overflow-y: hidden;
  overflow-x: hidden;
  margin-right: 20px;
}
.popoverContent .popoverBody .popoverBodyContent {
  position: relative;
  top: 0;
}
.popoverContent .popoverBody p {
  margin: .5em 0 !important;
}
.popoverPointer,
.popoverPointer2 {
  width: 0;
  height: 0;
  position: absolute;
  top: -8px;
  right: 50%;
  font-size: 0;
  line-height: 0;
  border-style: solid;
  z-index: 1001;
  border-color: transparent transparent rgba(211, 211, 211, 0.7) transparent;
  border-width: 0 15px 15px 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popoverPointer2 {
  border-color: transparent transparent white transparent;
}
.popoverCloser {
  background: none repeat scroll 0 0 #D3D3D3;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 12px !important;
  line-height: 15px;
  position: absolute;
  right: 5px;
  z-index: 1001;
}
.popoverCloser:hover {
  background: orange;
}
.popoverCloser:before {
  margin-left: 3px !important;
  margin-right: 3px !important;
  width: 11px !important;
}
.popoverCloser:hover {
  background-position: -326px -282px;
}
.up-arrow,
.down-arrow {
  box-shadow: inset 0 0 3px gray;
  display: block;
  margin-right: 10px;
  height: 20px;
  font-weight: bold;
  border-radius: 2px;
  text-align: center;
}
.up-arrow {
  background: #cdcdcd url(/image/layout/sprite.png) 50% -413px no-repeat;
}
.down-arrow {
  background: #cdcdcd url(/image/layout/sprite.png) 50% -431px no-repeat;
}
.arrow-inactive {
  opacity: .15;
}
.up .popoverPointer {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 100%;
  left: calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: -webkit-calc(50% - 15px);
  margin-top: 7px;
}
.up .popoverPointer2 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: -webkit-calc(50% - 15px);
  top: 100%;
}
.down .popoverPointer {
  top: 0;
  left: calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: -webkit-calc(50% - 15px);
  margin-top: -21.5px;
}
.down .popoverPointer2 {
  top: 0;
  left: calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: -webkit-calc(50% - 15px);
  margin-top: -14.5px;
}
@media (max-width: 270px) {
  .popoverContent {
    width: 190px;
  }
}
#popoverOverlay {
  background: none;
  height: 100%;
  left: 0;
  opacity: 0.8;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
#popoverShare {
  width: 250px;
}
#popoverShare .popoverTitle {
  margin-top: 5px;
  margin-bottom: 5px;
}
#popoverShare .popoverControls .popoverCloser {
  top: 10px;
}
#popoverShare .popoverBody {
  margin-right: 10px !important;
  overflow-y: hidden !important;
}
#popoverShare .popoverBody .share {
  width: 50%;
  float: left;
}
#popoverShare .popoverBody .share a {
  color: #000000 !important;
  display: block;
  width: 100%;
  padding-top: 10px;
  margin-bottom: 10px;
}
#popoverShare .popoverBody .share a.email {
  cursor: pointer;
}
#popoverShare .popoverBody .share a i {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.2em;
  vertical-align: middle;
  width: 30px;
  color: #ffffff;
}
#popoverShare .popoverBody .share a i.icon-facebook {
  background: #3b5998;
  width: 30px !important;
  margin-left: 0 !important;
}
#popoverShare .popoverBody .share a i.icon-twitter {
  background: #035caf;
  margin-left: 20px;
}
#popoverShare .popoverBody .share a i.icon-linkedin {
  background: #0077b6;
  margin-left: 20px;
}
#popoverShare .popoverBody .share a i.icon-gplus-2 {
  background: #be2933;
}
#popoverShare .popoverBody .share a i.icon-mail {
  background: #5c5c5c;
}
#popoverShare .popoverBody form {
  clear: both;
  margin-top: 10px;
}
#popoverShare .popoverBody form textarea {
  height: 100px;
}
#popoverShare .popoverBody form #recommendedLink {
  display: block;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#popoverShare .popoverBody form input {
  width: 240px;
}
#popoverShare .popoverBody form input#captcha {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid #eaeaea;
  box-shadow: inset 0 1px 3px dimgray;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
}
#popoverShare .popoverBody form input#captcha:focus {
  box-shadow: inset 0 1px 3px rgba(0, 101, 145, 0.87);
}
#popoverShare .popoverBody form input#captchaText {
  width: 100px;
  float: left;
  margin-left: 7px;
  margin-top: 10px;
  height: 30px;
}
#popoverShare .popoverBody form label,
#popoverShare .popoverBody form .label {
  display: block;
  margin-bottom: 2px;
  margin-top: 5px;
}
#popoverShare .popoverBody form #submit-label {
  display: none;
}
#popoverShare .popoverBody form #captchaText-label {
  display: none;
}
#popoverShare .popoverBody form .refreshCaptcha {
  margin-top: 10px;
}
#popoverShare .popoverBody form #submit {
  width: 90px;
  clear: both;
  float: right;
}
#popoverShare .popoverBody form .formStatus {
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  width: 240px;
}
#popoverShare .popoverBody form .formStatus.success {
  color: green;
  margin-top: 20px;
}
#popoverShare .popoverBody form .formStatus.error {
  color: red;
}
@media (max-width: 979px) {
  #popoverShare {
    left: -175px !important;
  }
  #popoverShare .popoverControls .popoverPointer {
    left: 195px;
  }
  #popoverShare .popoverControls .popoverPointer2 {
    left: 195px;
  }
}
#popoverUpdate {
  width: 300px;
  height: 320px;
}
#popoverUpdate .popoverBody {
  margin-right: 10px !important;
  overflow-y: hidden !important;
  max-height: 320px !important;
}
#popoverUpdate .header {
  font-size: 14px;
}
#popoverUpdate .links {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
#popoverUpdate .links a.update {
  color: #ffffff !important;
  line-height: 28px !important;
  width: 90px !important;
}
#popoverUpdate .links a.left {
  float: left;
}
#popoverUpdate .links a.right {
  float: right;
}
#popoverUpdate form {
  margin-top: 10px;
}
#popoverUpdate form textarea {
  height: 100px;
}
#popoverUpdate form input {
  width: 100%;
}
#popoverUpdate form #submit {
  width: 90px;
}
#popoverUpdate form .formStatus {
  font-size: 10px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  height: 50px;
  width: 200px;
}
#popoverUpdate form .formStatus.success {
  color: green;
  margin-top: 20px;
}
#popoverUpdate form .formStatus.error {
  color: red;
}
#popoverAddCompany {
  width: 300px;
}
#popoverAddCompany .popoverTitle {
  margin-top: 5px;
}
#popoverAddCompany .popoverBody {
  margin-right: 10px !important;
  overflow-y: hidden !important;
}
#popoverAddCompany .popoverBody p {
  margin: 0px !important;
}
#popoverAddCompany .header {
  font-size: 14px;
}
#popoverAddCompany .links {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
#popoverAddCompany .links a.update {
  color: #ffffff !important;
  line-height: 28px !important;
  width: 90px !important;
}
#popoverAddCompany .links a.left {
  float: left;
}
#popoverAddCompany .links a.right {
  float: right;
}
#popoverAddCompany form {
  margin-top: 10px;
}
#popoverAddCompany form .administratorDesc {
  font-size: 10px;
  margin-bottom: 5px;
}
#popoverAddCompany form .errorAddCompanyForm {
  color: #ff6666;
  margin: 0 !important;
}
#popoverAddCompany form textarea {
  height: 100px;
}
#popoverAddCompany form .checkbox {
  clear: both;
}
#popoverAddCompany form .checkbox input[type="checkbox"] {
  width: 13px;
  height: 13px;
  margin: 0;
  margin: 10px 0 0 0;
}
#popoverAddCompany form .checkbox .errorText {
  float: none;
}
#popoverAddCompany form input {
  color: #000;
  width: 100%;
}
#popoverAddCompany form input.error {
  color: #ff6666;
}
#popoverAddCompany form input.error::-webkit-input-placeholder {
  color: #ff6666;
}
#popoverAddCompany form input.error:-moz-placeholder {
  color: #ff6666;
}
#popoverAddCompany form input.error:-moz-placeholder {
  color: #ff6666;
}
#popoverAddCompany form input.error:-ms-input-placeholder {
  color: #ff6666;
}
#popoverAddCompany form input#submit {
  color: #ffffff;
}
#popoverAddCompany form .btnMoreData {
  color: #000 !important;
  display: block !important;
  margin-left: 10px;
  margin-top: 5px;
  text-decoration: none !important;
  width: 160px;
}
#popoverAddCompany form .btnMoreData:hover {
  text-decoration: underline !important;
}
#popoverAddCompany form .btnMoreData i {
  font-size: 12px !important;
}
#popoverAddCompany form #submit {
  margin-bottom: 10px;
  width: 90px;
}
#popoverAddCompany form .formStatus {
  font-size: 10px;
  font-weight: bold;
  height: 50px;
  margin-left: 10px;
  margin-top: 5px;
  text-align: left;
  vertical-align: middle;
  width: 180px;
}
#popoverAddCompany form .formStatus.success {
  color: #66cc66;
  margin-top: 20px;
}
#popoverAddCompany form .formStatus.error {
  color: #ff6666;
}
#popoverAddCompany .successAddCompanyForm {
  color: #66cc66;
  font-size: 18px;
  padding-top: 20px;
}
#popoverAddCompany .successAddCompanyForm .btnClose {
  margin-bottom: 5px;
}
#popoverAddCompany .successAddCompanyForm i {
  margin-right: 5px;
}
#popoverAddCompanySmall a {
  color: #ffffff !important;
  width: 100%;
  line-height: 28px !important;
  font-weight: normal;
}
@media (max-width: 979px) {
  #popoverAddCompany {
    left: -140px !important;
  }
  #popoverAddCompany .popoverControls .popoverPointer {
    left: 175px;
  }
  #popoverAddCompany .popoverControls .popoverPointer2 {
    left: 175px;
  }
}
.popoverCardKeywords {
  width: 500px !important;
}
.popoverCardKeywords .popoverTitle {
  font-size: 14px;
}
.popoverCardKeywords .popoverBody {
  font-size: 12px;
  line-height: 16px;
}
.popoverCardKeywords .popoverBody a {
  color: #0C90D1;
}
.popoverCardKeywords .popoverBody a:hover {
  text-decoration: underline !important;
}
.controller-creator #wholePage .controller-search,
.controller-creator #wholePage .controller-info-page {
  background: none !important;
}
.controller-creator #wholePage .controller-search .wrapper,
.controller-creator #wholePage .controller-info-page .wrapper {
  background: none !important;
  box-shadow: none !important;
  clear: none !important;
}
.controller-creator #wholePage .controller-search .wrapper .preview,
.controller-creator #wholePage .controller-info-page .wrapper .preview {
  clear: both !important;
  float: left !important;
  font-size: 20px !important;
  margin-bottom: 20px !important;
}
.controller-creator #wholePage .controller-search .wrapper #infoContent article #galery-box .main-panel .photo-box img,
.controller-creator #wholePage .controller-info-page .wrapper #infoContent article #galery-box .main-panel .photo-box img {
  max-width: 70% !important;
}
.controller-creator .sb-preview {
  float: left !important;
}
body.controller-category-list {
  background: #ebebeb;
  min-width: 320px;
  padding-bottom: 0;
  width: 100%;
}
body.controller-category-list h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 0 40px;
  text-align: left;
}
body.controller-category-list #wholePage .wrapper {
  background: #f9f9f9;
  box-shadow: 0 0 15px #a6a6a6;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
body.controller-category-list #wholePage .wrapper #infoContent {
  padding: 30px .5% 20px .5%;
  width: 99%;
}
body.controller-category-list #wholePage .wrapper #infoContent aside {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding-left: 30px;
  padding-right: 30px;
  position: fixed;
  text-align: left;
  width: 32%;
}
body.controller-category-list #wholePage .wrapper #infoContent aside .title {
  font-size: 22px;
  padding-bottom: 15px;
}
body.controller-category-list #wholePage .wrapper #infoContent aside #categoryListTree {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.controller-category-list #wholePage .wrapper #infoContent aside #categoryListTree .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 0;
}
body.controller-category-list #wholePage .wrapper #infoContent aside #categoryListTree .item a {
  color: #333;
  font-size: 15px;
  text-decoration: none;
}
body.controller-category-list #wholePage .wrapper #infoContent aside #categoryListTree .item a:hover {
  text-decoration: underline;
}
body.controller-category-list #wholePage .wrapper #infoContent aside #categoryListTree .itemActive {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -5px;
  max-width: 350px;
  padding: 5px 0;
  width: 100%;
}
body.controller-category-list #wholePage .wrapper #infoContent aside #categoryListTree .itemActive .head {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fccc2a;
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
  width: 100%;
}
body.controller-category-list #wholePage .wrapper #infoContent aside #categoryListTree .itemActive .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #F8E8AA;
  font-size: 13px;
  padding: 5px;
  width: 100%;
}
body.controller-category-list #wholePage .wrapper #infoContent article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 40%;
  padding-right: 20px;
  text-align: left;
  width: 60% !important;
}
body.controller-category-list #wholePage .wrapper #infoContent article ul .title {
  clear: both;
  padding: 20px 0 0 0;
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 22px;
}
body.controller-category-list #wholePage .wrapper #infoContent article ul .title .content {
  background-color: #f9f9f9;
  color: #fccc2a;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: -8px;
  text-align: left;
  width: 30px;
}
body.controller-category-list #wholePage .wrapper #infoContent article ul li a {
  color: #000;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  text-decoration: none;
}
body.controller-category-list #wholePage .wrapper #infoContent article ul li a:hover {
  text-decoration: underline;
}
#surveyBg {
  background-color: #000;
  display: none;
  height: 100%;
  left: 0;
  -ms-filter: "alpha(opacity=80)";
  opacity: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999998;
}
.conversion-toplayer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.4);
  color: #009ae1;
  display: none;
  font-family: Arial;
  font-size: 26px;
  height: 370px;
  left: 50%;
  margin-left: -295px;
  margin-top: -185px;
  padding: 14px 40px 40px 40px;
  position: fixed;
  top: 50%;
  width: 590px;
  z-index: 999999999;
}
.conversion-toplayer h2 {
  clear: both;
  color: #37392c;
  color: #000;
  font-size: 42px;
  font-weight: normal;
  margin: -16px 0 6px 0;
  text-align: center;
}
.conversion-toplayer p {
  color: #000;
  margin: 0 0 30px 0;
  text-align: center;
}
.conversion-toplayer a.black-btn {
  -webkit-border-radius: 8px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 8px;
  -moz-background-clip: padding;
  border-radius: 8px;
  background-clip: padding-box;
  background: #000;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.6);
  color: #fff;
  float: right;
  font-size: 18px;
  padding: 15px 26px;
  text-decoration: none;
}
.conversion-toplayer .close-btn {
  background: url('/style/image/close.png') 0 0 no-repeat;
  cursor: pointer;
  display: block;
  height: 36px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 36px;
  z-index: 100;
}
.conversion-toplayer .pf-logo {
  float: left;
  margin: 20px 0px 0 0;
  padding-bottom: 30px;
}
.conversion-toplayer .pf-logo img {
  width: 255px;
}
@media (max-width: 639px) {
  #surveyBg {
    display: none !important;
  }
  .conversion-toplayer {
    display: none !important;
  }
}
.csscolumns .controller-search .wrapper #rafination .rafination1 .rafination-localizationFilter ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.csscolumns .controller-search .wrapper #rafination #rafiningPanel .rafination1 a p.left {
  width: 60%;
}
@media (max-width: 1280px) {
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan h3 {
    font-size: 40px;
  }
  .hide1280 {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .hide1279 {
    display: none !important;
  }
}
@media (max-width: 979px) {
  .hide980 {
    display: none !important;
  }
  .controller-search .wrapper #infoBelt #infoBeltLocation {
    margin: 0 210px 0 0;
  }
  .controller-search .wrapper #infoBelt #infoBeltSocial {
    width: 210px;
  }
  .controller-search .wrapper #infoBelt #infoBeltSocial #socialItems .itemPrint,
  .controller-search .wrapper #infoBelt #infoBeltSocial #socialItems .itemLogin {
    display: none;
  }
  .controller-search .wrapper #serpContent article {
    width: 99%;
  }
  .controller-search .wrapper #serpContent article .card {
    width: 98%;
  }
  .controller-search .wrapper #serpContent article .card .markers {
    width: 50px;
  }
  .controller-search #top {
    margin-bottom: 10px;
  }
  .popularQuery:hover {
    color: black !important;
  }
  .controller-info-page .wrapper #infoBelt #breadcrumbs {
    width: calc(100% - 210px);
    width: -moz-calc(100% - 210px);
    width: -webkit-calc(100% - 210px);
  }
  .controller-info-page .wrapper #infoBelt #infoBeltSocial {
    width: 210px;
  }
  .controller-info-page .wrapper #infoBelt #infoBeltSocial #socialItems .itemPrint,
  .controller-info-page .wrapper #infoBelt #infoBeltSocial #socialItems .itemLogin {
    display: none;
  }
  .controller-info-page .wrapper #infoContent article .similarOffers .border {
    border-bottom: 0;
  }
  .controller-info-page .wrapper #infoContent article .similarOffers .offer {
    width: 100%;
  }
  body.controller-index header #homeTop .homeTopMiddle #homeRewolwer #rewolwerItems {
    margin: auto;
  }
  body.controller-index #homeCatalog ul .catalogItem {
    width: 33%;
    height: 16.5%;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan h3 {
    font-size: 34px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .secondSlogan {
    font-size: 20px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc {
    font-size: 18px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .left #deviceTablet .screenshots #playVideo img {
    display: none !important;
  }
}
@media (max-width: 979px) and (max-width: 950px) {
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan h3 {
    height: 90px  !important;
    line-height: 90px  !important;
    font-size: 30px !important;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan img {
    width: 90px  !important;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .phone a {
    width: 70%;
    display: inline-block;
    float: none !important;
  }
}
@media (max-width: 979px) and (max-width: 850px) {
  body.controller-inf .wrapper #infoContent #pomoc {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem {
    width: 50%;
  }
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem.adds {
    clear: left;
  }
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem.pf {
    width: 320px;
  }
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem.faq {
    float: right;
    width: 180px;
  }
  body.controller-inf .wrapper #infoContent #pomoc .rightPanel {
    clear: none;
    width: 180px;
    float: right;
  }
  body.controller-inf .wrapper #infoContent #pomoc .rightPanel .darkButton {
    width: 100%;
  }
  body.controller-inf .wrapper #infoContent #pomoc .description {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .hide768 {
    display: none !important;
  }
  .show768 {
    display: block !important;
  }
  #searchBoxWrapper #logo {
    position: relative;
    float: left;
    margin: auto;
    margin-top: 2px;
  }
  #searchBoxWrapper #logo:before {
    display: none;
  }
  #searchBoxWrapper #searchForm {
    margin-left: 0;
    width: 100%;
  }
  #searchBoxWrapper #searchForm #searchBox #what:before {
    display: none;
  }
  #searchBoxWrapper #searchForm #searchBox .inputText {
    font-size: 12px;
  }
  body.controller-index header #homeTop .homeTopMiddle #searchBoxWrapper {
    width: 92% !important;
  }
  body.controller-index header #homeTop .homeTopBtnShowMap {
    height: 56px;
    width: 54px;
  }
  body.controller-index header #homeTop .homeTopBtnShowCatalog {
    display: none;
  }
  body.controller-index header #homeTop #homeLinks {
    display: none;
  }
  body.controller-index header #homeTop .homeTopMiddle {
    height: 162px;
    margin-top: -81px !important;
  }
  body.controller-index header #homeTop .homeTopMiddle #homeRewolwer {
    display: none;
  }
  body.controller-index #homeCatalog {
    display: block;
    padding: 0;
    padding-bottom: 10px;
    width: 100%;
    height: auto;
  }
  body.controller-index #homeCatalog ul {
    padding: 0px;
  }
  body.controller-index #homeCatalog ul .catalogItem {
    border: 0px;
    background-image: none;
    height: 40px;
    line-height: 40px;
    margin: 10px 2% 0 2%;
    width: 96%;
  }
  body.controller-index #homeCatalog ul .catalogItem:hover {
    background-color: #fff;
    background-color: #FFEFA2;
  }
  body.controller-index #homeCatalog ul .catalogItem:hover .catalogItemMenu {
    display: none;
  }
  body.controller-index #homeCatalog ul .catalogItem:hover .catalogItemBtnMoreBottom {
    display: block;
  }
  body.controller-index #homeCatalog ul .catalogItem .slideBottom {
    height: auto;
  }
  body.controller-index #homeCatalog ul .catalogItem .slideBottom i {
    display: none;
  }
  body.controller-index #homeCatalog ul .catalogItem h2 {
    font-size: 14px;
    padding: 0 0 0 15px;
    width: 70%;
  }
  body.controller-index #homeCatalog ul .catalogItem .catalogItemBtnMore {
    display: block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 10px 10px 0 0;
    width: 45px;
  }
  body.controller-index #homeCatalog ul .catalogItem .catalogItemBtnMoreBottom {
    display: block;
  }
  body.controller-index #homeAdvert {
    display: none;
  }
  body.controller-index footer {
    margin-top: 0;
  }
  #searchBoxWrapper #searchForm #searchBox .tt-hint {
    font-size: 12px !important;
  }
  .controller-search .wrapper #serpContent article {
    width: 99%;
  }
  .controller-search .wrapper #serpContent article .card {
    width: 98%;
  }
  .controller-search .wrapper #serpContent article .card .markers {
    width: 50px;
  }
  .controller-search .wrapper #serpContent article .card .title,
  .controller-search .wrapper #serpContent article .card .contacts,
  .controller-search .wrapper #serpContent article .card .text {
    height: auto;
    margin: 0 5px 5px 105px;
  }
  .controller-search .wrapper #serpContent article .card .bottom .tradeName {
    margin-left: 5px;
  }
  .controller-search .wrapper #serpContent article .card .bottom .bottomContent .btnCompanyWrongData {
    display: none !important;
  }
  .controller-search .wrapper #serpContent article .card .bottom .icons {
    width: 300px;
  }
  .controller-search .wrapper #serpContent article .ProfilLogo .contacts {
    width: auto;
  }
  .controller-search .wrapper #serpContent article .ProfilLogo .text {
    float: none;
    height: auto;
    margin: 5px 5px 5px 105px;
    width: auto;
  }
  .controller-search .wrapper #top {
    margin-top: 10px;
  }
  .popularQuery:hover {
    color: black !important;
  }
  .controller-info-page .wrapper #infoBelt #breadcrumbs {
    display: none;
  }
  .controller-info-page .wrapper #infoContent article {
    width: 99%;
  }
  .controller-info-page .wrapper #infoContent aside {
    display: none;
  }
  .controller-info-page .additionalData {
    margin-left: -140px;
  }
  .controller-info-page .additionalData #popoverContactAdditional {
    left: -7px !important;
  }
  .controller-info-page .additionalData #popoverContactAdditional .popoverControls .popoverPointer,
  .controller-info-page .additionalData #popoverContactAdditional .popoverControls .popoverPointer2 {
    left: 0;
  }
  .controller-info-page .navigationBox {
    margin-left: -140px;
  }
  .controller-info-page .info {
    padding-right: 0 !important;
  }
  .controller-info-page .info .recommendButton {
    position: absolute;
    margin: 0 !important;
    top: -50px;
    right: 5px;
  }
  .controller-info-page .info .recommendButton.noBanner {
    position: relative;
    margin: -5px 0 0 5px !important;
    top: inherit;
    right: 5px;
  }
  .controller-info-page .noLogo .additionalData {
    margin-left: 0px;
  }
  .controller-info-page .noLogo .recommendButton {
    top: -10px;
  }
  .controller-info-page .wrapper #infoContent article #galery-box .button {
    width: 50%;
    opacity: 0.5;
  }
  body.controller-category-list #wholePage .wrapper #infoContent aside {
    position: static;
    width: 100%;
  }
  body.controller-category-list #wholePage .wrapper #infoContent article {
    margin-left: 0;
    padding-left: 30px;
    width: 100% !important;
  }
  body.controller-error #catalog404 ul .catalogItem .slideBottom i {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 580px) {
  .controller-search .wrapper #top {
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 540px) {
  .controller-search .wrapper #infoBelt #infoBeltLocation {
    margin: 0 205px 0 0;
  }
}
@media (max-width: 767px) and (max-width: 520px) {
  .controller-search .wrapper #serpContent article {
    width: 99%;
  }
  .controller-search .wrapper #serpContent article .card .bottom .tradeName {
    display: none;
  }
  .controller-search .wrapper #serpContent article .card .bottom .icons {
    width: 100%;
  }
  .controller-search footer #infoContainer #bottomSurvey .bottomSurveyMobile {
    width: 270px !important;
  }
  .controller-search footer #infoContainer #bottomSurvey .bottomSurveyMobile #linkContainer {
    padding: 0;
  }
  .controller-search footer #infoContainer #bottomSurvey .bottomSurveyMobile .imageContainer {
    width: 36px !important;
    padding: 0 4px !important;
  }
  .controller-search footer #infoContainer #bottomSurvey .bottomSurveyMobile .imageContainer .icon-user {
    font-size: 36px !important;
  }
  .controller-search footer #infoContainer #bottomSurvey .bottomSurveyMobile .imageContainer .icon-help {
    font-size: 13px !important;
    margin: 8px 0 0 12px !important;
  }
}
@media (max-width: 767px) and (max-width: 625px) {
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem.adds {
    clear: left;
  }
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem.pf {
    width: 100%;
    clear: both;
    min-width: inherit;
  }
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem.faq {
    float: right;
    width: 180px;
  }
  body.controller-inf .wrapper #infoContent #pomoc .rightPanel {
    float: left;
    width: 100%;
  }
}
@media (max-width: 480px) {
  .hidePhone {
    display: none !important;
  }
  #searchBoxWrapper #logo {
    width: 115px;
    background-size: auto 100%;
  }
  body.controller-index #homeCatalog ul .catalogItem {
    margin: 10px 3% 0 3%;
    width: 94%;
  }
  body.controller-index #homeCatalog ul .catalogItem h2 {
    font-size: 14px;
    width: 65%;
  }
  .controller-search #infoBelt {
    display: none;
  }
  .controller-search .wrapper #rafination #rafiningPanel #popoverRafination {
    display: none !important;
  }
  .controller-search .wrapper #rafination #rafiningPanel #mobileRafination.active {
    display: inline-block !important;
  }
  .controller-search .wrapper #serpContent article {
    width: 99%;
  }
  .controller-search .wrapper #serpContent article nav#pagination ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2px;
  }
  .controller-search .wrapper #serpContent article nav#pagination ul li a {
    padding: 5px 8px;
  }
  .controller-search .wrapper #serpContent article .bottom .right {
    width: 100%;
  }
  .controller-search .wrapper #serpContent article .card {
    width: 100%;
  }
  .controller-search .wrapper #serpContent article .card .title {
    margin: 5px 55px 0px 105px;
  }
  .controller-search .wrapper #serpContent article .card .markers {
    width: 50px;
  }
  .controller-search .wrapper #serpContent article .card .contacts {
    margin: 0 5px 5px 105px;
  }
  .controller-search .wrapper #serpContent article .card .contacts.cross {
    height: auto;
  }
  .controller-search .wrapper #serpContent article .card .contacts,
  .controller-search .wrapper #serpContent article .card .text {
    height: auto;
    margin: 0 5px 5px 105px;
  }
  .controller-search .wrapper #serpContent article .card .bottom .tradeName {
    margin-left: 5px;
    display: block;
  }
  .controller-search .wrapper #serpContent article .ProfilLogo .contacts {
    width: auto;
  }
  .controller-search .wrapper #serpContent article .ProfilLogo .text {
    float: none;
    height: auto;
    margin: 5px 5px 5px 105px;
    width: auto;
  }
  .controller-info-page .wrapper #infoBelt #popoverShare,
  .controller-info-page .wrapper #infoBeltSocial #popoverShare {
    width: 250px;
  }
  .controller-info-page .wrapper #infoBelt #popoverUpdate,
  .controller-info-page .wrapper #infoBeltSocial #popoverUpdate,
  .controller-info-page .wrapper #infoBelt #popoverAddCompany,
  .controller-info-page .wrapper #infoBeltSocial #popoverAddCompany {
    width: 250px;
  }
  .controller-info-page .wrapper #infoBelt #popoverAddCompany,
  .controller-info-page .wrapper #infoBeltSocial #popoverAddCompany {
    left: -80px !important;
  }
  .controller-info-page .wrapper #infoBelt #popoverAddCompany .popoverControls .popoverPointer,
  .controller-info-page .wrapper #infoBeltSocial #popoverAddCompany .popoverControls .popoverPointer {
    left: 115px !important;
  }
  .controller-info-page .wrapper #infoBelt #popoverAddCompany .popoverControls .popoverPointer2,
  .controller-info-page .wrapper #infoBeltSocial #popoverAddCompany .popoverControls .popoverPointer2 {
    left: 115px !important;
  }
  .controller-info-page .wrapper #infoContent article .title .info .commonNames {
    clear: both;
    margin-left: -140px;
    margin-top: 20px;
  }
  .controller-info-page .wrapper #infoContent article .title .noLogo .commonNames {
    margin-left: 0;
  }
  .controller-info-page .wrapper #infoContent article .promoteCompany {
    height: 90px;
  }
  .controller-info-page .wrapper #infoContent article .promoteCompany .titlePromote {
    float: none;
    font-size: 13px;
    margin: auto;
    text-align: center;
  }
  .controller-info-page .wrapper #infoContent article .promoteCompany .btnPromoteCompany {
    float: none;
    margin: auto;
  }
  .controller-info-page .wrapper #infoContent article .promotion .imgArea {
    float: none !important;
    width: 260px;
    margin: 0 auto;
  }
  .controller-info-page .wrapper #infoContent article .promotion .content {
    margin-left: 0 !important;
    padding-left: 0px !important;
  }
  .controller-info-page .wrapper #infoContent article #rekomendacje input {
    width: 155px;
  }
  .controller-info-page .wrapper #infoContent article #rekomendacje .signatureArea {
    width: 240px;
  }
}
@media (max-width: 480px) and (max-width: 425px) {
  body.controller-inf .wrapper #infoContent #pomoc {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.controller-inf .wrapper #infoContent #pomoc .linksArea .linkAreaItem.faq {
    float: left !important;
  }
}
@media (max-width: 320px) {
  .hidePhone {
    display: none !important;
  }
  #searchBoxWrapper #logo {
    width: 110px;
    background-size: auto 100%;
  }
  #searchBoxWrapper #logo img {
    margin-top: 8px;
  }
  body.controller-index #homeCatalog ul .catalogItem h2 {
    font-size: 14px;
    width: 55%;
  }
  body.controller-index #homeCatalog ul .catalogItem .catalogItemBtnMore {
    display: block;
  }
  .controller-search .wrapper #serpContent article {
    width: 98%;
  }
  .controller-search .wrapper #serpContent article .bottom .right {
    width: 100%;
  }
  .controller-search .wrapper #serpContent article .card {
    width: 98%;
  }
  .controller-search .wrapper #serpContent article .card .title {
    margin: 5px 55px 0px 105px;
  }
  .controller-search .wrapper #serpContent article .card .markers {
    width: 50px;
  }
  .controller-search .wrapper #serpContent article .card .contacts,
  .controller-search .wrapper #serpContent article .card .mapRoad {
    clear: both;
    margin: 0 5px 5px 5px;
  }
  .controller-search .wrapper #serpContent article .card .bottom .tradeName {
    margin-left: 5px;
  }
}
@media (max-height: 1025px) {
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo {
    margin-top: -25px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan h3 {
    margin-bottom: 20px;
  }
}
@media (max-height: 979px) {
  body.controller-category-list #wholePage .wrapper #infoContent aside {
    position: static;
  }
  body.controller-category-list #wholePage .wrapper #infoContent article {
    margin-left: 0;
  }
}
@media (max-height: 800px) {
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .phone {
    width: 40% !important;
  }
}
@media (max-height: 769px) {
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo {
    margin-top: 15px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan h3 {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 35px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan img {
    width: 50px !important;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .phone,
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc {
    padding-top: 10px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc {
    width: 60% !important;
  }
}
@media (max-height: 650px) {
  body.controller-index #homeCatalog ul {
    padding-bottom: 60px;
  }
  body.controller-index #homeAdvert #homeAdvertContent {
    height: 280px;
    margin-top: -150px;
    margin-top: -222px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo {
    margin-top: -70px !important;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan h3 {
    font-size: 25px !important;
    height: 50px !important;
    line-height: 50px !important;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .mainSlogan img {
    width: 50px !important;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .secondSlogan {
    font-size: 16px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc {
    width: 60%;
    font-size: 15px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .navigationPromo .desc ul li {
    line-height: 25px;
  }
  body.controller-index #homeAdvert #homeAdvertContent h3 {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  body.controller-index #homeAdvert #homeAdvertContent .right {
    height: 200px;
    max-width: 100%;
  }
  body.controller-index #homeAdvert #homeAdvertContent .right .btnAppStore {
    left: 50%;
    margin-left: -287px;
    position: absolute;
  }
  body.controller-index #homeAdvert #homeAdvertContent .right .btnGooglePlay {
    left: 50%;
    margin-left: 10px;
    margin-top: 0;
    position: absolute;
  }
  body.controller-index #homeAdvert #homeAdvertContent .right p {
    margin-top: 100px;
    padding-left: 0;
    text-align: left;
  }
}
@media (max-height: 600px) {
  body.controller-index header #homeTop .homeTopMiddle {
    margin-top: -270px;
  }
  body.controller-index header #homeTop .homeTopMiddle #homeRewolwer {
    margin-top: 55px;
  }
}
@media (max-height: 550px) {
  body.controller-index header #homeTop .homeTopMiddle {
    height: 152px;
    margin-top: -105px;
  }
  body.controller-index header #homeTop .homeTopMiddle #homeRewolwer {
    display: none;
  }
  body.controller-index #homeCatalog ul {
    padding-bottom: 90px;
  }
}
@media (max-height: 450px) {
  body.controller-index #homeCatalog ul {
    padding-bottom: 110px;
  }
}
@media (max-height: 320px) {
  body.controller-index #rightBar {
    display: none;
  }
}
@media (max-height: 320px) and (max-height: 300px) {
  body.controller-index #homeCatalog ul .catalogItem .slideBottom i {
    font-size: 3rem;
  }
}
@media (max-height: 320px) and (max-height: 250px) {
  body.controller-index #homeCatalog ul .catalogItem .slideBottom i {
    font-size: 2.5rem;
  }
}
body.mobile-apps-page #wholePage {
  top: 18%;
  height: auto;
}
body.mobile-apps-page header {
  min-height: 200px;
  margin-bottom: 144px;
}
body.mobile-apps-page header #homeTop {
  min-height: 200px;
}
body.mobile-apps-page header #homeTop .homeTopMiddle {
  margin-top: 0;
  height: auto;
  position: relative;
  top: 0;
}
body.mobile-apps-page #homeAdvert {
  height: auto;
  min-height: 960px;
  display: block;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent {
  position: relative;
  top: 0;
  height: auto;
  margin: 0;
  padding: 0 2%;
  width: 96%;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
  max-width: 1280px;
  padding: 0;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .mainSlogan {
  width: 100%;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .mainSlogan h3 {
  font-size: 40px;
  font-weight: bold;
  line-height: 136px;
  padding: 0px;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer {
  margin: auto;
  max-width: 680px;
  overflow: hidden;
  padding: 0 0 50px 0;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker {
  max-width: 230px;
  max-height: 300px;
  height: auto;
  padding-right: 5%;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker .stickerImg {
  margin-bottom: 10px;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker a {
  float: left;
  display: block;
  cursor: pointer;
  width: 50%;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker a img {
  float: left;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .desc {
  box-sizing: content-box;
  float: left;
  padding: 0;
  text-align: left;
  font-size: 20px;
  height: auto;
  width: auto;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .desc h4 {
  font-weight: bold;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .desc p {
  padding: 0;
  text-align: left;
  margin: 20px 0 10px;
  font-weight: bold;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .desc ul li:first-child {
  margin-top: 0;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .desc ul li {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .desc ul li.mark {
  background: url('/style/image/navigation/dot.png') no-repeat top left;
  min-height: 25px;
  padding-left: 30px;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .pfApp {
  max-width: 320px;
}
body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .navApp {
  max-width: 420px;
}
@media (max-width: 1280px) {
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .mainSlogan h3 {
    font-size: 36px;
    line-height: 118px;
  }
}
@media (max-width: 980px) {
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .mainSlogan h3 {
    font-size: 32px;
    line-height: 96px;
  }
}
@media (max-width: 768px) {
  body.ipad #homeAdvert {
    padding-bottom: 180px !important;
  }
  body.mobile-apps-page header #homeTop .homeTopMiddle {
    margin-top: 0 !important;
    height: auto;
  }
  body.mobile-apps-page #homeAdvert {
    padding-bottom: 0;
  }
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .mainSlogan h3 {
    font-size: 26px;
    line-height: 72px;
  }
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer {
    padding: 0 0 20px;
  }
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker {
    float: none;
    overflow: hidden;
    margin: 0 auto 20px auto;
    padding: 0;
  }
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .desc {
    float: none;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
  }
}
@media (max-width: 480px) {
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .mainSlogan h3 {
    font-size: 16px;
    line-height: 64px;
  }
  body.mobile-apps-page #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker {
    width: 50%;
  }
}
@media (max-height: 750px) {
  body.mobile-apps-page #wholePage {
    top: 15%;
  }
  body.mobile-apps-page #wholePage header {
    margin-bottom: 112px;
  }
}
@media (max-height: 665px) {
  body.mobile-apps-page #wholePage {
    top: 10%;
  }
  body.mobile-apps-page #wholePage header {
    margin-bottom: 80px;
  }
}
@media (max-height: 580px) {
  body.mobile-apps-page #wholePage {
    top: 8%;
  }
  body.mobile-apps-page #wholePage header {
    margin-bottom: 48px;
  }
}
@media (max-height: 430px) {
  body.mobile-apps-page #wholePage {
    top: 4%;
  }
  body.mobile-apps-page #wholePage header {
    margin-bottom: 16px;
  }
}
body.mobileDevice #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker img {
  width: 50%;
}
body.mobileDevice #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker a {
  float: none;
  width: 100%;
}
body.mobileDevice #homeAdvert #homeAdvertContent .applicationPromo .applicationContainer .sticker a img {
  float: none;
  width: 100%;
}
