@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext');
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html, body {
  position: relative;
}

.to_hide {
  color: white;
  visibility: hidden;
}

body {
  font-size: 11px;
  line-height: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

strong, b {
  font-weight: bold;
}

sup {
  position: relative;
  top: -0.5em;
  font-size: 60%;
  line-height: 0px;
}

sub {
  vertical-align: sub;
  font-size: 8px;
  line-height: 0px;
}

nobr {
  white-space: nowrap;
}

a {
  color: #8dc641;
  text-decoration: none;
}
a:HOVER {
  text-decoration: underline;
}

input[type=text], input[type=number], input[type=email], select {
  border: 1px solid #d5d5d5;
  width: 200px;
}

input[type=number] {
  text-align: right;
}

textarea {
  border: 1px solid #d5d5d5;
}

button.default, .btn-default {
  background-color: #81b43d;
  border: none;
  color: #fff;
  padding: 3px 10px;
  text-transform: uppercase;
  cursor: pointer;
}

.btn-default {
  border-top: 1px solid #81b43d;
}

.btn-default:hover {
  text-decoration: none;
}

.errorlist {
  color: red;
  font-size: 9px;
}

ul.messages {
  width: 80%;
  margin: 10px auto;
  text-align: center;
}
ul.messages li {
  padding: 5px;
  width: 100%;
}
ul.messages li.error {
  border: 1px solid red;
}
ul.messages li.success {
  border: 1px solid green;
}

#footer .social {
  overflow: hidden;
  position: absolute;
  right: 110px;
  top: 10px;
  width: 232px;
}
#footer .social img {
  height: 24px;
}

.messages .success {
  color: green;
}
.messages .error {
  color: red;
}

.hidden {
  display: none;
}

#wizard-form-step-one {
  background: url('/static/website/images/dom.png?1432022432&21e05d6d083d') no-repeat center top transparent;
  height: 530px;
  width: 1000px;
  margin: 25px 0 0px 0;
  position: relative;
}
#wizard-form-step-one .dot {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #FFF;
  border: 6px solid black;
  border: 6px solid rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
#wizard-form-step-one .dot:hover {
  border: 6px solid #79be22;
  border: 6px solid rgba(121, 190, 34, 0.5);
}
#wizard-form-step-one .window {
  border: 1px solid #c8c8c8;
  min-height: 147px;
  width: 263px;
  position: absolute;
  display: none;
  background: #FFF;
  padding: 86px 10px 10px 11px;
  z-index: 1000;
}
#wizard-form-step-one .window .description {
  color: #666666;
  max-height: 200px;
  overflow: auto;
}
#wizard-form-step-one .window .header-lead {
  position: absolute;
  left: 0;
  top: 0;
  width: 234px;
  font-weight: bold;
  padding-left: 50px;
  text-align: center;
  min-height: 32px;
  line-height: 32px;
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #c8c8c8;
  background-color: #FFF;
  overflow: hidden;
}
#wizard-form-step-one .window .header-lead .ftable {
  display: table;
  height: 32px;
  vertical-align: middle;
}
#wizard-form-step-one .window .header-lead .ftable .ftablecell {
  display: table-cell;
  vertical-align: middle;
}
#wizard-form-step-one .window .header-lead img {
  position: absolute;
  left: 7px;
  top: -2px;
}
#wizard-form-step-one .window .header-title {
  color: #8dc641;
  position: absolute;
  left: 0;
  top: 33px;
  width: 161px;
  padding-right: 109px;
  padding-left: 15px;
  min-height: 32px;
  line-height: 33px;
  font-size: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #c8c8c8;
  background-color: #FFF;
  color: #8dc641;
  overflow: hidden;
}
#wizard-form-step-one .window .header-title .ftable {
  display: table;
  height: 33px;
  vertical-align: middle;
}
#wizard-form-step-one .window .header-title .ftable .ftablecell {
  display: table-cell;
  vertical-align: middle;
}
#wizard-form-step-one .window .header-title img {
  position: absolute;
  left: 7px;
  top: -2px;
}
#wizard-form-step-one .window .header-title .left {
  -webkit-transform: skew(160deg);
  -moz-transform: skew(160deg);
  -o-transform: skew(160deg);
  transform: skew(160deg);
  width: 132px;
  height: 73px;
  position: absolute;
  left: 171px;
  top: 0px;
  background-color: #8dc641;
}
#wizard-form-step-one .window .header-input {
  position: absolute;
  right: -1px;
  top: 33px;
  height: 33px;
  line-height: 31px;
  background-color: #8dc641;
  width: 85px;
  padding-right: 15px;
  color: #FFF;
  text-align: right;
}
#wizard-form-step-one .window .sub-name {
  font-weight: bold;
  margin: 5px 0;
}
#wizard-form-step-one .window.show {
  display: block;
}
#wizard-form-step-one .window input {
  outline: none;
  padding: 2px 3px 0 3px;
  width: 44px;
  height: 16px;
  line-height: 18px;
  top: 7px;
  right: 34px;
  position: absolute;
  border: none;
  text-align: right;
  font-size: 11px;
}
#wizard-form-step-one .window img.main {
  left: 0px;
  top: 0px;
  border: 1px solid #C8C8C8;
  position: relative;
  z-index: 100;
}
#wizard-form-step-one .line {
  background-color: #fff;
  position: absolute;
  z-index: 100;
}
#wizard-form-step-one #dachy-skosne {
  top: 0px;
  right: 180px;
}
#wizard-form-step-one #dachy-skosne .line {
  -moz-transform: rotate(76deg);
  -ms-transform: rotate(76deg);
  -webkit-transform: rotate(76deg);
  transform: rotate(76deg);
  height: 42px;
  left: -12px;
  top: 100px;
  width: 2px;
}
#wizard-form-step-one .dachy-skosne {
  top: 116px;
  right: 489px;
}
#wizard-form-step-one #dachy-plaskie {
  left: 349px;
  top: 40px;
}
#wizard-form-step-one #dachy-plaskie .line {
  -moz-transform: rotate(65deg);
  -ms-transform: rotate(65deg);
  -webkit-transform: rotate(65deg);
  transform: rotate(65deg);
  height: 140px;
  left: -62px;
  top: 49px;
  width: 2px;
}
#wizard-form-step-one .dachy-plaskie {
  left: 210px;
  top: 177px;
}
#wizard-form-step-one #sciany-dzialowe {
  top: 48px;
  left: 518px;
}
#wizard-form-step-one #sciany-dzialowe .line {
  -moz-transform: rotate(76deg);
  -ms-transform: rotate(76deg);
  -webkit-transform: rotate(76deg);
  transform: rotate(76deg);
  height: 129px;
  left: -41px;
  top: 62px;
  width: 2px;
}
#wizard-form-step-one .sciany-dzialowe {
  left: 399px;
  top: 179px;
}
#wizard-form-step-one #fasady-etics {
  left: 154px;
  top: 47px;
}
#wizard-form-step-one #fasady-etics .line {
  -moz-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  -webkit-transform: rotate(-54deg);
  transform: rotate(-54deg);
  height: 96px;
  right: -38px;
  top: 117px;
  width: 2px;
}
#wizard-form-step-one .fasady-etics {
  top: 228px;
  left: 501px;
}
#wizard-form-step-one .dot.accessory {
  bottom: 28px;
  left: 225px;
}
#wizard-form-step-one #accessory {
  bottom: -76px;
  left: 325px;
}
#wizard-form-step-one #accessory .line {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
  background: none repeat scroll 0 0 #C8C8C8;
  height: 95px;
  left: -39px;
  top: 132px;
  width: 1px;
}
#wizard-form-step-one #fasady-wentylowane {
  right: 465px;
  top: 148px;
}
#wizard-form-step-one #fasady-wentylowane .line {
  -moz-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  -webkit-transform: rotate(-54deg);
  transform: rotate(-54deg);
  height: 96px;
  right: -38px;
  top: 88px;
  width: 2px;
}
#wizard-form-step-one .fasady-wentylowane {
  left: 596px;
  top: 299px;
}
#wizard-form-step-one #fundamenty {
  right: 465px;
  top: 203px;
}
#wizard-form-step-one #fundamenty .line {
  -moz-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  -webkit-transform: rotate(-54deg);
  transform: rotate(-54deg);
  height: 96px;
  right: -38px;
  top: 88px;
  width: 2px;
}
#wizard-form-step-one .fundamenty {
  left: 595px;
  top: 353px;
}
#wizard-form-step-one #podlogi {
  left: 300px;
  top: 161px;
}
#wizard-form-step-one #podlogi .line {
  -moz-transform: rotate(65deg);
  -ms-transform: rotate(65deg);
  -webkit-transform: rotate(65deg);
  transform: rotate(65deg);
  height: 78px;
  left: -36px;
  top: 93px;
  width: 2px;
}
#wizard-form-step-one .podlogi {
  left: 216px;
  top: 298px;
}
#wizard-form-step-one #hale {
  left: 267px;
  top: 109px;
}
#wizard-form-step-one #hale .line {
  -moz-transform: rotate(65deg);
  -ms-transform: rotate(65deg);
  -webkit-transform: rotate(65deg);
  transform: rotate(65deg);
  height: 78px;
  left: -36px;
  top: 93px;
  width: 2px;
}
#wizard-form-step-one .hale {
  left: 181px;
  top: 248px;
}
#wizard-form-step-one #konstrukcje-szkieletowe {
  left: 299px;
  top: 27px;
}
#wizard-form-step-one #konstrukcje-szkieletowe .line {
  -moz-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  -webkit-transform: rotate(-51deg);
  transform: rotate(-51deg);
  background: none repeat scroll 0 0 #c8c8c8;
  height: 84px;
  left: -34px;
  top: -10px;
  width: 1px;
}
#wizard-form-step-one .konstrukcje-szkieletowe {
  left: 212px;
  top: 15px;
  width: 12px;
  height: 12px;
  background: #FFF;
  border: 6px solid black;
  border: 6px solid rgba(0, 0, 0, 0.5);
}
#wizard-form-step-one .konstrukcje-szkieletowe:hover {
  border: 6px solid #79be22;
  border: 6px solid rgba(121, 190, 34, 0.5);
}
#wizard-form-step-one #kominki {
  left: 299px;
  top: 64px;
}
#wizard-form-step-one #kominki .line {
  -moz-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  -webkit-transform: rotate(-51deg);
  transform: rotate(-51deg);
  background: none repeat scroll 0 0 #c8c8c8;
  height: 84px;
  left: -34px;
  top: -10px;
  width: 1px;
}
#wizard-form-step-one .kominki {
  left: 212px;
  top: 51px;
  width: 12px;
  height: 12px;
  background: #FFF;
  border: 6px solid black;
  border: 6px solid rgba(0, 0, 0, 0.5);
}
#wizard-form-step-one .kominki:hover {
  border: 6px solid #79be22;
  border: 6px solid rgba(121, 190, 34, 0.5);
}
#wizard-form-step-one #kanaly-wentylacyjne {
  left: 299px;
  top: 102px;
}
#wizard-form-step-one #kanaly-wentylacyjne .line {
  -moz-transform: rotate(-51deg);
  -ms-transform: rotate(-51deg);
  -webkit-transform: rotate(-51deg);
  transform: rotate(-51deg);
  background: none repeat scroll 0 0 #c8c8c8;
  height: 84px;
  left: -34px;
  top: -10px;
  width: 1px;
}
#wizard-form-step-one .kanaly-wentylacyjne {
  left: 212px;
  top: 90px;
  width: 12px;
  height: 12px;
  background: #FFF;
  border: 6px solid black;
  border: 6px solid rgba(0, 0, 0, 0.5);
}
#wizard-form-step-one .kanaly-wentylacyjne:hover {
  border: 6px solid #79be22;
  border: 6px solid rgba(121, 190, 34, 0.5);
}
#wizard-form-step-one #check-list {
  width: 237px;
  position: absolute;
  top: -87px;
  right: 6px;
  font-size: 12px;
  padding-top: 80px;
  padding-right: 25px;
  padding-bottom: 152px;
}
#wizard-form-step-one #check-list .paper-top {
  height: 109px;
  background: url('/static/website/images/kartka.png?1432022432&7f3282270c3a') no-repeat -38px top;
}
#wizard-form-step-one #check-list .paper-bottom {
  height: 122px;
  background: url('/static/website/images/kartka.png?1432022432&7f3282270c3a') no-repeat -38px bottom;
}
#wizard-form-step-one #check-list ul {
  background: url('/static/website/images/kartka_middle.png?1432022432&7f3282270c3a') repeat-y -2px top;
  min-height: 104px;
}
#wizard-form-step-one #check-list ul li {
  padding: 1px 0 2px 15px;
  line-height: 20px;
  position: relative;
  width: 197px;
  cursor: pointer;
  clear: both;
}
#wizard-form-step-one #check-list ul li .cl-remove {
  display: inline-block;
  padding-left: 5px;
  color: #000;
}
#wizard-form-step-one #check-list ul li.current {
  background-color: #e3e3e3;
}
#wizard-form-step-one #check-list ul li i {
  background: url('/static/website/images/check.png?1406634424&09411d6c2db7') no-repeat left top transparent;
  height: 15px;
  width: 15px;
  position: absolute;
  left: 13px;
  top: 3px;
}
#wizard-form-step-one #check-list ul li .label {
  padding-left: 25px;
  max-width: 110px;
  display: inline-block;
  line-height: 16px;
}
#wizard-form-step-one #check-list ul li .value {
  color: #8dc641;
  float: right;
  margin-right: 10px;
  font-weight: bold;
}
#wizard-form-step-one #check-list .errors {
  padding: 0 10px;
  color: red;
  background: url('/static/website/images/kartka_middle.png?1432022432&7f3282270c3a') repeat-y -2px top;
  width: 193px;
}

#wizard-form-step-two #tabs {
  margin-top: 45px;
  padding: 0px;
  background: none;
  border: none;
}
#wizard-form-step-two #tabs .ui-tabs-nav li {
  border: none;
}
#wizard-form-step-two #tabs .ui-tabs-nav {
  padding-left: 0px;
  background: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0;
  border: none;
}
#wizard-form-step-two #tabs .ui-tabs-panel {
  background: transparent;
  border: none;
  padding: 2px 0;
}
#wizard-form-step-two .ui-corner-all {
  border-radius: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
#wizard-form-step-two .ui-corner-all, #wizard-form-step-two .ui-corner-bottom, #wizard-form-step-two .ui-corner-right, #wizard-form-step-two .ui-corner-br {
  border-bottom-right-radius: 0;
}
#wizard-form-step-two .ui-corner-all, #wizard-form-step-two .ui-corner-bottom, #wizard-form-step-two .ui-corner-right, #wizard-form-step-two .ui-corner-br {
  border-bottom-left-radius: 0;
}
#wizard-form-step-two li {
  height: 23px;
  outline: none;
  background-image: none;
}
#wizard-form-step-two li i {
  width: 30px;
  height: 27px;
  display: block;
  position: absolute;
  left: 18px;
  top: 7px;
}
#wizard-form-step-two li.tab-1, #wizard-form-step-two li.tab-1 a {
  background-color: #466c13;
  color: #FFF;
}
#wizard-form-step-two li.tab-1 i, #wizard-form-step-two li.tab-1 a i {
  background: url('/static/website/images/wizard/pictograms-tab.png?1407411762&f1d352b7a8d1') no-repeat 0 -27px;
}
#wizard-form-step-two li.tab-2, #wizard-form-step-two li.tab-2 a {
  background-color: #8dc641;
  color: #FFF;
}
#wizard-form-step-two li.tab-2 i, #wizard-form-step-two li.tab-2 a i {
  background: url('/static/website/images/wizard/pictograms-tab.png?1407411762&f1d352b7a8d1') no-repeat 0 0;
}
#wizard-form-step-two li.tab-3, #wizard-form-step-two li.tab-3 a {
  background-color: #fdc400;
  color: #FFF;
}
#wizard-form-step-two li.tab-3 i, #wizard-form-step-two li.tab-3 a i {
  background: url('/static/website/images/wizard/pictograms-tab.png?1407411762&f1d352b7a8d1') no-repeat 0 -54px;
}
#wizard-form-step-two li.tab-4, #wizard-form-step-two li.tab-4 a {
  background-color: #a6a6a6;
  color: #FFF;
}
#wizard-form-step-two li.tab-4 i, #wizard-form-step-two li.tab-4 a i {
  background: url('/static/website/images/wizard/pictograms-tab.png?1407411762&f1d352b7a8d1') no-repeat 0 -81px;
}
#wizard-form-step-two li.tab-4 {
  width: 210px;
}
#wizard-form-step-two div.tab-1 {
  border-top: 10px solid #466c13 !important;
}
#wizard-form-step-two div.tab-1 .recommendation-table > tbody > tr > th {
  background-color: #466c13;
}
#wizard-form-step-two div.tab-2 {
  border-top: 10px solid #8dc641 !important;
}
#wizard-form-step-two div.tab-2 .recommendation-table > tbody > tr > th {
  background-color: #8dc641;
}
#wizard-form-step-two div.tab-3 {
  border-top: 10px solid #fdc400 !important;
}
#wizard-form-step-two div.tab-3 .recommendation-table > tbody > tr > th {
  background-color: #fdc400;
}
#wizard-form-step-two div.tab-4 {
  border-top: 10px solid #a6a6a6 !important;
}
#wizard-form-step-two div.tab-4 .recommendation-table > tbody > tr > th {
  background-color: #a6a6a6;
}
#wizard-form-step-two .recommendation-table {
  width: 100%;
}
#wizard-form-step-two .recommendation-table th {
  position: relative;
  padding: 2px 3px;
  color: #FFF;
  border-right: 2px solid #fff;
  text-align: center;
  background-clip: padding-box;
}
#wizard-form-step-two .recommendation-table th:HOVER .tooltip {
  display: block;
}
#wizard-form-step-two .recommendation-table th.amount {
  border-right: none;
}
#wizard-form-step-two .recommendation-table th .tooltip {
  display: none;
}
#wizard-form-step-two .recommendation-table td {
  padding: 5px 3px;
}
#wizard-form-step-two .recommendation-table .product {
  width: 600px;
}
#wizard-form-step-two .recommendation-table .product.with-select2 {
  padding: 0;
}
#wizard-form-step-two .recommendation-table .product .modern-product-select {
  width: 520px;
}
#wizard-form-step-two .recommendation-table .thickness {
  text-align: center;
  width: 108px;
}
#wizard-form-step-two .recommendation-table .thickness select {
  border: 1px solid #C1C1C1;
  width: 70px;
  text-align: center;
}
#wizard-form-step-two .recommendation-table .rd {
  text-align: center;
  width: 116px;
}
#wizard-form-step-two .recommendation-table .rd .tooltip {
  right: 45px;
}
#wizard-form-step-two .recommendation-table .heat_transfer {
  text-align: center;
  width: 150px;
}
#wizard-form-step-two .recommendation-table .heat_transfer .tooltip {
  right: 45px;
}
#wizard-form-step-two .recommendation-table .m2_opak {
  text-align: center;
  width: 95px;
}
#wizard-form-step-two .recommendation-table .amount {
  width: 95px;
  text-align: center;
}
#wizard-form-step-two .recommendation-table tr.group-row td {
  background-color: #d5d5d5;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  padding: 2px 3px;
}
#wizard-form-step-two .recommendation-table tr.group-row td:last-child {
  border-right: none;
}
#wizard-form-step-two .recommendation-table tr.group-row td.group, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group {
  width: 350px;
  position: relative;
  background-clip: padding-box;
}
#wizard-form-step-two .recommendation-table tr.group-row td.group table.inner-table table.inner-table td, #wizard-form-step-two .recommendation-table tr.group-row td.group table.inner-table tr, #wizard-form-step-two .recommendation-table tr.group-row td.group td, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group table.inner-table table.inner-table td, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group table.inner-table tr, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group td {
  background: none;
  padding: 0px;
  border: none;
}
#wizard-form-step-two .recommendation-table tr.group-row td.group table.inner-table table.inner-table td sup, #wizard-form-step-two .recommendation-table tr.group-row td.group table.inner-table tr sup, #wizard-form-step-two .recommendation-table tr.group-row td.group td sup, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group table.inner-table table.inner-table td sup, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group table.inner-table tr sup, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group td sup {
  top: -0.9em;
}
#wizard-form-step-two .recommendation-table tr.group-row td.group input, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group input {
  width: 60px;
  border-radius: 0;
  border: none;
  padding: 3px;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
}
#wizard-form-step-two .recommendation-table tr.group-row td.group img, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group img {
  /*position:absolute;
  top:8px;
  left:18px;*/
  vertical-align: top;
  margin-left: 10px;
  margin-right: 10px;
}
#wizard-form-step-two .recommendation-table tr.group-row td.group label, #wizard-form-step-two .recommendation-table tr.group-row td.accessory-group label {
  /*position:absolute;
  top:13px;
  left:60px;*/
  width: 205px;
  display: inline-block;
  font-size: 14px;
  text-align: left;
  text-transform: uppercase;
}
#wizard-form-step-two .recommendation-table tr.group-row .slider {
  width: 100px;
  margin: 0 auto;
}
#wizard-form-step-two .recommendation-table tr.group-row .slider-amount {
  font-size: 8px;
  padding-bottom: 3px;
}
#wizard-form-step-two .recommendation-table tr.product-row td {
  padding: 5px 3px 5px 3px;
  background-color: #F0F0EF;
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
}
#wizard-form-step-two .recommendation-table tr.product-row td:last-child {
  border-right: none;
}
#wizard-form-step-two .recommendation-table .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #c1c1c1;
  top: 82px;
  right: 15px;
  background: #FFF;
  color: #6d6d6d;
  width: 300px;
  text-align: left;
  z-index: 1000;
}
#wizard-form-step-two .recommendation-table .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
#wizard-form-step-two .ui-tabs-nav .ui-tabs-anchor, #wizard-form-step-two .ui-state-focus a {
  float: left;
  text-decoration: none;
  height: 27px;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  padding: 10px 25px 0 62px;
  border: none;
  outline: none;
}
#wizard-form-step-two .ui-tabs-anchor.last-tab {
  width: 150px;
}
#wizard-form-step-two .ui-state-active a {
  height: 33px !important;
  outline: none;
  margin-top: -7px;
  padding-top: 17px !important;
}
#wizard-form-step-two .ui-tabs-panel {
  margin-top: 16px;
}

.product-select2 a {
  border: none !important;
  border-radius: 0  !important;
}
.product-select2.select2-drop.select2-drop {
  border-radius: 0 !important;
}
.product-select2.select2-drop.select2-drop .select2-result-label {
  border-top: 1px solid #adadad;
}
.product-select2.select2-drop.select2-drop-above {
  border-radius: 0 !important;
}
.product-select2.select2-drop.select2-drop-above .select2-result-label {
  border-bottom: 1px solid #adadad;
  border-top: none;
}
.product-select2.select2-container-active {
  border: none;
}
.product-select2.select2-container-active a {
  box-shadow: none;
}
.product-select2.select2-drop {
  border: none !important;
  border-radius: 0;
}
.product-select2 .select2-choice {
  height: 153px;
  border-radius: 0;
  border: none;
}
.product-select2 .select2-choice .image {
  padding-top: 10px;
}
.product-select2 .select2-choice .select2-arrow {
  background: #adadad;
  border-left: 1px solid #aaa;
  border-radius: 0;
}
.product-select2 .select2-choice .select2-arrow b {
  background-position: 0 60px;
  display: block;
  height: 100%;
  width: 100%;
}
.product-select2 .select2-results {
  max-height: 325px;
}
.product-select2 .select2-results li .product-wrap {
  height: 155px;
}

.product-wrap {
  position: relative;
  height: 155px;
  width: 500px;
}
.product-wrap .image {
  position: absolute;
  top: 5px;
  left: 0;
  width: 80px;
  padding-left: 20px;
}
.product-wrap .description {
  position: absolute;
  top: 5px;
  left: 121px;
  width: 375px;
}
.product-wrap .description .title {
  font-weight: bold;
  text-transform: uppercase;
}
.product-wrap .description .short-description {
  font-size: 10px;
  display: block;
  margin-top: 0px;
  width: 366px;
  white-space: normal;
  line-height: 12px;
  padding-bottom: 10px;
  height: 118px;
  overflow: hidden;
}
.product-wrap .distinctions {
  display: block;
  margin-top: 10px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 88px;
  text-align: center;
}
.product-wrap .distinctions .icon {
  display: inline-block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  width: 22px;
  height: 20px;
  margin: 0 2px;
}
.product-wrap .distinctions .icon.teraz_polska {
  background-position: -238px -297px;
}
.product-wrap .distinctions .icon.termika {
  background-position: -10px -297px;
}
.product-wrap .distinctions .icon.akustyka {
  background-position: -60px -297px;
}
.product-wrap .distinctions .icon.wilgoc {
  background-position: -84px -297px;
}
.product-wrap .distinctions .icon.srodowisko {
  background-position: -134px -297px;
}
.product-wrap .distinctions .icon.ekonomiczny {
  background-position: -209px -297px;
}
.product-wrap .distinctions .icon.latwosc {
  background-position: -34px -297px;
}
.product-wrap .distinctions .icon.recykling {
  background-position: -109px -297px;
}
.product-wrap .distinctions .icon.wlasc_mechaniczne {
  background-position: -159px -297px;
}
.product-wrap .distinctions .icon.ochrona_ogniowa {
  background-position: -184px -297px;
}

.cart-table {
  border-spacing: 2px;
  border-collapse: separate;
  width: 985px;
}
.cart-table .row-sepearator {
  height: 2px;
  padding: 0px;
}
.cart-table .row-sepearator td {
  padding: 0px;
  background: #8DC641;
}
.cart-table tr th {
  background-color: #383838;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  color: #FFF;
  text-align: center;
  padding: 2px 3px;
}
.cart-table tr th.product-name {
  width: 393px;
}
.cart-table tr th.product-thickness {
  width: 150px;
}
.cart-table tr th.product-package {
  width: 100px;
}
.cart-table tr th.product-amount {
  width: 100px;
}
.cart-table tr th.system {
  background: #8DC641;
  color: #fff;
}
.cart-table tr.highlight td {
  background: #E7FFDF;
}
.cart-table tr td {
  text-align: center;
  background-color: #efefef;
  padding: 12px 6px;
  font-size: 14px;
  position: relative;
  background-clip: padding-box !important;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -ms-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
}
.cart-table tr td.product-amount {
  overflow: hidden;
}
.cart-table tr td.product-thickness select {
  width: 70px;
}
.cart-table tr td.product-name {
  text-align: left;
  font-weight: bold;
}
.cart-table tr td.product-name a {
  color: #000;
}
.cart-table tr td.product-name .product-descrption {
  font-weight: normal;
  font-size: 11px;
  margin-top: 5px;
  display: block;
}
.cart-table tr td.product-remove .remove {
  display: inline-block;
  width: 17px;
  height: 16px;
  background: url('/static/website/images/wizard/delete.png?1406634424&e945d0bc9441') no-repeat center center transparent;
  text-indent: -10000px;
  outline: none;
}
.cart-table tr td.product-amount .operators {
  float: right;
  text-align: center;
  position: relative;
  margin-right: -22px;
}
.cart-table tr td.product-amount .operators .operator {
  position: absolute;
  margin-top: -21px;
  width: 22px;
  right: 0;
  top: 5px;
  font-weight: bold;
}
.cart-table tr td.product-amount .operators .operator a {
  font-size: 15px;
  padding: 2px 0;
  color: #FFF;
  text-decoration: none;
  outline: none;
  display: block;
  background-color: #8cc641;
}
.cart-table tr td.product-amount .operators .operator a.minus {
  margin-top: 2px;
  padding-bottom: 3px;
  line-break: 14px;
}
.cart-table tr td.product-amount .operators .operator a.plus {
  margin-top: 2px;
}
.cart-table tr.system-row td {
  background: #E6F0E4;
}

#cart-extra, .cart-extra {
  width: 980px;
  border: 1px solid #c2c2c2;
  margin: 50px 2px 0 2px;
}
#cart-extra .product-selector-area, .cart-extra .product-selector-area {
  height: 112px;
  padding: 25px;
  border-bottom: 1px solid #c2c2c2;
  background: url('/static/website/images/wizard/cart-house-bg.png?1406634424&e945d0bc9441') no-repeat top right transparent;
}
#cart-extra .product-selector-area table td.label, .cart-extra .product-selector-area table td.label {
  text-align: right;
  font-weight: bold;
  padding-right: 15px;
}
#cart-extra .recommendations h3, .cart-extra .recommendations h3 {
  padding-left: 50px;
  height: 37px;
  line-height: 37px;
  background: #a4a4a4;
  color: white;
  font-size: 14px;
  position: relative;
}
#cart-extra .recommendations h3 span, .cart-extra .recommendations h3 span {
  display: block;
  position: absolute;
  top: 4px;
  left: 12px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -40px -23px;
  width: 29px;
  height: 25px;
}

.cart-recommendation-system h3 span {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -6px -23px;
}
.cart-recommendation-system .system-mini-image {
  float: left;
  width: 100px;
  text-align: center;
}
.cart-recommendation-system .system-mini-image select {
  width: 80px;
}
.cart-recommendation-system .system-row {
  *zoom: 1;
  position: relative;
  padding-bottom: 25px;
  min-height: 260px;
}
.cart-recommendation-system .system-row:after {
  content: "";
  display: table;
  clear: both;
}
.cart-recommendation-system .system-row.mini {
  font-size: 10px;
  padding-bottom: 10px;
}
.cart-recommendation-system .system-row.mini .system-description {
  width: 523px !important;
  margin-left: 110px !important;
}
.cart-recommendation-system .system-row.mini .content {
  min-height: 140px;
}
.cart-recommendation-system .system-row.mini .content ul.products li {
  width: 110px;
  padding-right: 25px;
}
.cart-recommendation-system .system-row.mini .content ul.products li .plus {
  top: 65px;
  right: 10px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -209px -56px;
  width: 19px;
  height: 19px;
}
.cart-recommendation-system .system-row.mini .content .add-to-cart {
  top: 19px;
  right: 10px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -239px -95px;
  width: 59px;
  height: 139px;
}
.cart-recommendation-system .system-row .header {
  background-color: #efefef;
  padding: 10px;
}
.cart-recommendation-system .system-row .header h4 {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 30px;
  line-height: 36px;
}
.cart-recommendation-system .system-row .content {
  position: relative;
  padding-top: 25px;
}
.cart-recommendation-system .system-row .content .system-prev {
  width: 200px;
  float: left;
  text-align: center;
  margin: 0px 10px;
}
.cart-recommendation-system .system-row .content .system-description {
  width: 610px;
  margin-left: 250px;
}
.cart-recommendation-system .system-row .content ul.products li {
  float: left;
  display: block;
  position: relative;
  width: 140px;
  padding-right: 30px;
  text-align: center;
}
.cart-recommendation-system .system-row .content ul.products li .plus {
  display: block;
  position: absolute;
  top: 65px;
  right: 0px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -2px -51px;
  width: 29px;
  height: 29px;
}
.cart-recommendation-system .system-row .content .add-to-cart {
  display: block;
  position: absolute;
  top: 35px;
  right: 10px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -2px -84px;
  width: 79px;
  height: 157px;
  text-indent: -10000px;
  outline: none;
}

th.product-m2-total {
  position: relative;
}
th.product-m2-total:HOVER .tooltip {
  display: block;
}
th.product-m2-total .tooltip {
  display: none;
}
th.product-m2-total .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  right: 5px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
}
th.product-m2-total .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}

.cart-recommendation-products h3:HOVER .tooltip {
  display: block;
}
.cart-recommendation-products h3 .tooltip {
  display: none;
}
.cart-recommendation-products h3 .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  left: 35px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
}
.cart-recommendation-products h3 .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
.cart-recommendation-products .system-row {
  *zoom: 1;
  position: relative;
  padding: 10px 25px;
  border-bottom: 1px solid #c2c2c2;
}
.cart-recommendation-products .system-row:after {
  content: "";
  display: table;
  clear: both;
}
.cart-recommendation-products .system-row.mini .add-to-cart {
  left: 640px;
  top: 60px;
}
.cart-recommendation-products .system-row .image {
  float: left;
  text-align: center;
}
.cart-recommendation-products .system-row .description {
  float: left;
  width: 510px;
  margin-top: 30px;
  margin-left: 30px;
}
.cart-recommendation-products .system-row .description .title {
  font-weight: bold;
  padding: 3px 0;
  display: block;
  font-size: 14px;
}
.cart-recommendation-products .system-row .description .content {
  color: #6b6b6b;
}
.cart-recommendation-products .system-row .add-to-cart {
  position: absolute;
  right: 10px;
  top: 80px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -36px -51px;
  width: 75px;
  height: 29px;
  text-indent: -10000px;
  outline: none;
}

.cart-select2.select2-container-active {
  border: none !important;
}
.cart-select2.select2-container-active .select2-choices {
  border: 1px solid #adadad;
}
.cart-select2.select2-container-active a {
  box-shadow: none;
}
.cart-select2 a {
  border: none !important;
  border-radius: 0  !important;
}
.cart-select2.select2-drop.select2-drop {
  border-radius: 0 !important;
}
.cart-select2.select2-drop.select2-drop .select2-result-label {
  border-top: 1px solid #adadad;
}
.cart-select2.select2-drop.select2-drop-above {
  border-radius: 0 !important;
}
.cart-select2.select2-drop.select2-drop-above .select2-result-label {
  border-bottom: 1px solid #adadad;
  border-top: none;
}
.cart-select2.select2-drop {
  border: none !important;
  border-radius: 0;
}
.cart-select2 .select2-choice {
  border-radius: 0;
  border: none;
}
.cart-select2 .select2-choice .image {
  padding-top: 10px;
}
.cart-select2 .select2-choice .select2-arrow {
  background: #adadad;
  border-left: 1px solid #aaa;
  border-radius: 0;
}
.cart-select2 .select2-choice .select2-arrow b {
  background-position: 0 1px;
  display: block;
  height: 100%;
  width: 100%;
}
.cart-select2 .select2-search input {
  margin-top: 20px !important;
}

/**
 * Mixin scrollbar
 */
#distributor-search-wrapper {
  margin-top: 10px;
  border-top: 6px solid #8dc641;
}
#distributor-search-wrapper .address-area-wrapper {
  height: 45px;
  background-color: #353535;
}
#distributor-search-wrapper .address-area-wrapper #place-form button {
  border: none;
  height: 24px;
  background: #8DC641;
  color: #fff;
  cursor: pointer;
}
#distributor-search-wrapper .address-area-wrapper .address-area {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#distributor-search-wrapper .address-area-wrapper .address-area .search {
  padding-top: 10px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .search input, #distributor-search-wrapper .address-area-wrapper .address-area .search select {
  border: none;
  height: 22px;
  text-align: center;
}
#distributor-search-wrapper .address-area-wrapper .address-area .search .row-1 {
  color: #FFF;
}
#distributor-search-wrapper .address-area-wrapper .address-area .search .row-1 .post-code-1 {
  width: 25px;
  margin-left: 10px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .search .row-1 .post-code-2 {
  width: 40px;
  margin-right: 10px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .search .row-1 .address {
  width: 200px;
  text-align: left;
  margin-left: 10px;
  padding-left: 10px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list {
  position: absolute;
  top: 0px;
  right: 15px;
  width: 400px;
  background-color: #FFF;
  border-bottom: 6px solid #353535;
  z-index: 2;
  scrollbar-face-color: #575757;
  scrollbar-track-color: #FFFFFF;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .info {
  padding: 8px 0 0 26px;
  height: 52px;
  background-color: #8dc641;
  color: #FFF;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .info .label {
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list ::-webkit-scrollbar-thumb {
  background: #575757;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list ::-webkit-scrollbar-track {
  background: #FFFFFF;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list ::-webkit-scrollbar-track {
  border-right: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list ::-webkit-scrollbar-button {
  height: 15px;
  width: 15px;
  border-right: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list ::-webkit-scrollbar-button:increment {
  background: url('/static/website/images/scroll-down.png?1406634424&6c344da9f4a9') no-repeat center center;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list ::-webkit-scrollbar-button:decrement {
  background: url('/static/website/images/scroll-up.png?1406634424&6c344da9f4a9') no-repeat center center;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper {
  max-height: 489px;
  overflow: auto;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table {
  width: 100%;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table tr.odd {
  background-color: #f0f0f0;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td {
  padding-top: 13px;
  height: 84px;
  border-bottom: 1px solid #bdbdbd;
  position: relative;
  vertical-align: top;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td .large-checkbox {
  display: block;
  width: 18px;
  height: 18px;
  left: 5px;
  position: absolute;
  border: 1px solid #bdbdbd;
  cursor: pointer;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td .large-checkbox.checked {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -84px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.input {
  width: 30px;
  position: relative;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.input input {
  display: none;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.image div.image {
  width: 87px;
  height: 67px;
  background: #FFF;
  padding: 0 5px 0 0;
  border-right: 1px solid #bdbdbd;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details {
  padding-left: 10px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating {
  margin-top: 5px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating span {
  height: 26px;
  line-height: 26px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .label {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  line-height: 32px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .star {
  display: inline-block;
  width: 25px;
  text-align: center;
  padding-left: 7px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  line-height: 28px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .star.rating_1 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -134px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .star.rating_1.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -163px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .star.rating_2 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -134px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .star.rating_2.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -163px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .star.rating_3 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -134px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .rating .star.rating_3.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -163px;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .name {
  font-weight: bold;
  display: block;
  text-transform: uppercase;
}
#distributor-search-wrapper .address-area-wrapper .address-area .distributor-list .table-wrapper table td.details .address {
  color: #9a9a9a;
  display: block;
}

.summary-page .cart-table {
  margin-top: 35px;
}

.summary-page, .offer-distributor-page {
  font-size: 12px;
}
.summary-page table.summary-distributor-list, .summary-page table.summary-form, .offer-distributor-page table.summary-distributor-list, .offer-distributor-page table.summary-form {
  width: 981px;
  border: 1px solid #c2c2c2;
  margin: 35px 2px 0 2px;
}
.summary-page table.summary-distributor-list tr.odd, .summary-page table.summary-form tr.odd, .offer-distributor-page table.summary-distributor-list tr.odd, .offer-distributor-page table.summary-form tr.odd {
  background-color: #efefef;
}
.summary-page table.summary-distributor-list th, .summary-page table.summary-form th, .offer-distributor-page table.summary-distributor-list th, .offer-distributor-page table.summary-form th {
  background-color: #a4a4a4;
  padding: 5px;
  color: #FFF;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px 2px 38px;
  position: relative;
}
.summary-page table.summary-distributor-list th .icon-distributors, .summary-page table.summary-form th .icon-distributors, .offer-distributor-page table.summary-distributor-list th .icon-distributors, .offer-distributor-page table.summary-form th .icon-distributors {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -146px -83px;
  width: 18px;
  height: 20px;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
}
.summary-page table.summary-distributor-list th .icon-data, .summary-page table.summary-form th .icon-data, .offer-distributor-page table.summary-distributor-list th .icon-data, .offer-distributor-page table.summary-form th .icon-data {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -124px -83px;
  width: 18px;
  height: 20px;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
}
.summary-page table.summary-distributor-list td, .summary-page table.summary-form td, .offer-distributor-page table.summary-distributor-list td, .offer-distributor-page table.summary-form td {
  padding: 0px 5px 0 15px;
  height: 49px;
}
.summary-page table.summary-distributor-list td.image, .summary-page table.summary-form td.image, .offer-distributor-page table.summary-distributor-list td.image, .offer-distributor-page table.summary-form td.image {
  width: 80px;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 0px 5px;
}
.summary-page table.summary-distributor-list td.image .spacer, .summary-page table.summary-form td.image .spacer, .offer-distributor-page table.summary-distributor-list td.image .spacer, .offer-distributor-page table.summary-form td.image .spacer {
  display: block;
  width: 1px;
  background-color: #c2c2c2;
  height: 30px;
  position: absolute;
  right: 0;
  top: 10px;
}
.summary-page table.summary-distributor-list td .address, .summary-page table.summary-form td .address, .offer-distributor-page table.summary-distributor-list td .address, .offer-distributor-page table.summary-form td .address {
  color: #afafaf;
}
.summary-page table.summary-form, .offer-distributor-page table.summary-form {
  color: #515151;
  margin: 35px 0;
  border-collapse: separate;
}
.summary-page table.summary-form tr.first td, .offer-distributor-page table.summary-form tr.first td {
  padding-top: 20px;
}
.summary-page table.summary-form td, .offer-distributor-page table.summary-form td {
  padding: 12px 0px 0 20px;
  vertical-align: top;
  height: auto;
}
.summary-page table.summary-form td.label, .offer-distributor-page table.summary-form td.label {
  text-align: right;
  width: 155px;
  padding-top: 19px;
}
.summary-page table.summary-form td.label.email, .offer-distributor-page table.summary-form td.label.email {
  color: #000;
  padding-top: 36px;
}
.summary-page table.summary-form td.label.phone, .offer-distributor-page table.summary-form td.label.phone {
  width: 105px;
  text-align: left;
}
.summary-page table.summary-form td.label.realization_date, .offer-distributor-page table.summary-form td.label.realization_date {
  padding-top: 10px;
}
.summary-page table.summary-form td.value.name, .offer-distributor-page table.summary-form td.value.name {
  width: 255px;
}
.summary-page table.summary-form td.value.phone, .offer-distributor-page table.summary-form td.value.phone {
  width: 255px;
}
.summary-page table.summary-form td ul.errorlist, .offer-distributor-page table.summary-form td ul.errorlist {
  color: red;
}
.summary-page table.summary-form td input[type=text], .summary-page table.summary-form td input[type=email], .offer-distributor-page table.summary-form td input[type=text], .offer-distributor-page table.summary-form td input[type=email] {
  border: 1px solid #cecece;
  height: 22px;
  font-size: 12px;
  margin: 0;
  padding-left: 5px;
}
.summary-page table.summary-form td input[type=text]#id_email, .summary-page table.summary-form td input[type=email]#id_email, .offer-distributor-page table.summary-form td input[type=text]#id_email, .offer-distributor-page table.summary-form td input[type=email]#id_email {
  width: 280px;
}
.summary-page table.summary-form td input[type=text]#id_address, .summary-page table.summary-form td input[type=email]#id_address, .offer-distributor-page table.summary-form td input[type=text]#id_address, .offer-distributor-page table.summary-form td input[type=email]#id_address {
  width: 600px;
}
.summary-page table.summary-form td input[type=text]#id_name, .summary-page table.summary-form td input[type=email]#id_name, .offer-distributor-page table.summary-form td input[type=text]#id_name, .offer-distributor-page table.summary-form td input[type=email]#id_name {
  width: 240px;
}
.summary-page table.summary-form td input[type=text]#id_phone, .summary-page table.summary-form td input[type=email]#id_phone, .offer-distributor-page table.summary-form td input[type=text]#id_phone, .offer-distributor-page table.summary-form td input[type=email]#id_phone {
  width: 230px;
  margin-left: 10px;
}
.summary-page table.summary-form td input[type=text]#id_realization_date, .summary-page table.summary-form td input[type=email]#id_realization_date, .offer-distributor-page table.summary-form td input[type=text]#id_realization_date, .offer-distributor-page table.summary-form td input[type=email]#id_realization_date {
  width: 90px;
}
.summary-page table.summary-form td.phone, .offer-distributor-page table.summary-form td.phone {
  padding-left: 0;
}
.summary-page table.summary-form td .email-wrap, .offer-distributor-page table.summary-form td .email-wrap {
  background-color: #353535;
  width: 287px;
  padding: 9px;
}
.summary-page table.summary-form td .agree-wrap, .offer-distributor-page table.summary-form td .agree-wrap {
  *zoom: 1;
}
.summary-page table.summary-form td .agree-wrap:after, .offer-distributor-page table.summary-form td .agree-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.summary-page table.summary-form td .agree-wrap .checkbox, .offer-distributor-page table.summary-form td .agree-wrap .checkbox {
  height: 13px;
  width: 13px;
  display: block;
  background-color: #FFF;
  cursor: pointer;
  border: 1px solid #cecece;
  float: left;
}
.summary-page table.summary-form td .agree-wrap .checkbox.checked, .offer-distributor-page table.summary-form td .agree-wrap .checkbox.checked {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -106px -86px;
}
.summary-page table.summary-form td .agree-wrap .checkbox input, .offer-distributor-page table.summary-form td .agree-wrap .checkbox input {
  display: none;
}
.summary-page table.summary-form td .agree-wrap p, .offer-distributor-page table.summary-form td .agree-wrap p {
  float: left;
  margin: 1px 0 0 10px;
}

.info-window {
  width: 260px;
  min-height: 110px;
}
.info-window .rating {
  margin-top: 5px;
}
.info-window .rating span {
  height: 26px;
  line-height: 26px;
}
.info-window .rating .label {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  line-height: 32px;
}
.info-window .rating .star {
  display: inline-block;
  width: 25px;
  text-align: center;
  padding-left: 7px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  line-height: 28px;
}
.info-window .rating .star.rating_1 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -134px;
}
.info-window .rating .star.rating_1.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -163px;
}
.info-window .rating .star.rating_2 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -134px;
}
.info-window .rating .star.rating_2.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -163px;
}
.info-window .rating .star.rating_3 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -134px;
}
.info-window .rating .star.rating_3.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -163px;
}
.info-window .distributor-url-wraper {
  margin-top: 5px;
}
.info-window .distributor-url-wraper a {
  display: block;
  background: #8DC641;
  width: 50%;
  color: #FFF;
  padding: 7px 5px;
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
  text-decoration: none;
}
.info-window .distributor-url-wraper a.unselect {
  display: none;
}
.info-window .distributor-url-wraper.checked a.unselect {
  display: block;
}
.info-window .distributor-url-wraper.checked a.select {
  display: none;
}

.wizard-end {
  text-align: center;
  min-height: 200px;
  padding-top: 50px;
  font-size: 14px;
}

.accessories {
  width: 100%;
  margin-top: 2px;
  border-collapse: separate;
  border-spacing: 2px;
}
.accessories .accessory-thumb {
  display: block;
  float: left;
  margin: 0px 10px;
}
.accessories .accessory-name {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-left: 140px;
}
.accessories .accessory-amount {
  text-align: center;
}
.accessories .accessory-desc {
  font-size: 10px;
  line-height: 13px;
  width: 620px;
  margin-left: 140px;
}
.accessories .accessory-header {
  background: red;
  padding: 10px;
  color: #fff;
  text-align: left;
}
.accessories tr {
  background: #F0F0EF;
}
.accessories tr td {
  padding: 5px 2px;
  background-clip: padding-box;
}
.accessories tr td:first-child {
  text-align: center;
}

#wizard-form-step-two ul li {
  border-radius: 5px 5px 0px 0px !important;
}
#wizard-form-step-two ul li a {
  border-radius: 5px 5px 0px 0px;
}
#wizard-form-step-two table.accessories .modern-checkbox-wrapper {
  margin-left: 4px;
  display: inline-block;
}
#wizard-form-step-two div.tab-1 .accessory-header {
  background-color: #466C13;
}
#wizard-form-step-two div.tab-2 .accessory-header {
  background-color: #8DC641;
}
#wizard-form-step-two div.tab-3 .accessory-header {
  background-color: #FDC400;
}
#wizard-form-step-two div.tab-4 .accessory-header {
  background-color: #A6A6A6;
}

.modern-checkbox-wrapper {
  height: 13px;
  width: 13px;
  display: block;
  background-color: #FFF;
  cursor: pointer;
  border: 1px solid #cecece;
}
.modern-checkbox-wrapper.checked {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -106px -86px;
}
.modern-checkbox-wrapper input {
  display: none;
}

.help_layer {
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0px;
  top: 0px;
  display: none;
}
.help_layer.show {
  display: block;
}

.trip-block.black {
  color: #fff !important;
}

.tour_page .x_tooltip, .tour_page .samouczek_hint {
  position: absolute;
  width: 250px;
  left: 0;
  top: 0;
  background-color: #FCD20D !important;
  color: #000000 !important;
  z-index: 999999;
  border: 2px solid #b8920d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.tour_page .samouczek_hint {
  position: fixed;
  right: 45px;
  bottom: 23px;
  left: auto;
  top: auto;
}
.tour_page .x_tooltip p {
  padding: 10px;
  font-size: 14px;
  text-shadow: none;
  font-style: italic;
  line-height: 16px;
}
.tour_page .tooltip_arrow {
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
}
.tour_page .tooltip_arrow_T,
.tour_page .tooltip_arrow_B,
.tour_page .tooltip_arrow_TL,
.tour_page .tooltip_arrow_TR,
.tour_page .tooltip_arrow_BL,
.tour_page .tooltip_arrow_BR {
  background-image: url('/static/website/images/topbottom.png?a7d4a5564aee');
  width: 13px;
  height: 7px;
}
.tour_page .tooltip_arrow_L,
.tour_page .tooltip_arrow_R,
.tour_page .tooltip_arrow_LT,
.tour_page .tooltip_arrow_LB,
.tour_page .tooltip_arrow_RT,
.tour_page .tooltip_arrow_RB {
  background-image: url('/static/website/images/leftright.png?a7d4a5564aee');
  width: 7px;
  height: 13px;
}
.tour_page .tooltip_arrow_T {
  background-position: 0px -7px;
  top: -7px;
  left: 50%;
  margin-left: -3.5px;
}
.tour_page .tooltip_arrow_TL {
  background-position: 0px -7px;
  top: -7px;
  left: 5px;
}
.tour_page .tooltip_arrow_TR {
  background-position: 0px -7px;
  top: -7px;
  right: 5px;
}
.tour_page .tooltip_arrow_B {
  background-position: 0px 0px;
  bottom: -7px;
  left: 50%;
  margin-left: -3.5px;
}
.tour_page .tooltip_arrow_BL {
  background-position: 0px 0px;
  bottom: -7px;
  left: 5px;
}
.tour_page .tooltip_arrow_BR {
  background-position: 0px 0px;
  bottom: -7px;
  right: 5px;
}
.tour_page .tooltip_arrow_L {
  background-position: -7px 0px;
  top: 50%;
  margin-top: -6.5px;
  left: -7px;
}
.tour_page .tooltip_arrow_LT {
  background-position: -7px 0px;
  top: 5px;
  left: -7px;
}
.tour_page .tooltip_arrow_LB {
  background-position: -7px 0px;
  bottom: 5px;
  left: -7px;
}
.tour_page .tooltip_arrow_R {
  background-position: 0px 0px;
  top: 50%;
  margin-top: -6.5px;
  right: -7px;
}
.tour_page .tooltip_arrow_RT {
  background-position: 0px 0px;
  top: 5px;
  right: -7px;
}
.tour_page .tooltip_arrow_RB {
  background-position: 0px 0px;
  bottom: 5px;
  right: -7px;
}
.tour_page .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #6E6E6E;
  opacity: 0.5;
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.tour_page .tour-desc {
  font-weight: normal;
  font-size: 13px;
}
.tour_page .tourcontrols {
  position: fixed;
  top: 20px;
  right: -300px;
  width: 270px;
  background: #FCD20D;
  color: #000000 !important;
  text-shadow: 0px 0px 1px #fff;
  font-size: 16px;
  padding: 10px;
  border: 1px solid #b8920d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  z-index: 9999;
}
.tour_page .tourcontrols a {
  font-size: 11px;
  color: #666;
  cursor: pointer;
  font-weight: normal;
  text-decoration: underline;
  margin: 10px;
}
.tour_page .tourcontrols a:hover {
  color: #999;
}
.tour_page .close {
  position: absolute;
  top: 6px;
  right: 7px;
  width: 10px;
  height: 10px;
  padding: 2px;
  background: #b8920d url('/static/website/images/close.gif?7f3282270c3a') no-repeat center center;
  cursor: pointer;
}
.tour_page .tourcontrols p {
  padding: 10px;
}
.tour_page .button {
  white-space: nowrap;
  display: block;
  float: left;
  margin: 10px 0px 10px 10px;
  cursor: pointer;
  background: #9dd53a;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd53a), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #7cbc0a));
  background: -webkit-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
  background: -o-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
  background: -ms-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
  background: linear-gradient(to bottom, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
  border: 1px solid #7cbc0a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(72, 97, 33, 0.4), 0 1px 3px #333;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(72, 97, 33, 0.4), 0 1px 3px #333;
  box-shadow: inset 0px 0px 0px 1px rgba(72, 97, 33, 0.4), 0 1px 3px #333;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1;
  padding: 6px 7px;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}
.tour_page .button:hover {
  background: #84ba34;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0YmEzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ExZDU0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NWEzMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #84ba34 0%, #a1d54f 50%, #80c217 51%, #65a309 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84ba34), color-stop(50%, #a1d54f), color-stop(51%, #80c217), color-stop(100%, #65a309));
  background: -webkit-linear-gradient(top, #84ba34 0%, #a1d54f 50%, #80c217 51%, #65a309 100%);
  background: -o-linear-gradient(top, #84ba34 0%, #a1d54f 50%, #80c217 51%, #65a309 100%);
  background: -ms-linear-gradient(top, #84ba34 0%, #a1d54f 50%, #80c217 51%, #65a309 100%);
  background: linear-gradient(to bottom, #84ba34 0%, #a1d54f 50%, #80c217 51%, #65a309 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84ba34', endColorstr='#65a309',GradientType=0 );
}
.tour_page .button:active {
  background: #84ba34;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0YmEzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc1YTgzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzY0OWIxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NWEzMDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
  background: -moz-linear-gradient(top, #84ba34 0%, #75a83f 50%, #649b12 51%, #65a309 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #84ba34), color-stop(50%, #75a83f), color-stop(51%, #649b12), color-stop(100%, #65a309));
  background: -webkit-linear-gradient(top, #84ba34 0%, #75a83f 50%, #649b12 51%, #65a309 100%);
  background: -o-linear-gradient(top, #84ba34 0%, #75a83f 50%, #649b12 51%, #65a309 100%);
  background: -ms-linear-gradient(top, #84ba34 0%, #75a83f 50%, #649b12 51%, #65a309 100%);
  background: linear-gradient(to bottom, #84ba34 0%, #75a83f 50%, #649b12 51%, #65a309 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84ba34', endColorstr='#65a309',GradientType=0 );
}
.tour_page .nav {
  clear: both;
  width: 100%;
  float: left;
}
.tour_page .megatop {
  z-index: 999 !important;
  position: relative;
}
.tour_page .tour_exec {
  padding: 5px 10px;
  background: #8DC641;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
}

#page-content {
  *zoom: 1;
}
#page-content:after {
  content: "";
  display: table;
  clear: both;
}
#page-content .product-details.product-page {
  padding: 25px 15px;
}
#page-content .product-details.product-page .cart-table {
  width: 750px;
}
#page-content .product-details.product-page .cart-table th {
  background-color: #a4a4a4;
  position: relative;
}
#page-content .product-details.product-page .cart-table th .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  right: -5px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
  display: none;
}
#page-content .product-details.product-page .cart-table th .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
#page-content .product-details.product-page .cart-table th:hover .tooltip {
  display: block;
}
#page-content .product-details.product-page .cart-table td.add-to-cart {
  background-color: #dddddd;
  padding: 0;
}
#page-content .product-details.product-page .cart-table td.add-to-cart a {
  display: inline-block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -78px -23px;
  width: 34px;
  height: 24px;
  outline: none;
}
#page-content .section-title {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 20px;
  border-bottom: 2px solid #FCD51E;
  padding-bottom: 7px;
  color: #6D6D6D;
}
#page-content .product-page-title {
  background: #A4A4A4;
  color: #FFF;
  font-weight: bold;
  padding: 12px 10px;
}
#page-content .product-page-title .to_right {
  display: inline-block;
  width: 100px;
  float: right;
  text-align: right;
  position: relative;
  top: -6px;
  right: -3px;
}
#page-content .product-page-title .to_right .flag {
  width: 27px;
  height: 27px;
  display: inline-block;
  background-position: no-repeat;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
}
#page-content .product-page-title .to_right .flag.type1 {
  background-position: -118px -52px;
}
#page-content .product-page-title .to_right .flag.type2 {
  background-position: -148px -52px;
}
#page-content .product-page-title .to_right .flag.type3 {
  background-position: -178px -52px;
}
#page-content #product-filters {
  *zoom: 1;
  width: 207px;
  float: left;
  min-height: 300px;
}
#page-content #product-filters:after {
  content: "";
  display: table;
  clear: both;
}
#page-content #product-filters .box {
  margin-bottom: 20px;
}
#page-content #product-filters .box .header {
  border-top: 3px solid #fcd51e;
  height: 31px;
  background-color: #353535;
  font-size: 12px;
  line-height: 31px;
  color: #FFF;
  text-transform: uppercase;
  padding-left: 15px;
  position: relative;
}
#page-content #product-filters .box .header .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  right: -5px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
  display: none;
  text-transform: none;
}
#page-content #product-filters .box .header .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
#page-content #product-filters .box .header:hover .tooltip {
  display: block;
}
#page-content #product-filters .box table.groups {
  width: 100%;
}
#page-content #product-filters .box table.groups tr.hover td.icon, #page-content #product-filters .box table.groups tr.selected td.icon {
  background-color: #fcd51e;
}
#page-content #product-filters .box table.groups tr.hover td.name, #page-content #product-filters .box table.groups tr.selected td.name {
  background-color: #8dc73f;
  color: #FFF;
}
#page-content #product-filters .box table.groups tr td {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
#page-content #product-filters .box table.groups tr td.icon {
  width: 45px;
  height: 31px;
  padding-top: 3px;
  background-color: #efefef;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  text-align: center;
}
#page-content #product-filters .box table.groups tr td.name {
  padding-left: 15px;
  border: 1px solid #efefef;
  border-left: none;
  font-size: 13px;
  line-height: 13px;
  color: #000;
  outline: none;
}
#page-content #product-filters .box .row {
  padding-left: 15px;
  font-size: 13px;
  height: 34px;
  line-height: 34px;
  position: relative;
  padding-left: 40px;
}
#page-content #product-filters .box .row .icon {
  width: 27px;
  height: 27px;
  display: block;
  position: absolute;
  left: 6px;
  top: 4px;
}
#page-content #product-filters .box .row .checkbox {
  position: absolute;
  top: 11px;
  right: 7px;
  height: 13px;
  width: 13px;
  display: block;
  background-color: #FFF;
  cursor: pointer;
}
#page-content #product-filters .box .row .checkbox.checked {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -106px -86px;
}
#page-content #product-filters .box .row .checkbox input {
  display: none;
}
#page-content #product-filters .box .row.recommendation-1 {
  background-color: #fec400;
  color: #FFF;
  height: 29px;
  padding-top: 5px;
  line-height: 12px;
}
#page-content #product-filters .box .row.recommendation-1 .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -178px -52px;
}
#page-content #product-filters .box .row.recommendation-2 {
  color: #FFF;
  background-color: #8cc540;
  height: 29px;
  padding-top: 5px;
  line-height: 12px;
}
#page-content #product-filters .box .row.recommendation-2 .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -148px -52px;
}
#page-content #product-filters .box .row.recommendation-3 {
  color: #FFF;
  background-color: #486c15;
  height: 29px;
  padding-top: 5px;
  line-height: 12px;
}
#page-content #product-filters .box .row.recommendation-3 .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -118px -53px;
}
#page-content #product-filters .box .row.row-slider {
  background-color: #efefef;
  padding: 0;
}
#page-content #product-filters .box .row.row-slider .min {
  position: absolute;
  left: 4px;
  width: 30px;
  text-align: center;
}
#page-content #product-filters .box .row.row-slider .max {
  position: absolute;
  right: 4px;
  width: 30px;
  text-align: center;
}
#page-content #product-filters .box .row.row-slider .slider-wrap {
  margin: 0 auto;
  width: 110px;
  text-align: center;
  padding: 11px;
}
#page-content #product-filters .box .row.row-slider .slider-wrap .ui-widget-header {
  background: #D3D3D3 50% 50% repeat-x;
}
#page-content #product-filters .box .row.flags {
  border: 1px solid #efefef;
  border-top: none;
}
#page-content #product-filters .box .row.flags .checkbox {
  border: 1px solid #cecece;
}
#page-content #product-filters .distinctions.mini .icon {
  left: 9px;
  top: 7px;
}
#page-content #product-list-wrapper {
  float: right;
  width: 780px;
}
#page-content #product-list-wrapper h1 {
  font-size: 18px;
  margin-bottom: 10px;
}
#page-content #product-list-wrapper .search-terms {
  margin: 10px 0px;
}
#page-content #product-list-wrapper .search-terms .query-term {
  background: #DEDEDE;
  padding: 5px;
  border: 1px solid #C5C5C5;
}
#page-content #product-list-wrapper .search-terms .query-term a {
  font-weight: bold;
  display: inline-block;
  padding: 0px 3px;
}
#page-content #product-list-wrapper #product-list {
  *zoom: 1;
  padding: 0 0 0 0px;
}
#page-content #product-list-wrapper #product-list:after {
  content: "";
  display: table;
  clear: both;
}
#page-content #product-list-wrapper #product-list > ul {
  border: 1px solid #e0e0e0;
}
#page-content #product-list-wrapper #product-list .row-product {
  border-bottom: 9px solid #353535;
  position: relative;
  padding-bottom: 29px;
  background: #fafafa;
}
#page-content #product-list-wrapper #product-list .row-product.opened {
  background: #ffffff;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap {
  *zoom: 1;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap:after {
  content: "";
  display: table;
  clear: both;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .image {
  float: left;
  width: 240px;
  margin-top: 10px;
  text-align: center;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product {
  float: right;
  width: 520px;
  padding: 25px 10px 0 0;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .lambda {
  width: 47px;
  height: 43px;
  background: #FCD20D;
  font-size: 8px;
  display: inline-block;
  position: relative;
  color: #8DC641;
  float: right;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .lambda .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  right: -5px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
  display: none;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .lambda .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .lambda:hover .tooltip {
  display: block;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .lambda .lambda_sign {
  position: absolute;
  top: 11px;
  left: 4px;
  font-size: 14px;
  color: #8DC641;
  text-transform: lowercase;
  line-height: 15px;
  font-weight: bold;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .lambda .lambda_1 {
  position: absolute;
  bottom: 10px;
  left: 3px;
  line-height: 11px;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: -2px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .lambda .lambda_2 {
  position: absolute;
  font-size: 28px;
  left: 14px;
  top: 12px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -2px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product h3 {
  font-size: 18px;
  line-height: 40px;
  background-color: #a4a4a4;
  color: #FFF;
  padding-left: 15px;
  text-transform: uppercase;
  font-weight: bold;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product h3 a {
  color: #fff;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product h3 .to_right {
  display: inline-block;
  width: 100px;
  float: right;
  text-align: right;
  padding-top: 6px;
  margin-right: 5px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product h3 .to_right .flag {
  width: 27px;
  height: 27px;
  display: inline-block;
  background-position: no-repeat;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product h3 .to_right .flag.type1 {
  background-position: -118px -52px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product h3 .to_right .flag.type2 {
  background-position: -148px -52px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product h3 .to_right .flag.type3 {
  background-position: -178px -52px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-1 {
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-1 .content {
  color: #6d6d6d;
  float: left;
  font-size: 12px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-1 .icons {
  padding-top: 10px;
  display: table;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-1 .icons img {
  vertical-align: middle;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-1 .icons span {
  color: #999988;
  margin-left: 5px;
  font-size: 10px;
  display: table-cell;
  vertical-align: middle;
  width: 65px;
  text-align: left;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-1 .icons span.ico {
  width: 40px;
  text-align: center;
  padding: 0px 5px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-2 {
  *zoom: 1;
  padding: 10px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-2:after {
  content: "";
  display: table;
  clear: both;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-2 .distinctions {
  float: left;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-2 .distinctions .icon {
  float: left;
  margin-right: 5px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-2 .isover_url {
  float: left;
  margin-top: 3px;
  margin-left: 25px;
  position: relative;
  padding-left: 15px;
}
#page-content #product-list-wrapper #product-list .row-product .row-product-wrap .product .row-2 .isover_url:before {
  content: " ";
  position: absolute;
  display: block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -209px;
  width: 6px;
  height: 10px;
  top: 2px;
  left: 0px;
}
#page-content #product-list-wrapper #product-list .row-product .bottom-more {
  border-bottom: 3px solid #8dc641;
  position: absolute;
  bottom: 0;
  height: 29px;
  width: 100%;
}
#page-content #product-list-wrapper #product-list .row-product .bottom-more .more {
  height: 18px;
  width: 75px;
  background-color: #8dc641;
  position: absolute;
  right: 0;
  bottom: -1px;
  margin-left: 5px;
  text-transform: uppercase;
  color: #FFF;
  padding: 8px 0 0 13px;
  cursor: pointer;
}
#page-content #product-list-wrapper #product-list .row-product .bottom-more .more:before {
  content: "";
  position: absolute;
  background-color: #8dc641;
  top: 1px;
  left: -5px;
  bottom: 0;
  width: 13px;
  -moz-transform: skew(-20deg, 5deg);
  -ms-transform: skew(-20deg, 5deg);
  -webkit-transform: skew(-20deg, 5deg);
  transform: skew(-20deg, 5deg);
  cursor: pointer;
}
#page-content #product-list-wrapper #product-list .row-product .bottom-more .more.open .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -105px -211px;
}
#page-content #product-list-wrapper #product-list .row-product .bottom-more .more .icon {
  position: absolute;
  display: block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -93px -211px;
  width: 10px;
  height: 6px;
  right: 10px;
  top: 12px;
}
#page-content #product-list-wrapper #product-list .product-details {
  display: none;
  padding: 25px 15px;
}
#page-content #product-list-wrapper #product-list .product-details .cart-table {
  width: 750px;
}
#page-content #product-list-wrapper #product-list .product-details .cart-table th {
  background-color: #a4a4a4;
  position: relative;
}
#page-content #product-list-wrapper #product-list .product-details .cart-table th .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  right: -5px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
  display: none;
}
#page-content #product-list-wrapper #product-list .product-details .cart-table th .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
#page-content #product-list-wrapper #product-list .product-details .cart-table th:hover .tooltip {
  display: block;
}
#page-content #product-list-wrapper #product-list .product-details .cart-table td.add-to-cart {
  background-color: #dddddd;
  padding: 0;
}
#page-content #product-list-wrapper #product-list .product-details .cart-table td.add-to-cart a {
  display: inline-block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -78px -23px;
  width: 34px;
  height: 24px;
  outline: none;
}
#page-content #product-list-wrapper #product-list .version {
  color: #ddd;
}
#page-content #product-list-wrapper #product-list .version.exist {
  color: #000;
}
#page-content #product-list-wrapper #product-list .package_type {
  font-size: 10px;
}

.distinctions.mini .icon {
  display: block;
  width: 22px !important;
  height: 20px !important;
}
.distinctions.mini .icon.termika {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -10px -297px;
}
.distinctions.mini .icon.latwosc {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -34px -297px;
}
.distinctions.mini .icon.akustyka {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -60px -297px;
}
.distinctions.mini .icon.wilgoc {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -297px;
}
.distinctions.mini .icon.lekkosc {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -264px -298px;
}
.distinctions.mini .icon.recykling {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -109px -297px;
}
.distinctions.mini .icon.srodowisko {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -134px -297px;
}
.distinctions.mini .icon.wlasc_mechaniczne {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -159px -297px;
}
.distinctions.mini .icon.ochrona_ogniowa {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -184px -297px;
}
.distinctions.mini .icon.ekonomiczny {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -209px -297px;
}
.distinctions.mini .icon.teraz_polska {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -236px -297px;
}

.top-wrap-product-desc {
  width: 100%;
  vertical-align: top;
}
.top-wrap-product-desc tr td {
  vertical-align: top;
}

.product-info-details * {
  font-size: 12px !important;
  color: #6D6D6D;
}

.sections-list {
  color: #6D6D6D;
  font-size: 12px;
}

.additional-product-name {
  font-size: 11px;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  margin-left: 5px;
}

#product-list .version, .product-page .version {
  color: #ddd;
}
#product-list .version.exist, .product-page .version.exist {
  color: #000;
}
#product-list .package_type, .product-page .package_type {
  font-size: 10px;
}
#product-list .tabs, .product-page .tabs {
  margin: 10px;
  padding: 0px;
  background: none;
  border: none;
}
#product-list .tabs .system:before, .product-page .tabs .system:before {
  content: " ";
  position: absolute;
  display: block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -82px;
  width: 27px;
  height: 20px;
  top: 5px;
  left: 11px;
}
#product-list .tabs .product:before, .product-page .tabs .product:before {
  content: " ";
  position: absolute;
  display: block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -203px -82px;
  width: 27px;
  height: 20px;
  top: 5px;
  left: 11px;
}
#product-list .tabs .ui-tabs-nav li, .product-page .tabs .ui-tabs-nav li {
  border: none;
  border-radius: 0 !important;
}
#product-list .tabs .ui-tabs-nav, .product-page .tabs .ui-tabs-nav {
  padding-left: 0px;
  background: transparent;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0;
  border: none;
}
#product-list .tabs .ui-tabs-panel, .product-page .tabs .ui-tabs-panel {
  background: transparent;
  padding: 2px 0;
  border: 1px solid #a4a4a4;
  border-top: 5px solid #a4a4a4 !important;
}
#product-list .ui-corner-all, .product-page .ui-corner-all {
  border-radius: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
#product-list .ui-corner-all, #product-list .ui-corner-bottom, #product-list .ui-corner-right, #product-list .ui-corner-br, .product-page .ui-corner-all, .product-page .ui-corner-bottom, .product-page .ui-corner-right, .product-page .ui-corner-br {
  border-bottom-right-radius: 0;
}
#product-list .ui-corner-all, #product-list .ui-corner-bottom, #product-list .ui-corner-right, #product-list .ui-corner-br, .product-page .ui-corner-all, .product-page .ui-corner-bottom, .product-page .ui-corner-right, .product-page .ui-corner-br {
  border-bottom-left-radius: 0;
}
#product-list .ui-tabs-nav .ui-tabs-anchor, .product-page .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  text-decoration: none;
  height: 19px;
  line-height: 19px;
  font-size: 14px;
  border: none;
  outline: none;
  color: #FFF;
  background: #c5c5c5;
}
#product-list .ui-state-active a, .product-page .ui-state-active a {
  outline: none;
  background: #a4a4a4 !important;
}
#product-list .ui-tabs .ui-tabs-nav li.ui-state-default, .product-page .ui-tabs .ui-tabs-nav li.ui-state-default {
  border-bottom: 2px solid #FFF;
}
#product-list .ui-tabs .ui-tabs-nav a, .product-page .ui-tabs .ui-tabs-nav a {
  padding-left: 45px;
}
#product-list .ui-tabs .ui-tabs-nav li.ui-tabs-active, .product-page .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 2px solid #a4a4a4;
}

.product-right-section .lambda {
  width: 47px;
  height: 43px;
  background: #FCD20D;
  font-size: 8px;
  display: inline-block;
  position: relative;
  color: #8DC641;
  float: right;
}
.product-right-section .lambda .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  right: -5px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
  display: none;
}
.product-right-section .lambda .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
.product-right-section .lambda:hover .tooltip {
  display: block;
}
.product-right-section .lambda .lambda_sign {
  position: absolute;
  top: 11px;
  left: 4px;
  font-size: 14px;
  color: #8DC641;
  text-transform: lowercase;
  line-height: 15px;
  font-weight: bold;
}
.product-right-section .lambda .lambda_1 {
  position: absolute;
  bottom: 10px;
  left: 3px;
  line-height: 11px;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: -2px;
}
.product-right-section .lambda .lambda_2 {
  position: absolute;
  font-size: 28px;
  left: 14px;
  top: 12px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -2px;
}
.product-right-section .row-1 {
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.product-right-section .row-1 .content {
  color: #6d6d6d;
  float: left;
  font-size: 12px;
}
.product-right-section .row-1 .icons {
  padding-top: 10px;
  display: table;
}
.product-right-section .row-1 .icons img {
  vertical-align: middle;
}
.product-right-section .row-1 .icons span {
  color: #999988;
  margin-left: 5px;
  font-size: 10px;
  display: table-cell;
  vertical-align: middle;
  width: 65px;
  text-align: left;
}
.product-right-section .row-1 .icons span.ico {
  width: 40px;
  text-align: center;
  padding: 0px 5px;
}
.product-right-section .row-2 {
  *zoom: 1;
  padding: 10px;
}
.product-right-section .row-2:after {
  content: "";
  display: table;
  clear: both;
}
.product-right-section .row-2 .distinctions {
  float: left;
}
.product-right-section .row-2 .distinctions .icon {
  float: left;
  margin-right: 5px;
}
.product-right-section .row-2 .isover_url {
  float: left;
  margin-top: 3px;
  margin-left: 25px;
  position: relative;
  padding-left: 15px;
}
.product-right-section .row-2 .isover_url:before {
  content: " ";
  position: absolute;
  display: block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -209px;
  width: 6px;
  height: 10px;
  top: 2px;
  left: 0px;
}

#page-content.offer-client-page h3, #page-content.offer-distributor-page h3 {
  margin: 0 2px 15px 2px;
  font-size: 22px;
  line-height: 30px;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  position: relative;
  padding: 0px 260px 6px 10px;
  border-bottom: 1px solid #000;
}
#page-content.offer-client-page h3 .green, #page-content.offer-distributor-page h3 .green {
  color: #8dc641;
}
#page-content.offer-client-page h3 .client-details, #page-content.offer-distributor-page h3 .client-details {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 260px;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  color: #353535;
}
#page-content.offer-client-page .main-label, #page-content.offer-distributor-page .main-label {
  background-color: #383838;
  color: #fff;
  font-size: 22px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px;
  text-align: center;
  margin-bottom: 0;
}
#page-content.offer-client-page .cart-table, #page-content.offer-distributor-page .cart-table {
  width: 1000px;
}
#page-content.offer-client-page .cart-table tr.strike-True *, #page-content.offer-distributor-page .cart-table tr.strike-True * {
  text-decoration: line-through;
}
#page-content hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 1em 2px;
  padding: 0;
}
#page-content table.offer-list {
  width: 1000px;
}
#page-content table.offer-list tr.offer-row.canceled td {
  background-color: #ead9d9;
}
#page-content table.offer-list tr.offer-row.canceled td.status {
  color: #ca1c1c;
}
#page-content table.offer-list tr.offer-row.canceled td.status .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -130px -109px;
  width: 19px;
  height: 19px;
  left: -30px;
  top: -3px;
}
#page-content table.offer-list tr.offer-row.canceled td.realization_date.label, #page-content table.offer-list tr.offer-row.canceled td.price.label {
  background-color: #d24b4b;
  color: #FFF;
}
#page-content table.offer-list tr.offer-row.send td, #page-content table.offer-list tr.offer-row.accepted td {
  background-color: #dae2cf;
}
#page-content table.offer-list tr.offer-row.send td.status, #page-content table.offer-list tr.offer-row.accepted td.status {
  color: #689a26;
}
#page-content table.offer-list tr.offer-row.send td.status .icon, #page-content table.offer-list tr.offer-row.accepted td.status .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -110px;
  left: -30px;
  top: 5px;
}
#page-content table.offer-list tr.offer-row.send td.realization_date.label, #page-content table.offer-list tr.offer-row.send td.price.label, #page-content table.offer-list tr.offer-row.accepted td.realization_date.label, #page-content table.offer-list tr.offer-row.accepted td.price.label {
  background-color: #81b43d;
  color: #FFF;
}
#page-content table.offer-list tr.offer-row.accepted td.status .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -110px;
  top: -2px;
}
#page-content table.offer-list tr.offer-row.new td.status .icon {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -108px -117px;
  width: 16px;
  height: 4px;
  top: 12px;
  left: -30px;
}
#page-content table.offer-list tr.offer-row.new td.realization_date.label, #page-content table.offer-list tr.offer-row.new td.price.label {
  background-color: #b7b7b7;
  color: #FFF;
}
#page-content table.offer-list tr.offer-details {
  display: none;
}
#page-content table.offer-list tr.offer-details td {
  padding: 9px 0;
  background: #FFF;
}
#page-content table.offer-list tr.offer-details td div.wrapper {
  border: 1px solid #383838;
  min-height: 150px;
}
#page-content table.offer-list tr.offer-details td .cart-table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 984px;
  margin: 5px;
}
#page-content table.offer-list tr.offer-details td .cart-table th {
  background-color: #a4a4a4;
}
#page-content table.offer-list tr.offer-details td .cart-table td {
  background-color: #efefef;
}
#page-content table.offer-list th {
  border: 2px solid #FFF;
  background-color: #383838;
  padding: 5px;
  color: #FFF;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px;
  text-align: center;
}
#page-content table.offer-list th.distributor {
  width: 280px;
}
#page-content table.offer-list th.status {
  width: 154px;
}
#page-content table.offer-list th.price {
  width: 195px;
}
#page-content table.offer-list th.actions {
  width: 94px;
}
#page-content table.offer-list td {
  border: 2px solid #FFF;
  background-color: #efefef;
  padding: 10px;
}
#page-content table.offer-list td.image {
  border-right: none;
  text-align: center;
}
#page-content table.offer-list td.distributor {
  border-left: none;
  padding: 0;
  width: 250px;
}
#page-content table.offer-list td.distributor .address {
  color: #afafaf;
}
#page-content table.offer-list td.status {
  font-size: 16px;
  text-transform: uppercase;
  padding-left: 45px;
  position: relative;
  background-clip: padding-box;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
}
#page-content table.offer-list td.status .relative-wrap {
  position: relative;
}
#page-content table.offer-list td.status .relative-wrap .icon {
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
}
#page-content table.offer-list td.status .toggle-details {
  width: 100%;
  height: 14px;
  background-color: #383838;
  position: absolute;
  bottom: 0px;
  left: 0;
  cursor: pointer;
}
#page-content table.offer-list td.status .toggle-details.open {
  bottom: -12px;
  height: 26px;
}
#page-content table.offer-list td.status .toggle-details.open .triangle-icon {
  border-width: 0 5px 6px;
  border-color: transparent transparent #ffffff transparent;
}
#page-content table.offer-list td.status .toggle-details .triangle-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 6px 0;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 4px;
  right: 5px;
}
#page-content table.offer-list td.realization_date, #page-content table.offer-list td.price {
  padding-top: 2px;
  padding-bottom: 2px;
  height: 45px;
}
#page-content table.offer-list td.realization_date.label, #page-content table.offer-list td.price.label {
  text-transform: uppercase;
  width: 74px;
}
#page-content table.offer-list td.realization_date.value, #page-content table.offer-list td.price.value {
  text-align: right;
  font-size: 14px;
  width: 100px;
}
#page-content table.offer-list td.realization_date.value span, #page-content table.offer-list td.price.value span {
  display: block;
  font-size: 12px;
}
#page-content table.offer-list td.actions {
  padding-bottom: 0;
}
#page-content table.offer-list td.actions a {
  display: block;
  padding-left: 25px;
  text-transform: uppercase;
  font-family: Tahoma;
  font-size: 9px;
  text-decoration: none;
  color: #353535;
  margin-bottom: 10px;
  position: relative;
  outline: none;
}
#page-content table.offer-list td.actions a:before {
  content: " ";
  display: block;
  width: 17px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
}
#page-content table.offer-list td.actions a.cancel-offer:before {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -131px;
}
#page-content table.offer-list td.actions a.pdf-offer:before {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -150px;
}
#page-content table.offer-list td.actions a.accept-offer:before {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -169px;
}
#page-content table.offer-list td.actions a.rate-offer:before {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -189px;
}

.modal-dialog h3.title {
  text-transform: uppercase;
  border-bottom: 1px solid #383838;
  margin: 10px 0;
  padding: 0 0 6px 5px;
}
.modal-dialog .rating .label {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  line-height: 32px;
}
.modal-dialog .rating .star {
  display: inline-block;
  width: 16px;
  height: 15px;
  text-align: center;
  padding-left: 5px;
  color: white;
  font-weight: bold;
  font-size: 13px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -146px -3px;
  cursor: pointer;
}
.modal-dialog .rating .star.hover {
  opacity: 0.8;
}
.modal-dialog .rating .star.rating_1.selected, .modal-dialog .rating .star.rating_1.hover {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -122px -3px;
}
.modal-dialog .rating .star.rating_2.selected, .modal-dialog .rating .star.rating_2.hover {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -97px -3px;
}
.modal-dialog .rating .star.rating_3.selected, .modal-dialog .rating .star.rating_3.hover {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -74px -3px;
}
.modal-dialog .distributor-rating table td {
  padding: 3px;
}
.modal-dialog .distributor-rating table td.label {
  text-align: right;
  width: 150px;
  padding-right: 15px;
  vertical-align: top;
}
.modal-dialog .distributor-rating table td.actions-form {
  text-align: right;
}
.modal-dialog .distributor-rating textarea {
  width: 438;
  height: 170px;
  border: 1px solid #d5d5d5;
}
.modal-dialog .distributor-rating .rating-wrap input {
  display: none;
}

.offer-distributor-page .m2price-field input {
  width: 60px;
}
.offer-distributor-page .cart-table th.product-name {
  width: 250px;
}
.offer-distributor-page .cart-table label {
  font-size: 11px;
  display: block;
}
.offer-distributor-page .cart-table tr.summary td {
  background-color: #b7b7b7;
}
.offer-distributor-page .cart-table tr.summary.first td {
  border-top: 10px solid #FFF;
}
.offer-distributor-page .summary-form {
  padding-bottom: 15px;
  width: 996px !important;
  margin: 20px 2px !important;
}
.offer-distributor-page .summary-form td.label.transport {
  padding-top: 23px;
}
.offer-distributor-page .summary-form td.value.transport {
  width: 100px;
}
.offer-distributor-page .summary-form td.label.transport_cost {
  padding-top: 24px;
  width: 90px;
}
.offer-distributor-page .summary-form td.value.notes {
  width: 100px;
}
.offer-distributor-page .summary-form td.value.notes textarea {
  width: 534px;
}
.offer-distributor-page .action-forms {
  text-align: right;
  padding-right: 5px;
}
.offer-distributor-page .checkbox {
  height: 13px;
  width: 13px;
  display: inline-block;
  background-color: #FFF;
  cursor: pointer;
  position: relative;
  border: 1px solid #d5d5d5;
}
.offer-distributor-page .checkbox.checked {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -106px -86px;
}
.offer-distributor-page .checkbox input {
  display: none;
}

.cart-table.other-details td:last-child {
  width: 214px;
}

.dist-order {
  width: 1000px;
  margin: 0 auto;
}
.dist-order .hr {
  margin: 15px 0px;
  border-bottom: 1px solid #DBDBDB;
  width: 953px;
  height: 2px;
  margin-left: 16px;
}
.dist-order .prev-title {
  margin: 10px 0px;
  border-bottom: 1px solid #dedede;
  padding: 10px 0px;
  font-size: 12px;
  width: 985px;
  text-align: center;
  font-style: italic;
  color: #999988;
}
.dist-order #order_frame {
  width: 981px;
  display: none;
}
.dist-order table.summary-form {
  width: 981px;
  border: 1px solid #C2C2C2;
  margin-left: 2px;
  margin-bottom: 10px;
  font-size: 12px;
}
.dist-order table.summary-form input[type="text"] {
  height: 22px;
  margin-left: 5px;
}
.dist-order table.summary-form input[type="radio"] {
  position: relative;
  top: 2px;
}
.dist-order table.summary-form .icon-data {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  background-repeat: no-repeat;
  background-position: -159px -109px;
  width: 21px;
  height: 21px;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
}
.dist-order table.summary-form th {
  background-color: #A4A4A4;
  padding: 5px;
  color: #FFF;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px 2px 38px;
  position: relative;
}
.dist-order table.summary-form tr td {
  padding: 10px;
}

tr.strike-True * {
  text-decoration: line-through !important;
  opacity: 0.6;
}

#noty_topRight_layout_container li {
  border: 1px solid #8DC641 !important;
}
#noty_topRight_layout_container li .noty_type_success .noty_message {
  background: #FCD20D;
  color: #000;
}

@media screen and (max-height: 600px) {
  #wizard-form-step-one {
    background-size: 870px;
    height: 450px;
  }
  #wizard-form-step-one .konstrukcje-szkieletowe {
    left: 248px !important;
    top: 11px !important;
  }
  #wizard-form-step-one .kominki {
    left: 248px !important;
    top: 43px !important;
  }
  #wizard-form-step-one .kanaly-wentylacyjne {
    left: 248px !important;
    top: 76px !important;
  }
  #wizard-form-step-one .dachy-plaskie {
    left: 260px !important;
    top: 147px !important;
  }
  #wizard-form-step-one .hale {
    left: 221px !important;
    top: 213px !important;
  }
  #wizard-form-step-one .podlogi {
    left: 256px !important;
    top: 257px !important;
  }
  #wizard-form-step-one .sciany-dzialowe {
    left: 411px !important;
    top: 149px !important;
  }
  #wizard-form-step-one .fasady-etics {
    top: 200px !important;
    left: 501px !important;
  }
  #wizard-form-step-one .fasady-wentylowane {
    left: 582px !important;
    top: 263px !important;
  }
  #wizard-form-step-one .fundamenty {
    left: 583px !important;
    top: 308px !important;
  }
  #wizard-form-step-one #fasady-wentylowane {
    right: 465px;
    top: -12px;
  }
  #wizard-form-step-one #fasady-wentylowane .line {
    right: -18px;
    top: 209px;
  }
  #wizard-form-step-one .accessory.dot {
    bottom: 12px !important;
    left: 261px !important;
  }
  #wizard-form-step-one #accessory {
    bottom: 32px !important;
    left: 361px !important;
  }
  #wizard-form-step-one #fundamenty {
    right: 465px;
    top: 22px;
  }
  #wizard-form-step-one #fundamenty .line {
    right: -28px;
    top: 224px;
  }
  #wizard-form-step-one #fasady-etics {
    left: 154px;
    top: 19px;
  }
  #wizard-form-step-one #sciany-dzialowe {
    top: 19px;
    left: 521px;
  }
  #wizard-form-step-one #dachy-plaskie {
    left: 393px;
    top: 10px;
  }
  #wizard-form-step-one #hale {
    left: 298px;
    top: -12px;
  }
  #wizard-form-step-one #hale .line {
    left: -36px;
    top: 183px;
  }
  #wizard-form-step-one #podlogi {
    left: 334px;
    top: 122px;
  }
  #wizard-form-step-one #konstrukcje-szkieletowe {
    left: 336px;
    top: 22px;
  }
  #wizard-form-step-one #kominki {
    left: 327px;
    top: 4px;
  }
  #wizard-form-step-one #kominki .line {
    left: -29px;
    top: 38px;
    height: 72px;
  }
  #wizard-form-step-one #kanaly-wentylacyjne {
    left: 336px;
    top: 2px;
  }
  #wizard-form-step-one #kanaly-wentylacyjne .line {
    top: 70px;
  }

  #home-wrapper {
    height: 300px !important;
  }
  #home-wrapper #home-wrapper-left .wizard-img {
    top: -40px !important;
    background-size: 640px !important;
  }
  #home-wrapper #home-wrapper-left .wizard-img.show {
    right: -95px !important;
  }
  #home-wrapper #home-wrapper-left .wizard-label {
    top: 177px !important;
  }
  #home-wrapper #home-wrapper-left .wizard-label.show {
    right: 50px !important;
  }
  #home-wrapper #home-wrapper-right .catalog-label.show {
    left: 28px !important;
  }
  #home-wrapper #home-wrapper-right .catalog-img {
    top: -30px !important;
    background-size: 280px !important;
  }
  #home-wrapper #home-wrapper-right .catalog-img.show {
    left: 84px !important;
  }
}
@media screen and (max-width: 1024px) {
  #top-line-wrapper #top-line {
    width: 988px !important;
  }

  .horizontal-tabs-wrapper.action-forms .item.filler span {
    width: 595px !important;
  }

  .horizontal-tabs-wrapper .horizontal-tabs .item span {
    font-size: 11px !important;
  }

  .horizontal-tabs-wrapper .horizontal-tabs {
    width: 920px !important;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

.pager {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.pager li {
  display: inline-block;
}
.pager li.active {
  background: #383838;
}
.pager li.active a {
  color: #fff !important;
  font-weight: bold;
}
.pager li a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: #383838;
}
.pager li a:hover {
  color: #fff;
  background: #383838;
}

.top-custom-bar.where {
  margin-bottom: 0px;
  text-align: right;
}
.top-custom-bar.where .text * {
  display: inline-block;
  vertical-align: middle;
}

.filters_area {
  height: 45px;
  background-color: #353535;
  border-top: 6px solid #8DC641;
}
.filters_area .filters {
  text-align: center;
}
.filters_area .content {
  width: 1000px;
  margin: 0 auto;
  color: #fff;
  height: 45px;
}
.filters_area .content .filters {
  margin-top: 10px;
}
.filters_area .content .filters select {
  background: #fff;
  color: #000;
  padding: 2px 2px;
  margin-left: 5px;
  margin-right: 10px;
}
.filters_area .content .filters select, .filters_area .content .filters label {
  display: inline-block;
  vertical-align: middle;
}
.filters_area .content .filters input[type="text"].address {
  padding: 4px 2px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}

.where-to-buy .large-checkbox {
  display: block;
  width: 18px;
  height: 18px;
  left: 0px;
  position: absolute;
  border: 1px solid #bdbdbd;
  cursor: pointer;
}
.where-to-buy .large-checkbox.checked {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -84px -84px;
}
.where-to-buy .large-checkbox input {
  display: none;
}
.where-to-buy .extra-content {
  padding: 8px;
  margin-bottom: 35px;
  background-color: #8dc641;
  color: #FFF;
  text-align: center;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 26px;
  text-transform: uppercase;
}
.where-to-buy .dist {
  *zoom: 1;
  margin: 10px 0px;
  border-bottom: 1px solid #BDBDBD;
  padding: 0 10px 10px 10px;
}
.where-to-buy .dist:after {
  content: "";
  display: table;
  clear: both;
}
.where-to-buy .dist .rating {
  margin-top: 5px;
}
.where-to-buy .dist .rating span {
  height: 26px;
  line-height: 26px;
}
.where-to-buy .dist .rating .label {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  line-height: 32px;
}
.where-to-buy .dist .rating .star {
  display: inline-block;
  width: 25px;
  text-align: center;
  padding-left: 7px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  line-height: 28px;
}
.where-to-buy .dist .rating .star.rating_1 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -134px;
}
.where-to-buy .dist .rating .star.rating_1.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -163px;
}
.where-to-buy .dist .rating .star.rating_2 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -134px;
}
.where-to-buy .dist .rating .star.rating_2.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -163px;
}
.where-to-buy .dist .rating .star.rating_3 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -134px;
}
.where-to-buy .dist .rating .star.rating_3.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -163px;
}
.where-to-buy .dist .left-part {
  float: left;
  width: 50%;
}
.where-to-buy .dist .right-part {
  float: right;
  width: 50%;
}
.where-to-buy .dist .distributor-name-line {
  cursor: pointer;
}
.where-to-buy .dist .name {
  font-weight: bold;
  font-size: 19px;
  line-height: 21px;
  margin-bottom: 15px;
}
.where-to-buy .dist .name.has-checkbox {
  padding-left: 30px;
}
.where-to-buy .dist .phone {
  font-size: 16px;
}
.where-to-buy .dist .show-phone {
  cursor: pointer;
}
.where-to-buy .dist a.show-phone {
  font-size: 11px;
  padding-left: 5px;
}
.where-to-buy .dist .field-row {
  margin-top: 10px;
  color: #2f2f2f;
  font-size: 13px;
  line-height: 18px;
}
.where-to-buy .dist .field-row .fa {
  margin-right: 5px;
}
.where-to-buy .dist:last-child {
  border-bottom: none;
}

.comments-window {
  font-size: 11px !important;
  padding: 2px !important;
}
.comments-window table {
  margin-top: 3px;
  width: 100%;
}
.comments-window table tr {
  vertical-align: top;
}
.comments-window table tr td {
  vertical-align: top;
}
.comments-window .address {
  color: #999988;
}
.comments-window .comments-area {
  padding: 10px;
  background: #EEE;
  margin-top: 5px;
}
.comments-window .rating {
  margin-top: 5px;
}
.comments-window .rating span {
  height: 26px;
  line-height: 26px;
}
.comments-window .rating .label {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  line-height: 32px;
}
.comments-window .rating .star {
  display: inline-block;
  width: 25px;
  text-align: center;
  padding-left: 7px;
  color: #FFF;
  font-weight: bold;
  font-size: 13px;
  line-height: 28px;
}
.comments-window .rating .star.rating_1 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -134px;
}
.comments-window .rating .star.rating_1.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -103px -163px;
}
.comments-window .rating .star.rating_2 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -134px;
}
.comments-window .rating .star.rating_2.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -137px -163px;
}
.comments-window .rating .star.rating_3 {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -134px;
}
.comments-window .rating .star.rating_3.empty {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -170px -163px;
}
.comments-window .comments-body-area {
  height: 296px;
  overflow: auto;
  overflow-x: hidden;
}
.comments-window .comments-body-area table tr:last-child {
  display: none;
}

div.hr {
  height: 1px;
  border-bottom: 1px solid #C4C4C4;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

body {
  border-bottom: 10px solid #000;
}

.to_hide {
  color: white;
  height: 0px;
}

#header {
  width: 1000px;
}

.mobile {
  text-align: center;
  overflow: hidden;
  font-size: 15px;
  line-height: 27px;
}

.hidden {
  display: none !important;
}

#mobileview {
  border-bottom: none !important;
  font-family: Arial, serif;
}
#mobileview .footer .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
#mobileview table {
  margin-top: 4px;
}
#mobileview #padding {
  background: white;
  margin-top: 210px;
}
#mobileview .img-responsive {
  display: inline-block !important;
}
#mobileview .logo {
  max-width: 179px;
  padding-top: 9px;
}
#mobileview .ads {
  margin-top: 50px;
  margin-bottom: 50px;
}
#mobileview .ads .row {
  margin-bottom: 15px;
}
#mobileview .map {
  height: 200px !important;
  margin-top: 20px;
  margin-bottom: 20px;
}
#mobileview .contact_bar {
  background: url('/static/website/images/isover_belka.png?9931ae51cfc8');
  background-size: cover;
}
#mobileview .contact_bar #kontakt {
  font-size: 5vw;
  font-weight: bold;
  color: white;
  display: block;
}
#mobileview .header {
  margin-top: 8px;
  font-size: 4vw;
  font-weight: bold;
}
#mobileview hr {
  margin-top: 4px;
  margin-bottom: 4px;
}
#mobileview .normal {
  font-size: 3vw;
}
#mobileview .product_list .ad img {
  margin: 20px 0px;
  border: 1px solid #dbdbdb;
  padding: 5px;
}
#mobileview .product_list .product_box {
  border: 1px solid #dbdbdb;
  margin: 10px 0px;
  padding: 10px 0px;
}
#mobileview .product_list .product_box .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#mobileview .product_list .product_box .icons {
  padding-top: 10px;
}
#mobileview .product_list .product_box .icons span {
  font-size: 10px;
}
#mobileview .product_list .product_box .content {
  font-size: 10px !important;
  padding-top: 10px;
}
#mobileview .product_list .product_box .content .section-title h2 {
  font-size: 4vw !important;
}
#mobileview .product_list .product_box .line_content {
  border: 2px solid #FCD51E;
  margin-bottom: 15px;
}
#mobileview .product_list .product_box .additional-product-name {
  line-height: 16px;
  margin-left: 0px !important;
}
#mobileview .product_list .product_box .ico img {
  width: 20px;
}
#mobileview .product_list .product_box .product_thumb {
  margin-left: 3vw;
  margin-top: 3vw;
}
#mobileview .product_list .product_box .product_btn {
  background-color: #8dc641;
  border: none;
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-size: 3vw;
  padding: 10px;
  width: 100%;
  float: right;
  margin: 15px 0px;
}
#mobileview .product_list .product_box .product_link {
  width: 100%;
  height: 100%;
  display: block;
}
#mobileview .product_list .product_box .icon_size {
  width: 40px;
  height: 40px;
  margin: 0px 5px;
  float: right;
}
#mobileview .product_list .product_box .to_right {
  display: inline-block;
  padding-top: 15px;
  float: right;
  width: 100%;
}
#mobileview .product_list .product_box .lambda {
  width: 40px;
  height: 40px;
  background: #FCD20D;
  font-size: 8px;
  display: inline-block;
  position: relative;
  color: #8DC641;
  float: right;
}
#mobileview .product_list .product_box .lambda .tooltip {
  position: absolute;
  padding: 10px 20px;
  border: 1px solid #C1C1C1;
  top: 72px;
  right: -5px;
  background: #FFF;
  color: #6D6D6D;
  width: 300px;
  text-align: left;
  z-index: 1000;
  font-size: 12px;
  line-height: 15px;
  display: none;
}
#mobileview .product_list .product_box .lambda .tooltip:after {
  content: "";
  position: absolute;
  top: -28px;
  right: 25px;
  border-bottom: none;
  border-right: none;
  background-image: url('/static/website/images/wizard/tooltip-arrow-reverse.png?1406634424&3a40f3952e4d');
  width: 21px;
  height: 30px;
}
#mobileview .product_list .product_box .lambda:hover .tooltip {
  display: block;
}
#mobileview .product_list .product_box .lambda .lambda_sign {
  position: absolute;
  top: 6px;
  left: 4px;
  font-size: 14px;
  color: #8DC641;
  text-transform: lowercase;
  line-height: 15px;
  font-weight: bold;
}
#mobileview .product_list .product_box .lambda .lambda_1 {
  position: absolute;
  bottom: 7px;
  left: 3px;
  line-height: 11px;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: -2px;
}
#mobileview .product_list .product_box .lambda .lambda_2 {
  position: absolute;
  font-size: 23px;
  left: 14px;
  top: 12px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -2px;
}
#mobileview .product_list .product_box .product_name {
  color: white;
  font-size: 4vw;
  text-align: center;
  display: block;
  text-decoration: none;
  line-height: 40px;
  background-color: #a4a4a4;
  padding-left: 15px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0px !important;
}
#mobileview .product_list .product_box .product_name a {
  color: white;
  font-size: 4vw;
  text-align: center;
  display: block;
  text-decoration: none;
}
#mobileview .footer {
  border-top: 1px solid #dbdbdb;
  background-color: #f2f2f2;
  border-bottom: 10px solid #000;
  padding-bottom: 20px;
  padding-top: 20px;
}
#mobileview .footer img {
  margin: 10px;
}
#mobileview .cookie {
  font-size: 2vw;
  color: grey;
}
#mobileview .text_box {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  text-align: center;
  padding: 20px;
}
#mobileview .text_box h2 {
  font-size: 4vw;
  text-decoration: none;
  font-weight: bold;
}
#mobileview .text_box p {
  text-decoration: none;
  font-size: 3vw;
}
#mobileview .yellow_block {
  background: url('/static/website/images/isover-tlo-mobile_y.jpg?1448879651&fe62d9358d7c');
  background-size: cover;
  max-height: 40%;
  padding-top: 35px;
  padding-bottom: 35px;
  margin: 0px !important;
  width: 100%;
}
#mobileview .yellow_block .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
#mobileview .green_block {
  background: url('/static/website/images/isover-tlo-mobile_g.jpg?1448879651&fe62d9358d7c');
  background-size: cover;
  max-height: 40%;
  padding-top: 80px;
  padding-bottom: 35px;
  margin: 0px !important;
  width: 100%;
}
#mobileview .green_block .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
#mobileview .green_block .warning {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-weight: bold;
  font-size: 4vw;
  padding: 20px;
  text-align: center;
}
#mobileview .green_block .computer {
  max-width: 50vw;
}
#mobileview .green_block .home_button {
  border-radius: 0px;
  background-color: white;
  color: black;
  text-transform: uppercase;
  text-decoration: none;
  width: 100%;
  font-size: 4vw;
  font-weight: bold;
}
#mobileview .menu_button {
  color: #8dc641;
}
#mobileview .isover-logo {
  width: 250px;
  height: 63px;
  float: left;
  margin: 10px 15px;
  background: url('/static/website/images/isover-top-logo.png?1432022432&594634a9dc11') no-repeat center transparent;
}
#mobileview .menu_text {
  padding-left: 7px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
}
@media (max-width: 2000px) {
  #mobileview .navbar-header {
    float: none;
  }
  #mobileview .navbar-toggle {
    display: block;
  }
  #mobileview .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  #mobileview .navbar-collapse.collapse {
    display: none !important;
    max-height: none;
  }
  #mobileview .navbar-collapse.collapse.in {
    display: block !important;
    overflow: hidden !important;
  }
  #mobileview .navbar-nav {
    float: none !important;
    margin: 0px !important;
  }
  #mobileview .navbar-nav > li {
    float: none;
  }
  #mobileview .navbar-nav > li > a {
    padding-left: 16px;
    line-height: 3vw;
    font-size: 13px;
    display: block;
    color: white;
    background-color: #8dc641;
    margin-bottom: 5px;
  }
}
#mobileview .navbar-toggle {
  margin-top: 1vw;
  border: none;
  background-color: #8dc641;
  padding: 0px 0px;
  border-radius: 5px;
}
#mobileview .navbar-toggle .icon-bar {
  background-color: white !important;
  width: 33px;
  margin: 6px 9px;
  height: 4px;
}
#mobileview .navbar-default {
  background-color: white;
}
#mobileview .navbar-toggle:hover {
  background-color: #fcd20d !important;
}

#top-line-wrapper {
  height: 14px;
  background-color: #fcd20d;
}
#top-line-wrapper.authenticated {
  height: 14px;
  padding: 5px 10px;
}
#top-line-wrapper #top-line {
  width: 1000px;
  margin: 0 auto;
  text-align: right;
  position: relative;
  color: #57841a;
}
#top-line-wrapper #top-line a {
  color: #57841a;
}
#top-line-wrapper #top-line i {
  font-style: italic;
}
#top-line-wrapper #top-line .separator {
  color: #b7990e;
}
#top-line-wrapper #top-line .icon {
  width: 12px;
  height: 11px;
  display: inline-block;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  margin-right: 2px;
}
#top-line-wrapper #top-line .icon.person {
  background-position: -12px -329px;
}
#top-line-wrapper #top-line .icon.zapytania {
  background-position: -27px -328px;
}
#top-line-wrapper #top-line .icon.oferta {
  background-position: -42px -329px;
  position: relative;
  top: 1px;
}
#top-line-wrapper #top-line .icon.lista {
  background-position: -57px -329px;
  position: relative;
  top: 1px;
}
#top-line-wrapper #top-line .icon.wyloguj {
  background-position: -72px -329px;
  position: relative;
  top: 1px;
}

.cart {
  position: fixed;
  top: 43px;
  right: 38px;
  z-index: 20;
  border: 1px solid #CECECE;
  border-right: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.cart.hidden {
  right: 33px;
}
.cart i {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  width: 58px;
  height: 58px;
  display: block;
  background-position: -325px -96px;
  background-color: #8DC641;
  position: absolute;
  z-index: 200;
  left: -21px;
  top: -1px;
  border-right: 1px solid #8dc641;
}
.cart a {
  text-decoration: none;
}
.cart .body {
  width: 247px;
  height: 263px;
  position: absolute;
  background: #fff;
  top: -1px;
  left: 38px;
  border: 1px solid #CECECE;
  border-right: 0px;
}
.cart .body .title {
  height: 31px;
  background: #78ad31;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
}
.cart .body .title span {
  padding-left: 10px;
  font-size: 12px;
  display: block;
  font-weight: bold;
  padding-top: 8px;
}
.cart .body:after {
  content: " ";
  display: block;
  width: 220px;
  height: 34px;
  background: transparent;
  position: absolute;
  left: 0px;
  top: -34px;
}
.cart .body .items {
  margin-top: 4px;
  height: 197px;
  overflow: auto;
  background: #fff;
}
.cart .body .cart-table {
  width: 100%;
}
.cart .body .cart-table * {
  font-size: 12px;
  font-weight: normal;
}
.cart .body .total {
  text-align: right;
  color: #999;
  background-color: #A4A4A4;
  display: block;
  height: 24px;
  padding-top: 7px;
  padding-right: 10px;
}
.cart .body .total .text {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.cart .body .total .arrow {
  display: inline-block;
  vertical-align: middle;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  background-position: -157px -30px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.cart .body .sum-text {
  margin: 4px 5px;
  display: inline-block;
  text-align: left;
  float: left;
  color: #999;
}
.cart .body .items-list {
  width: 100%;
  background: #fff;
}
.cart .body .items-list .center {
  text-align: center;
  color: #999988;
  font-size: 11px;
  margin: 88px 0px;
}
.cart .body .items-list .product {
  border-bottom: 1px solid #EEE;
}
.cart .body .items-list .product .product-price {
  color: #999988;
  font-size: 12px;
  display: inline-block;
  width: 55px;
  margin-right: 3px;
}
.cart .body .items-list .product .product-price small {
  opacity: 0.7;
}
.cart .body .items-list .product .product-count {
  margin-right: 5px;
  color: #999988;
  font-size: 12px;
}
.cart .body .items-list .product .product-name {
  float: left;
  text-align: left;
  font-size: 12px;
  color: #999988;
  padding: 3px;
  width: 129px;
  display: inline-block;
}
.cart:hover, .cart.hover {
  right: 285px;
}
.cart:hover .body {
  display: block;
}

#recommendations-second-layer {
  background: #fff;
}

#top-wrapper {
  height: 91px;
  /*background-color:red;*/
  width: 100%;
  position: relative;
  overflow: hidden;
}
#top-wrapper #top-wrapper-left {
  width: 50%;
  height: 100%;
  position: absolute;
  background-color: #FFF;
  top: 0;
  left: 0;
  padding-right: 61px;
}
#top-wrapper #top-wrapper-left .isover-logo {
  width: 366px;
  height: 63px;
  position: absolute;
  top: 15px;
  right: 160px;
  background: url('/static/website/images/isover-top-logo.png?1432022432&594634a9dc11') no-repeat center transparent;
}
#top-wrapper #top-wrapper-right {
  float: right;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -61px;
  background-color: #f2f2f2;
}
#top-wrapper #top-wrapper-right .search {
  position: absolute;
  top: 46px;
  left: 4px;
  width: 298px;
  height: 23px;
  background: url('/static/website/images/search.png?1406634424&c24ee7535e85') no-repeat transparent;
}
#top-wrapper #top-wrapper-right .search input {
  border: none;
  display: block;
  height: 19px;
  line-height: 22px;
  margin: 1px 0 0 15px;
  padding: 0 5px;
  width: 240px;
  color: #b0b0b0;
  font-size: 11px;
  outline: none;
}
#top-wrapper #top-wrapper-right .top-wrapper-separator {
  background: url('/static/website/images/skos.png?1406634424&c24ee7535e85') no-repeat transparent;
  height: 91px;
  width: 27px;
  position: absolute;
  left: 0;
  z-index: 1000px;
}
#top-wrapper #top-wrapper-right .top-menu {
  background-color: #8dc641;
  height: 26px;
  line-height: 26px;
  width: 100%;
  padding-left: 48px;
}
#top-wrapper #top-wrapper-right .top-menu a {
  color: #FFF;
  margin-right: 25px;
  position: relative;
  font-size: 11px;
}
#top-wrapper #top-wrapper-right .top-menu a.wizard span {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -7px -4px;
}
#top-wrapper #top-wrapper-right .top-menu a.catalog span {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -21px -4px;
}
#top-wrapper #top-wrapper-right .top-menu a.contact {
  padding-left: 3px;
}
#top-wrapper #top-wrapper-right .top-menu a.contact span {
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent -35px -5px;
}
#top-wrapper #top-wrapper-right .top-menu a span {
  float: left;
  position: absolute;
  top: 1px;
  width: 14px;
  height: 14px;
  left: -15px;
}

#home-wrapper {
  width: 100%;
  height: 453px;
  background: url('/static/website/images/main-bg.png?1406634424&c24ee7535e85') no-repeat top center transparent;
  position: relative;
  overflow: hidden;
}
#home-wrapper #home-wrapper-left {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 61px;
}
#home-wrapper #home-wrapper-left .wizard-label {
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  width: 476px;
  height: 105px;
  position: absolute;
  top: 308px;
  right: 1083px;
  background: url('/static/website/images/izolacja-bg.png?1406634424&c24ee7535e85') no-repeat center transparent;
  z-index: 1000;
}
#home-wrapper #home-wrapper-left .wizard-label .content {
  color: white;
  margin: 22px 45px 0 15px;
  font-size: 12px;
  display: block;
  text-decoration: none;
}
#home-wrapper #home-wrapper-left .wizard-label.show {
  right: 84px;
}
#home-wrapper #home-wrapper-left .wizard-img {
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  width: 731px;
  height: 467px;
  position: absolute;
  top: 8px;
  right: 945px;
  background: url('/static/website/images/izolacja-img.png?1406634424&c24ee7535e85') no-repeat center transparent;
}
#home-wrapper #home-wrapper-left .wizard-img a {
  text-indent: -10000px;
  height: 300px;
  left: 117px;
  position: absolute;
  text-indent: -100000px;
  top: 0;
  width: 500px;
  outline: none;
}
#home-wrapper #home-wrapper-left .wizard-img.show {
  right: -54px;
}
#home-wrapper #home-wrapper-right {
  float: right;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
}
#home-wrapper #home-wrapper-right .catalog-label {
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  width: 476px;
  height: 105px;
  position: absolute;
  top: 22px;
  left: 1028px;
  background: url('/static/website/images/katalog-bg.png?1406634424&c24ee7535e85') no-repeat center transparent;
  z-index: 1000;
}
#home-wrapper #home-wrapper-right .catalog-label a.content {
  display: block;
  color: white;
  margin: 22px 15px 0 45px;
  text-align: right;
  font-size: 12px;
  text-decoration: none;
}
#home-wrapper #home-wrapper-right .catalog-label.show {
  left: 28px;
}
#home-wrapper #home-wrapper-right .catalog-img {
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  width: 506px;
  height: 414px;
  top: 50px;
  left: 1084px;
  position: absolute;
  background: url('/static/website/images/wiem_czego_chce_2018.png?1558084776&de10175a32b9') no-repeat center transparent;
}
#home-wrapper #home-wrapper-right .catalog-img a {
  height: 324px;
  left: -60px;
  outline: medium none;
  position: absolute;
  text-indent: -100000px;
  top: 77px;
  width: 500px;
}
#home-wrapper #home-wrapper-right .catalog-img.show {
  left: 84px;
}

#subheader {
  margin-bottom: 10px;
}
#subheader.wizard {
  background: url('/static/website/images/izolacja-header-bg.png?1441264968&d8220fe14a7b') no-repeat center transparent;
  height: 40px;
}
#subheader.katalog {
  background: url('/static/website/images/katalog-header-bg.png?1441264968&d8220fe14a7b') no-repeat center transparent;
  height: 40px;
}
#subheader.offer {
  background: url('/static/website/images/offer-header-bg.png?1406801849&e740ce0b4ca0') no-repeat center transparent;
  height: 40px;
}
#subheader .title {
  color: white;
  text-transform: uppercase;
  font-size: 24px;
  text-align: right;
  width: 1000px;
  font-weight: bold;
  margin: auto;
  line-height: 40px;
}
#subheader .title span {
  color: #ccf09c;
}

.horizontal-tabs-wrapper {
  background-color: #eaeaea;
}
.horizontal-tabs-wrapper .horizontal-tabs {
  background-color: #eaeaea;
  width: 1000px;
  margin: 0 auto;
}
.horizontal-tabs-wrapper .horizontal-tabs .item {
  display: inline-block;
  background-color: #FFF;
  padding: 0 3px;
}
.horizontal-tabs-wrapper .horizontal-tabs .item.megatop {
  background-color: transparent !important;
}
.horizontal-tabs-wrapper .horizontal-tabs .item span {
  height: 35px;
  background-color: #bdbdbd;
  -webkit-transform: skew(160deg);
  -moz-transform: skew(160deg);
  -o-transform: skew(160deg);
  transform: skew(160deg);
  display: block;
  font-size: 13px;
  line-height: 35px;
  text-align: center;
  color: white;
  padding: 0 28px 0 10px;
  text-transform: uppercase;
}
.horizontal-tabs-wrapper .horizontal-tabs .item span .arrow {
  background: url('/static/website/images/small-arrow.png?1406634424&09411d6c2db7') no-repeat center center transparent;
  height: 10px;
  width: 6px;
  display: block;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 6px;
}
.horizontal-tabs-wrapper .horizontal-tabs .item span .arrow-back {
  background: url('/static/website/images/small-arrow-back.png?1406634424&a261b32f2ef7') no-repeat center center transparent;
  height: 10px;
  width: 6px;
  display: block;
  height: 10px;
  position: absolute;
  left: 10px;
  top: 12px;
  width: 6px;
}
.horizontal-tabs-wrapper .horizontal-tabs .item span.last {
  padding-right: 9px;
}
.horizontal-tabs-wrapper .horizontal-tabs .item.back span {
  padding: 0 10px 0 28px;
}
.horizontal-tabs-wrapper .horizontal-tabs .item.left {
  margin-left: -22px;
}
.horizontal-tabs-wrapper .horizontal-tabs .item.left span {
  width: 30px;
  background-color: #eaeaea;
  padding: 0;
  margin-left: -10px;
  min-width: 0;
}
.horizontal-tabs-wrapper .horizontal-tabs .item.right {
  margin-right: -22px;
}
.horizontal-tabs-wrapper .horizontal-tabs .item.right span {
  width: 20px;
  background-color: #eaeaea;
  padding: 0;
  margin-right: -10px;
  min-width: 0;
}
.horizontal-tabs-wrapper .horizontal-tabs .item.current span {
  background-color: #8dc641;
  cursor: pointer;
}
.horizontal-tabs-wrapper.action-forms {
  margin-top: 10px;
}
.horizontal-tabs-wrapper.action-forms .item.current {
  width: 150px;
}
.horizontal-tabs-wrapper.action-forms .item.current span {
  padding-right: 28px;
}
.horizontal-tabs-wrapper.action-forms .item.current.last {
  width: 280px;
}
.horizontal-tabs-wrapper.action-forms .item.back {
  cursor: pointer;
  width: 150px;
}
.horizontal-tabs-wrapper.action-forms .item.back span {
  padding-right: 28px;
}
.horizontal-tabs-wrapper.action-forms .item.filler span {
  width: 675px;
  background-color: #eaeaea;
  padding: 0;
}
.horizontal-tabs-wrapper.action-forms .item.filler.short span {
  width: 525px;
}
.horizontal-tabs-wrapper.right {
  text-align: right;
}

.choice-window {
  margin: 0 auto;
  width: 400px;
  border: 1px solid #DEDEDE;
  text-align: center;
  padding-bottom: 5px;
}
.choice-window h3 {
  background-color: #A4A4A4;
  padding: 5px;
  color: #FFF;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px 2px 38px;
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}
.choice-window h3 span {
  background: url('/static/website/images/sprite.png?1408010019&a7d4a5564aee') no-repeat transparent -124px -83px;
  width: 18px;
  height: 20px;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
}

#page-content {
  width: 1000px;
  margin: 13px auto 0 auto;
}
#page-content p {
  margin-bottom: 10px;
}
#page-content .login-page .login-window {
  margin: 0 auto;
  width: 350px;
  border: 1px solid #DEDEDE;
  text-align: center;
}
#page-content .login-page .login-window h3 {
  background-color: #A4A4A4;
  padding: 5px;
  color: #FFF;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px 2px 38px;
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}
#page-content .login-page .login-window h3 span {
  background: url('/static/website/images/sprite.png?1408010019&a7d4a5564aee') no-repeat transparent -124px -83px;
  width: 18px;
  height: 20px;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
}
#page-content .login-page input[type=text], #page-content .login-page input[type=password] {
  border: 1px solid #c3c3c3;
  color: #b0b0b0;
  font-size: 11px;
  height: 19px;
  line-height: 22px;
  outline: none;
  padding: 2px 5px;
  width: 94%;
  margin: 5px;
}
#page-content .login-page input[type=submit] {
  border: 1px solid #c3c3c3;
  margin: 5px;
}

#home-content {
  width: 1000px;
  margin: 0 auto;
}
#home-content .site-list {
  position: relative;
  height: 131px;
  margin: 23px 0;
}
#home-content .site-list .site-1 {
  left: 0;
}
#home-content .site-list .site-2 {
  left: 50%;
  margin-left: -159px;
}
#home-content .site-list .site-3 {
  right: 0;
}

#footer-wrapper {
  border-top: 1px solid #dbdbdb;
  background-color: #f2f2f2;
  height: 68px;
  margin-top: 15px;
}
#footer-wrapper .cookie_info {
  margin: 0 auto;
  width: 100%;
  color: #666;
  position: fixed;
  left: 0px;
  bottom: 0px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  border-top: 3px solid #8dc641;
}
#footer-wrapper .cookie_info * {
  font-size: 15px;
  line-height: 22px;
}
#footer-wrapper #footer {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  height: 100%;
  padding-top: 30px;
}
#footer-wrapper #footer .isover-logo {
  width: 99px;
  height: 38px;
  position: absolute;
  top: 18px;
  left: 15px;
  background: url('/static/website/images/isover-logo.png?1406634424&c24ee7535e85') no-repeat center transparent;
}
#footer-wrapper #footer .saint-gobain-logo {
  width: 115px;
  height: 38px;
  position: absolute;
  top: 18px;
  right: 10px;
  background: url('/static/website/images/saint-gobain-logo2.png?1520925413&2a202455007f') no-repeat center transparent;
}
#footer-wrapper #footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer-wrapper #footer ul li {
  display: inline;
  border-left: 1px solid #6e6e6e;
  padding-left: 10px;
  padding-right: 7px;
}
#footer-wrapper #footer ul li.first {
  border-left: none;
  padding-left: 0;
}
#footer-wrapper #footer ul li a {
  color: #6e6e6e;
}

#product-filters a {
  display: block;
}
#product-filters a.hidden {
  display: none;
}

.distributor-edit {
  width: 100%;
  border: 1px solid #dedede;
}
.distributor-edit input[type="text"] {
  border: 1px solid #CECECE;
  height: 22px;
  font-size: 12px;
  margin: 0;
  padding-left: 5px;
  margin-left: 4px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.distributor-edit .location-map {
  margin-bottom: 5px;
  width: 99% !important;
}
.distributor-edit th {
  width: 200px;
  text-align: right;
  padding-right: 10px;
}
.distributor-edit th.title {
  background-color: #A4A4A4;
  padding: 5px;
  color: #FFF;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px 2px 38px;
  position: relative;
  text-align: left;
}
.distributor-edit th.title span {
  background: url('/static/website/images/sprite.png?1408010019&a7d4a5564aee') no-repeat transparent -124px -83px;
  width: 18px;
  height: 20px;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
}

.edit-distributor {
  width: 1000px;
  margin: 0 auto;
}

.account-wrapper .user-edit {
  margin: 0 auto;
  width: 960px;
  font-size: 12px;
  text-align: center;
}
.account-wrapper .user-edit h2 {
  background-color: #A4A4A4;
  padding: 5px;
  color: #FFF;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px 2px 38px;
  position: relative;
  text-align: left;
  margin-bottom: 10px;
}
.account-wrapper .user-edit h2 span {
  background: url('/static/website/images/sprite.png?1408010019&a7d4a5564aee') no-repeat transparent -124px -83px;
  width: 18px;
  height: 20px;
  display: block;
  position: absolute;
  left: 10px;
  top: 8px;
}
.account-wrapper .user-edit .password_edit {
  width: 400px;
  margin: 0 auto;
  border: 1px solid #DEDEDE;
}
.account-wrapper .user-edit .password_edit input[type="password"] {
  height: 20px;
  margin-bottom: 5px;
  width: 50%;
}
.account-wrapper .user-edit .password_edit input[type="submit"] {
  margin-bottom: 10px;
}
.account-wrapper .user-edit .errorlist {
  font-size: 12px;
}
.account-wrapper .user-edit label {
  width: 140px;
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.account-wrapper .user-edit h3 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
  display: block;
}

.logged-user {
  float: left;
}
.logged-user .dist-list {
  width: 280px;
  overflow: hidden;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  position: relative;
  text-align: left;
  /*
  &:before {
    content: " ";
    position: absolute;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZDIwZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2QyMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, rgba(252, 210, 13, 0) 0%, rgba(252, 210, 13, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(252, 210, 13, 0)), color-stop(100%, rgba(252, 210, 13, 1)));
    background: -webkit-linear-gradient(left, rgba(252, 210, 13, 0) 0%, rgba(252, 210, 13, 1) 100%);
    background: -o-linear-gradient(left, rgba(252, 210, 13, 0) 0%, rgba(252, 210, 13, 1) 100%);
    background: -ms-linear-gradient(left, rgba(252, 210, 13, 0) 0%, rgba(252, 210, 13, 1) 100%);
    background: linear-gradient(to right, rgba(252, 210, 13, 0) 0%, rgba(252, 210, 13, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fcd20d', endColorstr='#fcd20d', GradientType=1);
    display: block;
    width: 50px;
    height: 20px;
    top: -3px;
    right: 0px;
  }*/
}

.top-custom-bar {
  background: url('/static/website/images/isover_belka.png?9931ae51cfc8');
  height: 40px;
  margin-bottom: 10px;
}
.top-custom-bar .text {
  width: 1000px;
  margin: 0 auto;
  font-size: 20px;
  color: #FFF;
  text-align: right;
  font-weight: bolder;
  text-transform: uppercase;
  padding-top: 13px;
}

.aside-ask {
  position: fixed;
  right: 0px;
  top: 20%;
  width: 418px;
  z-index: 10000;
  transform: translateX(379px);
  transition: all 300ms ease;
}
.aside-ask.open {
  transform: translateX(0px);
}
.aside-ask:hover {
  transform: translateX(0px);
}
.aside-ask .green-botder-bottom {
  position: relative;
  border-bottom: 21px solid #8dc641;
  left: -15px;
  width: 111%;
}
.aside-ask .content {
  position: absolute;
  top: 0px;
  font-size: 12px;
  left: 39px;
  background: #fff;
  height: 350px;
  width: 348px;
  border: 1px solid #e2e2e2;
  border-bottom: 21px solid #8dc641;
  padding: 16px 15px 0px 15px;
}
.aside-ask .content table {
  margin-top: 13px;
}
.aside-ask .content .text-center {
  text-align: center;
}
.aside-ask .content .text-right {
  text-align: right;
}
.aside-ask .content .m-5 {
  margin: 5px 0px;
}
.aside-ask .content img {
  position: relative;
  left: 40px;
  bottom: -25px;
}
.aside-ask .content .gray-text {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
  background: #a4a4a4;
  color: #fff;
  padding: 10px 15px;
  text-align: center;
  line-height: 20px;
}
.aside-ask .content .subtext {
  text-align: center;
  font-size: 15px;
  line-height: 16px;
  margin: 14px 0px;
  font-weight: bold;
}
.aside-ask .label {
  background: #FCD20D;
  font-size: 13px;
  color: #ffF;
  width: 36px;
  height: 165px;
  text-transform: uppercase;
  border-right: 3px solid #dfb800;
  position: relative;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.aside-ask .label span {
  display: block;
  transform: rotate(90deg);
  width: 140px;
  color: #4c4c4c;
  position: absolute;
  left: -51px;
  top: 80px;
}

.fixed_navigation div {
  cursor: pointer;
}
.fixed_navigation .left {
  position: fixed;
  left: 0px;
  top: 45%;
  width: 36px;
  height: 55px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  background-position: -219px 1px;
  background-color: #8dc641;
  border-left: 3px solid #79ad31;
}
.fixed_navigation .right {
  position: fixed;
  right: 0px;
  top: 45%;
  width: 36px;
  height: 55px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  background-position: -258px 1px;
  background-color: #8dc641;
  border-right: 3px solid #79ad31;
}

.cart-table .m2opak {
  text-align: center;
  background: transparent;
  border: none;
}
.cart-table .available_date input {
  display: inline-block;
  vertical-align: middle;
  width: 65px !important;
  text-align: center;
}

#total_sum {
  border: none;
  text-align: center;
  color: #000;
  background: transparent;
}

.cart-table.custom-exl-table th {
  line-height: inherit !important;
  font-size: 12px !important;
  width: 10%;
  background: #383838 !important;
}
.cart-table.custom-exl-table th.yellow {
  background-color: #FCD20D !important;
  color: #000 !important;
}
.cart-table.custom-exl-table td {
  font-size: 12px;
}
.cart-table.custom-exl-table td.available_date {
  position: relative;
}
.cart-table.custom-exl-table td .clear_date {
  text-decoration: none !important;
  display: inline-block;
  padding-left: 5px;
  color: #000;
  vertical-align: middle;
  outline: none;
}
.cart-table.custom-exl-table td input {
  padding: 5px 2px;
  text-align: center;
  font-size: 12px;
}
.cart-table.custom-exl-table td input[id$='-available_date'] {
  text-align: left;
}
.cart-table.custom-exl-table td.yellow {
  background-color: #fcefad !important;
  color: #000;
}
.cart-table.custom-exl-table td #id_realization_date {
  width: 80px;
  text-align: center;
}
.cart-table.custom-exl-table td #id_realization_date_2 {
  width: 80px;
  text-align: center;
}
.cart-table.custom-exl-table td #total_sum {
  width: 80px;
}
.cart-table.custom-exl-table tr.summary.first td {
  border-top: 1px solid #929292;
  padding: 3px;
  background-color: #B7B7B7 !important;
}
.cart-table.custom-exl-table tr.summary.first td.yellow {
  background-color: #FCD20D !important;
  color: #000;
  border-top: 1px solid #FCD20D;
}

.map-view {
  margin-bottom: 12px;
  *zoom: 1;
}
.map-view:after {
  content: "";
  display: table;
  clear: both;
}
.map-view .map {
  float: left;
}
.map-view .header {
  background-color: #383838;
  color: #FFF;
  font-size: 22px;
  height: 33px;
  line-height: 33px;
  padding: 2px 3px;
  text-align: center;
  margin-bottom: 10px;
}
.map-view .details {
  width: 335px;
  height: 250px;
  float: left;
  border-left: 1px solid #DEDEDE;
  padding-left: 10px;
  margin-left: 10px;
}

.strike_all * {
  text-decoration: line-through;
}

.ask_mark {
  display: inline-block;
  height: 16px;
  width: 16px;
  background: url('/static/website/images/sprite.png?1432022432&a7d4a5564aee') no-repeat transparent;
  background-position: -14px -351px;
}

.status_box {
  width: 500px;
  margin: 0 auto 15px auto;
  border: solid 1px #8DC641;
  padding: 10px;
  text-align: center;
  line-height: 15px;
  background-color: #E1EBD5;
}
.status_box .status {
  font-size: 13px;
  margin-bottom: 4px;
}

#udist {
  background: transparent;
  border: none;
  outline: none;
  font-size: 11px;
  margin-left: 10px;
  font-weight: bold;
  width: 250px;
  color: #57841A;
}

.links-box input {
  padding: 7px;
  width: 385px;
  text-align: center;
  margin-top: 5px;
  background: rgba(141, 198, 65, 0.24);
}
.links-box .link-wrap {
  margin-top: 8px;
  margin-bottom: 12px;
}

.uname {
  width: 200px;
  display: inline-block;
  text-align: left;
  overflow: hidden;
  vertical-align: top;
  height: 15px;
}

.contact-extra {
  border-bottom: 1px solid #000;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 22px;
  margin-bottom: 12px;
  padding-bottom: 15px;
}

.bs-container {
  font-size: 13px;
  line-height: 19px;
}
.bs-container h3 {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 5px;
}
.bs-container hr {
  border-top: 1px solid #D6D6D6 !important;
}
.bs-container .row {
  width: 100%;
}
.bs-container .row .col-sm-6 {
  width: 50%;
  line-height: 22px;
  display: inline-block;
}
.bs-container .row .col-sm-5 {
  width: 39%;
  float: right;
  display: inline-block;
}
.bs-container .row .col-sm-5 .map1, .bs-container .row .col-sm-5 .map2 {
  height: 185px;
  width: 387px;
}

.cookie_info {
  z-index: 10000;
}
.cookie_info .cookies-buttons {
  width: 15%;
  float: right;
  text-align: right;
}
.cookie_info .cookies-buttons a {
  display: inline-block;
  padding: 5px 14px;
  text-align: center;
  background-color: #8dc641;
  color: #fff;
  margin-left: 10px;
  text-decoration: none;
}
.cookie_info .cookies-content {
  width: 84%;
  float: left;
}

.table-footer-buttons a {
  display: inline-block;
  width: 32.5%;
  position: relative;
  line-height: 30px;
  text-align: center;
  background: #8cc641;
  color: #fff;
  padding: 15px 0px;
  text-decoration: none;
  font-size: 15px;
  vertical-align: middle;
}
.table-footer-buttons a i {
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.table-footer-buttons.buttons-more a {
  width: 24.36%;
}
.table-footer-buttons.buttons-more .price-ask {
  line-height: 18px;
  padding: 12px 0px;
  background: #f1cb04;
}
.table-footer-buttons.buttons-more .price-ask span {
  margin-left: 24px;
  display: inline-block;
}
.table-footer-buttons.buttons-more .price-ask i {
  position: absolute;
  left: 10px;
  top: 20px;
}

#main-modal .mail-form input[type="email"] {
  padding: 5px;
  margin-top: 10px;
  margin-right: 10px;
}
#main-modal .mail-form button {
  padding: 5px 7px;
  background: #8cc641;
  color: #fff;
  border: none;
}

.print-only {
  display: none;
}

@media print {
  .no-print {
    display: none;
  }

  .print-only {
    display: block;
  }
  .print-only .header {
    position: initial;
    top: 0px;
    height: 30px;
  }
  .print-only .header img {
    float: left;
  }
  .print-only .header .title {
    position: initial;
    float: right;
    margin-top: 15px;
  }
  .print-only .footer {
    display: none;
  }
  .print-only .print-cart-table {
    width: 100% !important;
  }

  .tour_page {
    border-bottom-color: transparent;
  }
}
.selected-list {
  position: fixed;
  bottom: 0px;
  min-height: 40px;
  padding: 15px 8px 0px 8px;
  background: #8dc641;
  width: 1000px;
  z-index: 100000;
  left: calc(50vw - 508px);
  box-sizing: border-box;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -moz-transform: translateY(120%);
  -webkit-transform: translateY(120%);
  -o-transform: translateY(120%);
  -ms-transform: translateY(120%);
  transform: translateY(120%);
}
.selected-list.selected {
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
.selected-list .company-wrapper {
  width: 80%;
  display: inline-block;
  vertical-align: top;
}
.selected-list .ready-button {
  width: 19%;
  display: inline-block;
}
.selected-list .ready-button button {
  width: 100%;
  height: 34px;
  border: 1px solid #fff;
  background: #f1cb04;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
.selected-list .ready-button button i {
  margin-left: 10px;
  font-size: 21px;
  vertical-align: middle;
}
.selected-list .entry {
  display: inline-block;
  margin-right: 7px;
  margin-left: 7px;
  font-size: 13px;
  color: #fff;
  margin-bottom: 15px;
  background: #65a309;
}
.selected-list .entry span.remove-item {
  padding: 10px;
  border-right: 1px solid #84ba34;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.selected-list .entry span.show-item {
  padding: 10px;
  border-right: 1px solid #84ba34;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.selected-list .entry span.elipsis {
  vertical-align: middle;
  white-space: nowrap;
  width: 291px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding: 10px;
}

.no-results-row {
  text-align: center;
  font-size: 14px;
  color: #8cc641;
  display: block;
}

.agree-content {
  cursor: pointer;
}

/********** OLD STYLE **********/
/********** END OLD STYLE **********/