@charset "UTF-8";
/* lib css files  */
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: center;
  text-decoration: none;
  min-width: 2em;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee url("../img/jquery-ui/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333;
}
.ui-widget-content a {
  color: #333;
}
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("../img/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #fff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("../img/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("../img/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url("../img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("../img/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("../img/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #fff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #fff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #fff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ffd27a_256x240.png");
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
  background: #666 url("../img/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5;
  filter: alpha(opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url("../img/jquery-ui/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: alpha(opacity=20);
  border-radius: 5px;
}
.pp_gallery div,
.pp_gallery ul a,
.pp_social .facebook {
  overflow: hidden;
  float: left;
}
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right,
div.pp_default .pp_top,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right {
  height: 13px;
}
div.pp_default .pp_top .pp_left {
  background: url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}
div.pp_default .pp_top .pp_middle {
  background: url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x;
}
div.pp_default .pp_top .pp_right {
  background: url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}
div.pp_default .pp_content .ppt {
  color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
  background: url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
  padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
  background: url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;
  padding-right: 13px;
}
div.pp_default .pp_content {
  background-color: #fff;
}
div.pp_default .pp_next:hover {
  background: url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;
  cursor: pointer;
}
div.pp_default .pp_previous:hover {
  background: url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;
  cursor: pointer;
}
div.pp_default .pp_expand {
  background: url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
div.pp_default .pp_expand:hover {
  background: url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
  cursor: pointer;
}
div.pp_default .pp_contract {
  background: url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
div.pp_default .pp_contract:hover {
  background: url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
  cursor: pointer;
}
div.pp_default .pp_close {
  width: 30px;
  height: 30px;
  background: url(../img/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
  cursor: pointer;
}
div.pp_default #pp_full_res .pp_inline {
  color: #000;
}
div.pp_default .pp_gallery ul li a {
  background: url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaa;
}
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a {
  border-color: #fff;
}
div.pp_default .pp_social {
  margin-top: 7px;
}
div.pp_default .pp_gallery a.pp_arrow_next,
div.pp_default .pp_gallery a.pp_arrow_previous {
  position: static;
  left: auto;
}
div.pp_default .pp_nav .pp_pause,
div.pp_default .pp_nav .pp_play {
  background: url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px;
}
div.pp_default .pp_nav .pp_pause {
  background-position: -51px -29px;
}
div.pp_default .pp_details {
  position: relative;
}
div.pp_default a.pp_arrow_next,
div.pp_default a.pp_arrow_previous {
  background: url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  margin: 4px 0 0;
  width: 20px;
}
div.pp_default a.pp_arrow_next {
  left: 52px;
  background-position: -82px -3px;
}
div.pp_default .pp_content_container .pp_details {
  margin-top: 5px;
}
div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  width: 110px;
  position: relative;
}
div.pp_default .pp_nav .currentTextHolder {
  font-family: Georgia;
  font-style: italic;
  color: #999;
  font-size: 11px;
  left: 75px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  position: absolute;
  top: 2px;
}
div.light_rounded #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt {
  color: #000;
}
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.facebook .pp_details,
div.light_rounded .pp_details,
div.light_square .pp_details {
  position: relative;
}
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover,
div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_nav .pp_play:hover {
  opacity: 0.7;
}
div.pp_default .pp_description {
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  margin: 5px 50px 5px 0;
}
div.dark_rounded .pp_description,
div.light_rounded .pp_description {
  margin-right: 85px;
}
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.light_rounded .pp_gallery a.pp_arrow_previous {
  margin-top: 12px !important;
}
div.pp_default .pp_bottom .pp_left {
  background: url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}
div.pp_default .pp_bottom .pp_middle {
  background: url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}
div.pp_default .pp_bottom .pp_right {
  background: url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}
div.pp_default .pp_loaderIcon {
  background: url(../img/prettyPhoto/default/loader.gif) center center no-repeat;
}
div.light_rounded .pp_top .pp_left {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}
div.light_rounded .pp_top .pp_middle {
  background: #fff;
}
div.light_rounded .pp_top .pp_right {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
  background: #fff;
}
div.light_rounded .pp_content {
  background-color: #fff;
}
div.light_rounded .pp_next:hover {
  background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_previous:hover {
  background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_expand {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_expand:hover {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_contract {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_contract:hover {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_nav .pp_play {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_rounded .pp_nav .pp_pause {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_rounded .pp_arrow_previous {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}
div.light_rounded .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.light_rounded .pp_arrow_next {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}
div.light_rounded .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.light_rounded .pp_bottom .pp_left {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}
div.light_rounded .pp_bottom .pp_middle {
  background: #fff;
}
div.light_rounded .pp_bottom .pp_right {
  background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}
div.light_rounded .pp_loaderIcon {
  background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
div.dark_rounded .pp_top .pp_left {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}
div.dark_rounded .pp_top .pp_middle {
  background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left;
}
div.dark_rounded .pp_top .pp_right {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}
div.dark_rounded .pp_content_container .pp_left {
  background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}
div.dark_rounded .pp_content_container .pp_right {
  background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}
div.dark_rounded .pp_content {
  background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left;
}
div.dark_rounded .pp_next:hover {
  background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_previous:hover {
  background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_expand {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_expand:hover {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_contract {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_contract:hover {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.dark_rounded .currentTextHolder {
  color: #c4c4c4;
}
div.dark_rounded #pp_full_res .pp_inline,
div.dark_rounded .pp_description {
  color: #fff;
}
div.dark_rounded .pp_nav .pp_play {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_rounded .pp_nav .pp_pause {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_rounded .pp_arrow_previous {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}
div.dark_rounded .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.dark_rounded .pp_arrow_next {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}
div.dark_rounded .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.dark_rounded .pp_bottom .pp_left {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}
div.dark_rounded .pp_bottom .pp_middle {
  background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left;
}
div.dark_rounded .pp_bottom .pp_right {
  background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_loaderIcon {
  background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}
div.dark_square .pp_content,
div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right {
  background: #000;
}
div.dark_square .currentTextHolder {
  color: #c4c4c4;
}
div.dark_square .pp_description {
  color: #fff;
  margin: 0 85px 0 0;
}
div.dark_square .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous {
  margin-top: 12px !important;
}
div.dark_square .pp_loaderIcon {
  background: url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}
div.dark_square .pp_expand {
  background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_expand:hover {
  background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_contract {
  background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_contract:hover {
  background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.dark_square #pp_full_res .pp_inline {
  color: #fff;
}
div.facebook #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.light_square .pp_content .ppt {
  color: #000;
}
div.dark_square .pp_nav {
  clear: none;
}
div.dark_square .pp_nav .pp_play {
  background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_square .pp_nav .pp_pause {
  background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_square .pp_arrow_previous {
  background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}
div.dark_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.dark_square .pp_arrow_next {
  background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}
div.dark_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.dark_square .pp_next:hover {
  background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.dark_square .pp_previous:hover {
  background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.light_square .pp_content,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right {
  background: #fff;
}
div.light_square .pp_expand {
  background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.light_square .pp_expand:hover {
  background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.light_square .pp_contract {
  background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.light_square .pp_contract:hover {
  background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.light_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.light_square .pp_description {
  margin-right: 85px;
}
div.light_square .pp_nav .pp_play {
  background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_square .pp_nav .pp_pause {
  background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_square .pp_arrow_previous {
  background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.light_square .pp_arrow_next {
  background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.light_square .pp_next:hover {
  background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.light_square .pp_previous:hover {
  background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.light_square .pp_loaderIcon {
  background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
div.facebook .pp_top .pp_left {
  background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}
div.facebook .pp_top .pp_middle {
  background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}
div.facebook .pp_top .pp_right {
  background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}
div.facebook .pp_content_container .pp_left {
  background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}
div.facebook .pp_content_container .pp_right {
  background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}
div.facebook .pp_content {
  background: #fff;
}
div.facebook .pp_expand {
  background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.facebook .pp_expand:hover {
  background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.facebook .pp_contract {
  background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.facebook .pp_contract:hover {
  background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.facebook .pp_close {
  width: 22px;
  height: 22px;
  background: url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.facebook .pp_description {
  margin: 0 37px 0 0;
}
div.facebook .pp_loaderIcon {
  background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;
}
div.facebook .pp_arrow_previous {
  background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
}
div.facebook .pp_arrow_previous.disabled {
  background-position: 0 -96px;
  cursor: default;
}
div.facebook .pp_arrow_next {
  background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
}
div.facebook .pp_arrow_next.disabled {
  background-position: -32px -96px;
  cursor: default;
}
div.facebook .pp_nav {
  margin-top: 0;
}
div.facebook .pp_nav p {
  font-size: 15px;
  padding: 0 3px 0 4px;
}
div.facebook .pp_nav .pp_play {
  background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
  height: 22px;
  width: 22px;
}
div.facebook .pp_nav .pp_pause {
  background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
  height: 22px;
  width: 22px;
}
div.facebook .pp_next:hover {
  background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.facebook .pp_previous:hover {
  background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.facebook .pp_bottom .pp_left {
  background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}
div.facebook .pp_bottom .pp_middle {
  background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}
div.facebook .pp_bottom .pp_right {
  background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}
div.pp_pic_holder a:focus {
  outline: 0;
}
div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500;
}
div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000;
}
.pp_top {
  height: 20px;
  position: relative;
}
* html .pp_top {
  padding: 0 20px;
}
.pp_top .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}
.pp_top .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}
* html .pp_top .pp_middle {
  left: 0;
  position: static;
}
.pp_top .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.pp_content {
  height: 40px;
  min-width: 40px;
}
* html .pp_content {
  width: 40px;
}
.pp_fade {
  display: none;
}
.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%;
}
.pp_content_container .pp_left {
  padding-left: 20px;
}
.pp_content_container .pp_right {
  padding-right: 20px;
}
.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px;
}
.pp_description {
  display: none!important;
  margin: 0;
}
.pp_social {
  float: left;
  margin: 0;
}
.pp_social .facebook {
  margin-left: 5px;
  width: 55px;
}
.pp_social .twitter {
  float: left;
}
.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0;
}
.pp_nav p {
  float: left;
  margin: 2px 4px;
  white-space: nowrap;
}
.pp_nav .pp_pause,
.pp_nav .pp_play {
  display: none!important;
  float: left;
  margin-right: 4px;
  text-indent: -10000px;
}
a.pp_arrow_next,
a.pp_arrow_previous {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px;
}
.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}
.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000;
}
.pp_gallery div {
  position: relative;
}
.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap;
}
.pp_gallery ul a {
  border: 1px solid #000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: block;
  height: 33px;
}
.pp_gallery li.selected a,
.pp_gallery ul a:hover {
  border-color: #fff;
}
.pp_gallery ul a img {
  border: 0;
}
.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
.pp_gallery li.default a {
  background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) no-repeat;
  display: block;
  height: 33px;
  width: 50px;
}
.pp_gallery li.default a img {
  display: none;
}
a.pp_next,
a.pp_previous {
  background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  height: 100%;
  width: 49%;
  text-indent: -10000px;
}
.pp_gallery .pp_arrow_next,
.pp_gallery .pp_arrow_previous {
  margin-top: 7px !important;
}
a.pp_next {
  float: right;
}
a.pp_previous {
  float: left;
}
a.pp_contract,
a.pp_expand {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000;
}
a.pp_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 22px;
  text-indent: -10000px;
}
.pp_bottom {
  height: 20px;
  position: relative;
}
* html .pp_bottom {
  padding: 0 20px;
}
.pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}
.pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}
* html .pp_bottom .pp_middle {
  left: 0;
  position: static;
}
.pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}
#pp_full_res {
  line-height: 1 !important;
}
#pp_full_res .pp_inline {
  text-align: left;
}
#pp_full_res .pp_inline p {
  margin: 0 0 15px;
}
div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 15px;
  z-index: 9999;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.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%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
@-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: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(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: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.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: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -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) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.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) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.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) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(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-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -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: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(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% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(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;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(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;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    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: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(48px);
    -ms-transform: scale(0.475) translateX(48px);
    transform: scale(0.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-48px);
    -ms-transform: scale(0.475) translateX(-48px);
    transform: scale(0.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(-60px);
    -ms-transform: scale(0.475) translateY(-60px);
    transform: scale(0.475) translateY(-60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(2000px);
    -ms-transform: scale(0.1) translateY(2000px);
    transform: scale(0.1) translateY(2000px);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(42px);
    -ms-transform: scale(0.475) translateX(42px);
    transform: scale(0.475) translateX(42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(-2000px);
    -ms-transform: scale(0.1) translateX(-2000px);
    transform: scale(0.1) translateX(-2000px);
    -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: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateX(-42px);
    -ms-transform: scale(0.475) translateX(-42px);
    transform: scale(0.475) translateX(-42px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateX(2000px);
    -ms-transform: scale(0.1) translateX(2000px);
    transform: scale(0.1) translateX(2000px);
    -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: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    transform-origin: center top;
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale(0.475) translateY(60px);
    -ms-transform: scale(0.475) translateY(60px);
    transform: scale(0.475) translateY(60px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translateY(-2000px);
    -ms-transform: scale(0.1) translateY(-2000px);
    transform: scale(0.1) translateY(-2000px);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
/* base css files  */
/* 1 - hover menu, 2 - click menu, 3 - user */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@keyframes slide-left-right {
  100% {
    left: 0;
  }
}
html {
  font-size: 10px;
}
* {
  box-sizing: border-box;
}
body,
table,
option,
input,
button,
select {
  font-family: 'Open Sans', tahoma, verdana, arial, sans-serif;
}
.ui-widget {
  font-family: 'Open Sans', tahoma, verdana, arial, sans-serif !important;
}
body {
  min-width: 310px;
  margin: 0;
  padding: 0;
}
body.modal-show {
  overflow: hidden;
}
.shadowbox {
  position: fixed;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 15;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  background-color: #000;
}
.shadowbox.show {
  height: 100%;
  opacity: 0.2;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
a {
  color: #124095;
  text-decoration: none;
  font-size: 1.3rem;
  float: left;
  cursor: pointer;
}
a:before {
  cursor: pointer;
}
a.bgcolor {
  padding: 2px;
}
p > a {
  float: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #124095;
}
u {
  text-decoration: none;
}
table {
  border-spacing: 0;
}
table tr.topspace th,
table tr.topspace td {
  padding-top: 25px;
}
table tr.btmspace th,
table tr.btmspace td {
  padding-bottom: 25px;
}
table tr.btmhr th,
table tr.btmhr td {
  border-bottom: 1px solid #d4d6d7;
  padding-bottom: 15px;
}
table tr.btmhr + tr th,
table tr.btmhr + tr td {
  padding-top: 15px;
}
table th,
table td {
  padding: 0;
  /*&:nth-child(2n) {background: @baseTableRowColor;}*/
}
table td.tabspace {
  padding-left: 20px;
}
input,
textarea {
  outline: none;
  float: left;
  border: 1px solid #d4d6d7;
  font-size: 1.4rem;
  margin: 5px 6px 5px 0;
  padding: 10px 10px 9px 10px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input.err,
textarea.err {
  border: 1px solid #cc2b27 !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
input.format,
textarea.format {
  border: 1px solid #cc2b27 !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
input.readonly,
textarea.readonly {
  border: none;
  background: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
input[type=search] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select {
  outline: none;
  float: left;
  border: 1px solid #d4d6d7;
  font-size: 1.4rem;
  padding: 4px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.custom-select,
.custom-multi-select {
  height: 40px;
  margin: 5px 5px 5px 0;
  float: left;
  overflow: hidden;
  background: white url(../img/pcp-ico-select-arrow-down.png) no-repeat;
  background-size: 9px 8px;
  background-position: calc(100% - 10px);
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.custom-select select,
.custom-multi-select select {
  float: left !important;
  position: relative;
  padding: 10px 25px 10px 10px;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 2;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select select:focus,
.custom-multi-select select:focus {
  outline: none;
}
.custom-select select::-ms-expand,
.custom-multi-select select::-ms-expand {
  display: none;
}
.custom-multi-select {
  height: 9em;
  min-width: 200px;
}
.custom-multi-select select {
  height: 100%;
  height: 125px !important;
}
label {
  float: left;
  margin: 3px 6px 3px 0;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  float: left;
}
iframe {
  max-width: 100%;
}
.clear {
  display: none;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.font-bold {
  font-weight: bold;
}
.ds_none,
.ds_hide {
  display: none !important;
}
.ds_block {
  display: block !important;
}
.nowrap {
  white-space: nowrap !important;
}
.cont {
  width: 100%;
  float: left;
  display: block;
}
.cont:before,
.cont:after {
  content: "";
  display: table;
}
.cont:after {
  clear: both;
}
.fa {
  font-family: 'Open Sans', tahoma, verdana, arial, sans-serif;
  line-height: 1.7rem;
}
.anchor {
  height: 0;
}
.table-scroll {
  margin: 0 !important;
}
.line-through {
  text-decoration: line-through;
}
.line-through * {
  text-decoration: line-through;
}
.boxcont {
  margin: 0 0 10px 0;
  float: left;
}
.boxcont:before,
.boxcont:after {
  content: "";
  display: table;
}
.boxcont:after {
  clear: both;
}
.boxcont .hdr {
  float: left;
  clear: left;
  width: 100%;
}
.boxcont .hdr > p {
  padding: 5px 10px 3px 0;
  margin: 0;
  font-size: 1.5rem;
  font-weight: bold;
  float: left;
}
.boxcont .hdr > h1 {
  padding: 5px 10px 5px 0;
  font-size: 1.6rem;
  float: left;
}
.boxcont .hdr .date,
.boxcont .hdr .top {
  float: right;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 6px 0;
}
.boxcont .hdr .top {
  background: red;
  color: white;
  padding: 6px 5px;
  font-size: 1.2rem;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.boxcont .cnt {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
}
.boxcont .ftr {
  float: left;
  clear: left;
  width: 100%;
}
.boxcont.err {
  border: 1px solid red !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
.boxcont.err p {
  margin: 10px 0;
}
.boxcont.err .btn {
  float: none;
  font-size: 0.9em;
}
.boxcont.opened .hdr {
  cursor: pointer;
  background: #124095;
  color: #FFF;
  padding: 5px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.boxcont.opened .hdr p {
  width: 100%;
  font-size: 1.6rem;
  padding: 6px 10px;
}
.boxcont.opened .hdr p:after {
  float: right;
  content: url("../img/pcp-ico-arrow-up.png");
}
.boxcont.closed .hdr {
  cursor: pointer;
  background: #124095;
  color: #FFF;
  padding: 5px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.boxcont.closed .hdr p {
  width: 100%;
  font-size: 1.6rem;
  padding: 6px 10px;
}
.boxcont.closed .hdr p:after {
  float: right;
  content: url("../img/pcp-ico-arrow-down.png");
}
.boxcont.lastdocs {
  position: relative;
}
.headline {
  margin: 0 0 17px 0 !important;
}
.headline .hdr p {
  font-size: 2.7rem;
  color: #124095;
  padding: 0;
  line-height: 30px;
}
.headline .cnt p {
  font-size: 1.4rem;
  line-height: 22px;
  margin: 17px 0 0 0;
}
.headline .cnt ul {
  margin: 17px 0 0 0px;
}
.headline .cnt ul li {
  float: none;
  position: relative;
  margin-left: 15px;
  margin-bottom: 2px;
  font-size: 1.4rem;
  line-height: 22px;
}
.headline .cnt ul li:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #124095;
  margin-right: 15px;
  position: relative;
  top: 0px;
}
#back,
#mobile-menu,
#mobile-logged,
#mobile-special {
  display: none;
}
.newpasswordtext {
  width: 30% !important;
  padding: 0 30px 30px 30px;
}
.newpasswordtext p {
  font-size: 1.4rem;
  padding: 0 0 20px 0;
  float: left;
}
.newpasswordtext span {
  float: left;
  clear: left;
  width: 100%;
  color: #124095;
  font-size: 1.7rem;
  font-weight: bold;
  margin: 0 0 10px 0;
}
.newpasswordtext a {
  font-size: 1.4rem;
}
.newpasswordtext a:hover {
  color: #c12430;
}
#headercont {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  background: #eff3f5;
  z-index: 16;
}
#headercont header {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
#headercont .headershadowbox {
  position: absolute;
  overflow-y: auto;
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 15;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  background-color: #000;
}
#headercont .headershadowbox.show {
  height: 100px;
  opacity: 0.2;
}
#headercont .sptnavshadowbox {
  position: absolute;
  top: 100px;
  width: 100%;
  height: 0;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.2);
  z-index: 8;
  opacity: 0;
  -webkit-transition: opacity 200ms linear;
  -moz-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  background-color: #000;
}
#headercont .sptnavshadowbox.show {
  height: 90px;
  opacity: 0.2;
}
#headercont .top {
  float: left;
  clear: left;
  width: 100%;
  background: rgba(18, 64, 149, 0.9);
  padding: 0 10px;
}
#headercont nav {
  float: left;
  clear: left;
  background: #124095;
}
#headercont .logo {
  width: 250px;
  float: left;
  margin: 23px 0;
}
#headercont .logo a {
  background: url(../img/logo.png) no-repeat left center;
  background-size: auto 100%;
  width: 100%;
  height: 54px;
  font-size: 0;
  color: transparent;
  float: left;
  display: block;
  transition: height 0.2s ease-out;
}
#headercont .login {
  float: right;
  margin: 0 0 0 10px;
  border-left: 1px solid #d4d6d7;
  border-right: 1px solid #d4d6d7;
}
#headercont .login:hover {
  background: #FFFFFF;
}
#headercont .login:hover .btn-login:before {
  background: url("../img/pcp-ico-user.png") no-repeat center;
}
#headercont .login .hdr {
  font-size: 1.4rem;
  padding: 15px;
  color: #000000;
  cursor: pointer;
}
#headercont .login .hdr:before {
  color: #FFFFFF;
}
#headercont .login .cnt {
  display: none;
  position: absolute;
  top: 100px;
  right: 0;
  padding: 0;
  width: 660px;
  z-index: 9;
}
#headercont .login .cnt .left {
  float: left;
  width: 365px;
  padding: 35px;
  background: #FFFFFF;
}
#headercont .login .cnt .right {
  float: left;
  width: 295px;
  padding: 81px 33px;
  color: #FFFFFF;
  background: #124095;
}
#headercont .login .cnt .right h2,
#headercont .login .cnt .right a {
  color: #FFFFFF;
  float: left;
  clear: left;
  margin: 0 0 5px 0;
}
#headercont .login .cnt .right p {
  margin: 5px 0;
  clear: left;
}
#headercont .login .cnt .right ul li {
  padding: 6px 0 0 0;
  clear: left;
}
#headercont .login .cnt .right ul li:before {
  content: "•";
  color: #ca1f1b;
  font-size: 2rem;
  position: relative;
  top: 4px;
  padding: 0 5px 0 0;
}
#headercont .login .cnt input {
  width: 100%;
}
#headercont .login .cnt a {
  float: right;
  margin: 20px 0 10px 0 !important;
  font-weight: bold;
  text-decoration: underline;
}
#headercont .login .cnt span {
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  float: left;
  margin: 5px 0;
  width: 100%;
}
#headercont .login .btn {
  float: left;
  clear: left;
  margin: 10px 0 0 0;
}
#headercont .login .btn span {
  margin: 0;
}
#headercont .login .btn.btn-idp {
  float: left;
  width: 35px;
  height: 35px;
  margin-right: 1rem !important;
  padding: 0;
  clear: none;
}
#headercont .login ul {
  float: left;
  clear: left;
}
#headercont .login ul li {
  float: left;
  padding: 6px 0 6px 10px;
  font-weight: bold;
}
#headercont .login ul li a {
  color: #124095;
}
#headercont .logged {
  float: right;
  margin: 0 0 0 0;
  border-left: 1px solid #d4d6d7;
  border-right: 1px solid #d4d6d7;
}
#headercont .logged:hover {
  background: #FFFFFF;
}
#headercont .logged:hover .btn-login:before {
  background: url("../img/pcp-ico-user.png") no-repeat center;
}
#headercont .logged .btn-login span {
  display: inline !important;
}
#headercont .logged .hdr {
  font-size: 1.4rem;
  padding: 15px;
  color: #000000;
  cursor: pointer;
  min-width: 90px;
  text-align: center;
}
#headercont .logged .hdr:before {
  color: #FFFFFF;
}
#headercont .logged .cnt {
  display: none;
  background: #FFFFFF;
  position: absolute;
  top: 100px;
  right: 0;
  width: auto;
  z-index: 9;
  padding: 35px;
}
#headercont .logged .cnt h2 a {
  float: left;
  font-size: 1.8rem;
}
#headercont .logged .cnt .logoff {
  float: right;
  margin: 5px 0;
}
#headercont .logged .cnt .logoff:hover {
  color: #c12430;
}
#headercont .logged .btn-logout {
  float: right;
}
#headercont .logged ul {
  float: left;
  clear: left;
  width: 100%;
  border-top: 1px solid #d4d6d7;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}
#headercont .logged ul li {
  float: left;
  padding: 0 15px 0 0;
  font-size: 1.4rem;
  color: #FFFFFF;
}
#headercont .logged ul li a {
  margin: 0 0 10px 0;
}
#headercont .logged ul li a span {
  font-weight: bold;
  color: #000000;
}
#headercont .logged ul li ul li a span {
  font-weight: normal;
  color: #124095;
}
#headercont .logged ul li ul li a:hover span {
  color: #c12430;
}
#headercont .modalmenu {
  float: right;
  margin-left: 10px;
}
#headercont .modalmenu ul {
  float: right;
}
#headercont .modalmenu ul li {
  padding: 5px 0;
}
#headercont .modalmenu ul li:after {
  content: "|";
}
#headercont .modalmenu ul li a {
  font-weight: bold;
  padding: 0 5px;
}
#headercont .modalmenu ul li:last-child:after {
  content: "";
}
#headercont .i18n {
  float: right;
  margin: 0 0 0 10px;
  /* icons */
  /* text */
}
#headercont .i18n ul.icons {
  float: right;
}
#headercont .i18n ul.icons li {
  padding: 7px 0 0 0;
}
#headercont .i18n ul.icons li a {
  margin: 0 4px;
  width: 25px;
  height: 16px;
  color: transparent;
  border: 1px solid #d4d6d7;
}
#headercont .i18n ul.icons li a:hover {
  cursor: pointer;
  color: #c12430;
}
#headercont .i18n ul.icons li a.en {
  background: url("../img/flag-en.svg") no-repeat center;
  background-size: 100%;
}
#headercont .i18n ul.icons li a.cz {
  background: url("../img/flag-cz.svg") no-repeat center;
  background-size: 100%;
}
#headercont .i18n ul.icons li a.sk {
  background: url("../img/flag-sk.svg") no-repeat center;
  background-size: 100%;
}
#headercont .i18n ul.icons li a.pl {
  background: url("../img/flag-pl.svg") no-repeat center;
  background-size: 100%;
}
#headercont .i18n ul.icons li a.de {
  background: url("../img/flag-de.svg") no-repeat center;
  background-size: 100%;
}
#headercont .i18n ul.icons li a.hu {
  background: url("../img/flag-hu.svg") no-repeat center;
  background-size: 100%;
}
#headercont .i18n ul.icons li:last-child a {
  margin: 0 0 0 5px;
}
#headercont .i18n ul.text {
  float: right;
}
#headercont .i18n ul.text li {
  padding: 5px 0 6px 0;
}
#headercont .i18n ul.text li:after {
  content: "|";
  color: #FFFFFF;
  opacity: 0.6;
}
#headercont .i18n ul.text li a {
  margin: 0 5px;
  font-size: 1.3rem;
  color: #FFFFFF;
}
#headercont .i18n ul.text li a:hover {
  cursor: pointer;
  color: #c12430;
}
#headercont .i18n ul.text li a.act {
  font-weight: bold;
}
#headercont .i18n ul.text li:last-child a {
  margin: 0 0 0 5px;
}
#headercont .i18n ul.text li:last-child:after {
  content: "";
}
#headercont .favour {
  position: relative;
  float: right;
  margin: 0 0 0 0;
  border-right: 1px solid #d4d6d7;
}
#headercont .favour:hover {
  background: #FFFFFF;
}
#headercont .favour:hover .btn-fav:before {
  background: url("../img/pcp-ico-star.png") no-repeat center;
}
#headercont .favour .hdr {
  font-size: 1.4rem;
  color: #000000;
  cursor: pointer;
  padding: 15px;
}
#headercont .favour .hdr .count {
  position: absolute;
  color: white;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  -moz-border-radius-bottomleft: 100px;
  -moz-border-radius-topleft: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 4px;
  right: 4px;
  text-align: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.3rem;
  padding: 1px;
  background: #ca1f1b;
}
#headercont .compare {
  position: relative;
  float: right;
  margin: 0 0 0 0;
  border-right: 1px solid #d4d6d7;
}
#headercont .compare:hover {
  background: #FFFFFF;
}
#headercont .compare:hover .btn-compare:before {
  background: url("../img/pcp-ico-comp.png") no-repeat center;
}
#headercont .compare .hdr {
  font-size: 1.4rem;
  color: #000000;
  cursor: pointer;
  padding: 15px;
}
#headercont .compare .hdr .count {
  position: absolute;
  color: white;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  -moz-border-radius-bottomleft: 100px;
  -moz-border-radius-topleft: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 4px;
  right: 4px;
  text-align: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.3rem;
  padding: 1px;
  background: #ca1f1b;
}
#headercont .basket {
  position: relative;
  float: right;
  margin: 0 0 0 0;
  border-right: 1px solid #d4d6d7;
}
#headercont .basket:hover {
  background: #FFFFFF;
}
#headercont .basket:hover .btn-basket:before {
  background: url("../img/pcp-ico-basket.png") no-repeat center;
}
#headercont .basket .hdr {
  font-size: 1.4rem;
  color: #000000;
  cursor: pointer;
  padding: 15px;
  min-width: 90px;
  text-align: center;
}
#headercont .basket .hdr:before {
  color: #FFFFFF;
}
#headercont .basket .hdr .count {
  position: absolute;
  color: white;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  -moz-border-radius-bottomleft: 100px;
  -moz-border-radius-topleft: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: 4px;
  right: 4px;
  text-align: center;
  width: 2rem;
  height: 2rem;
  font-size: 1.3rem;
  padding: 1px;
  background: #ca1f1b;
}
#headercont .basket .cnt {
  padding: 16px 0;
  transition: padding 0.2s ease-out;
}
#headercont .basket .btn {
  min-width: 0;
  margin: 0;
}
#headercont .basket .btn.btn-buy {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#headercont .basket .btn:before {
  margin: 0;
  display: inline-block;
  font: normal normal normal 2.2rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
#headercont .basket .price {
  float: right;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 6px 10px 5px 10px;
  border: solid 1px #d4d6d7;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#headercont.scroll {
  position: fixed;
  box-shadow: 0 0px 10px 5px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #d4d6d7;
}
#headercont.scroll > .boxcont {
  margin-bottom: 5px;
}
#headercont.scroll .logo a {
  height: 43px;
}
#headercont.scroll .search {
  padding-top: 0;
  padding-bottom: 0;
}
#headercont.scroll .prodlist {
  padding: 5px 0;
}
#headercont.scroll .basket .cnt {
  padding: 5px 0;
}
#maincont {
  background: #FFF;
  font-size: 1.3em;
  width: 100%;
  margin: 0 auto;
}
#centercont {
  float: none;
  max-width: 1200px;
  margin: 0 auto;
  padding: 115px 0 0 0;
}
#centercont.cookie {
  padding: 145px 0 0 0;
}
#centercont .content:before,
#centercont .content:after {
  content: "";
  display: table;
}
#centercont .content:after {
  clear: both;
}
#centercont .content .hdr {
  float: left;
  clear: left;
  width: 100%;
}
#centercont .content .hdr p {
  padding: 0;
  margin: 0;
  font-size: 1.4em;
  font-weight: bold;
}
#centercont .content .hdr:not(:empty) {
  padding: 2px 0;
}
#centercont .content .cnt {
  float: left;
  clear: left;
  width: 100%;
}
#centercont .content .cnt:not(:empty) {
  padding: 2px 0;
}
#centercont .content .ftr {
  float: left;
  clear: left;
  width: 100%;
}
#centercont .content .ftr:not(:empty) {
  padding: 2px 0;
}
#leftcont {
  width: 250px;
  padding: 10px;
}
#leftcont .boxcont {
  width: 100%;
  margin: 0 0 10px 0;
}
#leftcont .boxcont .hdr {
  background: rgba(7, 46, 92, 0.9);
}
#leftcont .boxcont .hdr p {
  color: white;
  padding: 5px;
  font-size: 1.4rem;
}
#leftcont .boxcont .cnt {
  padding: 0 5px;
}
#leftcont .lastvisited {
  border: 1px solid #d4d6d7;
}
#leftcont .lastvisited li {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #d4d6d7;
}
#leftcont .lastvisited li img {
  float: left;
  width: 35px;
  margin-right: 5px;
}
#leftcont .lastvisited li .name {
  float: left;
  width: calc(100% - 40px);
  overflow: hidden;
}
#leftcont .lastvisited li .name a {
  display: table-cell;
  vertical-align: middle;
  float: none;
  font-size: 1.2rem;
  font-weight: bold;
  height: 35px;
}
#leftcont .lastvisited li:last-child {
  border: none;
}
#contentcont {
  width: 100%;
  padding: 20px 0;
}
#contentcont.wleft.spresenttrees {
  width: 100%;
}
#contentcont.wleft.spresenttrees.wright {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1280px) {
  #contentcont.wleft.spresenttrees.wright {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 1024px) {
  #contentcont.wleft.spresenttrees.wright {
    width: 100%;
  }
}
#contentcont.wright {
  width: calc(100% - 250px);
}
.contentcont .boxcont.article a {
  float: none;
  color: #124095;
}
.contentcont .boxcont {
  width: 100%;
  margin: 0 0 10px 0;
}
.contentcont .boxcont.half {
  width: calc(50% - 5px);
}
.contentcont .boxcont.fulltext form input[type="text"]:last-of-type {
  margin-right: 15px;
}
.contentcont .registration .cnt {
  padding: 0;
}
.contentcont .registration .nav {
  padding-top: 1px;
  font-weight: bold;
  font-size: 1.4rem;
}
.contentcont .registration .nav [type="radio"]:not(:checked) + label,
.contentcont .registration .nav [type="radio"]:checked + label {
  margin: 0 10px 3px 0;
}
.contentcont .registration .ic-status {
  color: #d4d6d7;
  margin: 8px 0px 0px 5px;
  float: left;
  font-weight: bold;
}
.contentcont .registration .payvat {
  margin: 9px 0;
}
.contentcont.err500 p {
  padding: 5px 0;
}
.contentcont.err500 ul {
  float: left;
  width: 100%;
  margin: 20px 0;
  padding: 0 30px;
  list-style: disc;
}
.contentcont.err500 li {
  float: left;
  clear: left;
  width: 100%;
  cursor: pointer;
}
.contentcont .changelog li {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.3rem;
  margin: 2px 0;
}
.contentcont .changelog .version {
  padding: 5px 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.contentcont .changelog .fixed,
.contentcont .changelog .changed,
.contentcont .changelog .added,
.contentcont .changelog .other {
  padding-left: 25px;
}
.contentcont .changelog .fixed span,
.contentcont .changelog .changed span,
.contentcont .changelog .added span,
.contentcont .changelog .other span {
  float: left;
  margin-right: 5px;
  background: #0366d6;
  color: white;
  padding: 2px 4px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.2rem;
  min-width: 70px;
  text-align: center;
}
.contentcont .changelog .added span {
  background: #28a745;
}
.contentcont .changelog .btn {
  float: right;
}
.contentcont.contacts .listpage .hdr,
.contentcont.companies .listpage .hdr {
  display: none;
}
.contentcont.deliveries .tabinfo .black .thwar,
.contentcont.deliveries .tabinfo .blue .thwar {
  width: 90px;
}
.contentcont.deliveries .tabinfo .black .threc,
.contentcont.deliveries .tabinfo .blue .threc {
  width: 90px;
}
.contentcont.deliveries .tabinfo .black .thdel,
.contentcont.deliveries .tabinfo .blue .thdel {
  width: 100px;
}
.contentcont.deliveries .tabinfo .black .thfirm,
.contentcont.deliveries .tabinfo .blue .thfirm {
  width: 320px;
}
.contentcont.deliveries .tabinfo .black .thdc,
.contentcont.deliveries .tabinfo .blue .thdc {
  width: 150px;
}
.contentcont.deliveries .tabinfo .black .thdcf,
.contentcont.deliveries .tabinfo .blue .thdcf {
  width: 150px;
}
.contentcont.deliveries .tabinfo .black .thds,
.contentcont.deliveries .tabinfo .blue .thds {
  width: 150px;
}
.contentcont.deliveries .tabinfo .black .thtools,
.contentcont.deliveries .tabinfo .blue .thtools {
  width: 150px;
}
.contentcont.orderss .tabinfo .black .thord,
.contentcont.orderss .tabinfo .blue .thord {
  width: 130px;
}
.contentcont.orderss .tabinfo .black .thcodeo,
.contentcont.orderss .tabinfo .blue .thcodeo {
  width: 130px;
}
.contentcont.orderss .tabinfo .black .thordbycode,
.contentcont.orderss .tabinfo .blue .thordbycode {
  width: 140px;
}
.contentcont.orderss .tabinfo .black .thfirm,
.contentcont.orderss .tabinfo .blue .thfirm {
  width: 240px;
}
.contentcont.orderss .tabinfo .black .thbut,
.contentcont.orderss .tabinfo .blue .thbut {
  width: 110px;
}
.contentcont.orderss .tabinfo .black .thprice,
.contentcont.orderss .tabinfo .blue .thprice {
  width: 150px;
}
.contentcont.orderss .tabinfo .black .thtools,
.contentcont.orderss .tabinfo .blue .thtools {
  width: 170px;
}
.contentcont.invoices .tabinfo .black .thopen,
.contentcont.invoices .tabinfo .blue .thopen {
  width: 70px;
}
.contentcont.invoices .tabinfo .black .thinvcodeo,
.contentcont.invoices .tabinfo .blue .thinvcodeo {
  width: 100px;
}
.contentcont.invoices .tabinfo .black .thordcode,
.contentcont.invoices .tabinfo .blue .thordcode {
  width: 110px;
}
.contentcont.invoices .tabinfo .black .thinvc,
.contentcont.invoices .tabinfo .blue .thinvc {
  width: 140px;
}
.contentcont.invoices .tabinfo .black .thdtd,
.contentcont.invoices .tabinfo .blue .thdtd {
  width: 100px;
}
.contentcont.invoices .tabinfo .black .thfirm,
.contentcont.invoices .tabinfo .blue .thfirm {
  width: 180px;
}
.contentcont.invoices .tabinfo .black .thprice,
.contentcont.invoices .tabinfo .blue .thprice {
  width: 110px;
}
.contentcont.invoices .tabinfo .black .thtools,
.contentcont.invoices .tabinfo .blue .thtools {
  width: 170px;
}
.contentcont.invitems .tabinfo .thinv {
  width: 80px;
}
.contentcont.invitems .tabinfo .thord {
  width: 100px;
}
.contentcont.invitems .tabinfo .thcode {
  width: 100px;
}
.contentcont.invitems .tabinfo .thempty {
  width: 20px;
}
.contentcont.invitems .tabinfo .thname {
  width: 240px;
}
.contentcont.invitems .tabinfo .thks {
  width: 40px;
}
.contentcont.invitems .tabinfo .thprice {
  width: 70px;
}
.contentcont.invitems .tabinfo .thtotalprice {
  width: 120px;
}
.contentcont.invitems .tabinfo .thrf {
  width: 50px;
}
.contentcont.invitems .tabinfo .thaf {
  width: 50px;
}
.contentcont.invitems .tabinfo .thtools {
  width: 40px;
}
#rightcont {
  width: 250px;
  padding: 10px;
  float: right;
}
#rightcont .boxcont {
  width: 100%;
  margin: 0 0 10px 0;
  border: 1px solid #d4d6d7;
}
#rightcont .boxcont .hdr {
  background: rgba(7, 46, 92, 0.9);
}
#rightcont .boxcont .hdr p {
  color: white;
  padding: 5px;
  font-size: 1.4rem;
}
#rightcont .boxcont .cnt {
  padding: 0 5px;
}
@media screen and (max-width: 1280px) {
  #rightcont {
    width: calc(100% - 250px);
  }
}
@media screen and (max-width: 1024px) {
  #rightcont {
    width: 100%;
  }
}
/* footer */
#footercont {
  background: #eff3f5;
}
#footercont .boxcont {
  margin: 0;
  width: 230px;
}
#footercont .boxcont .hdr p {
  font-size: 2.0rem !important;
  font-weight: bold;
  color: #124095;
}
#footercont .boxcont .cnt p {
  font-size: 1.4rem;
  padding: 0 0 7px 0;
  float: left;
}
#footercont .companyinfo {
  float: left;
  clear: left;
  width: 100%;
  margin: 35px 0 28px 0;
}
#footercont .companyinfo .cnt {
  float: none;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}
#footercont .companyinfo .cnt img {
  max-width: 160px;
  padding: 10px 0;
  float: left;
}
#footercont .companyinfo .contact {
  width: 250px;
}
#footercont .companyinfo .contact ul li {
  font-size: 1.4rem;
  clear: left;
  color: #124095;
  padding: 0 0 7px 25px;
}
#footercont .companyinfo .contact ul li a {
  font-size: 1.4rem;
}
#footercont .companyinfo .contact ul li a:hover {
  color: #c12430;
}
#footercont .companyinfo .contact ul li.phone {
  background: url("../img/pcp-ico-phone.png") no-repeat 1px 3px;
}
#footercont .companyinfo .contact ul li.fax {
  background: url("../img/pcp-ico-fax.png") no-repeat;
}
#footercont .companyinfo .contact ul li.mobile {
  background: url("../img/pcp-ico-mobile.png") no-repeat 3px 0;
}
#footercont .companyinfo .contact ul li.mail {
  background: url("../img/pcp-ico-mail.png") no-repeat 0 4px;
}
#footercont .companyinfo .contact ul li.basket {
  background: url("../img/pcp-ico-basket-grey.png") no-repeat 0 2px;
}
#footercont .companyinfo .contact p {
  margin: 10px 0 0 0;
}
#footercont .companyinfo .contact span {
  color: #124095;
}
#footercont .newsletterbottom {
  float: left;
  clear: left;
  width: 100%;
  border-top: 1px solid #d4d6d7;
  border-bottom: 1px solid #d4d6d7;
}
#footercont .newsletterbottom .cnt {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  float: none;
  display: flex;
  justify-content: space-between;
}
#footercont .newsletterbottom .roline img {
  max-width: 160px;
  padding: 22px 0;
  float: left;
}
#footercont .newsletterbottom .roline p {
  padding: 20px !important;
}
#footercont .newsletterbottom .roline p a {
  color: #c12430;
}
#footercont .newsletterbottom .roline p span {
  float: left;
  clear: left;
}
#footercont .newsletterbottom .mailbox {
  position: relative;
}
#footercont .newsletterbottom .mailbox input {
  width: 310px;
  margin: 0;
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#footercont .newsletterbottom .mailbox .btn {
  margin: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#footercont .newsletterbottom .mailbox p {
  padding: 30px 10px 30px 40px;
  background: url("../img/pcp-ico-mail-blue.png") no-repeat left center;
}
#footercont .newsletterbottom .mailbox form {
  padding: 20px 0;
  float: right;
}
#footercont .footerinfo {
  float: left;
  clear: left;
  width: 100%;
  padding: 35px 0;
  margin: 0;
}
#footercont .footerinfo .cnt {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  float: none;
  font-size: 1.4rem;
}
#footercont .footerinfo .cnt a {
  font-weight: bold;
  float: none;
  color: #000000;
  font-size: 1.4rem;
}
#footercont .footerinfo .cnt .company {
  flex: 1;
}
#footercont .footerinfo .cnt .oldversion {
  display: flex;
  flex: 3;
  justify-content: center;
}
#footercont .footerinfo .cnt .copyright {
  flex: 1;
  text-align: right;
  color: #124095;
}
#footercont .footerinfo .cnt .copyright span:first-child:after {
  content: " | ";
  color: #000;
}
#footercont .footerinfo .cnt .copyright a {
  color: #124095;
}
#footercont .eet {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  padding: 5px 0;
  display: none;
}
#footercont .support {
  float: left;
  clear: left;
  width: 100%;
  color: #FFFFFF;
  padding: 5px 10px;
  background: #124095;
}
#footercont .support span {
  float: left;
}
#footercont .support span:after {
  content: "|";
  margin: 0 10px;
  color: #FFFFFF;
  opacity: 0.6;
}
#footercont .support span:last-child:after {
  content: "";
}
#footercont .support span a {
  color: #FFFFFF;
}
#footercont .support .comman {
  font-size: 1.3rem;
}
#footercont .support .comman a {
  color: #FFFFFF;
}
#footercont .social {
  float: left;
  margin: 0;
}
#footercont .social li {
  float: left;
}
#footercont .social li a {
  height: 40px;
  width: 40px;
  margin: 0 0 0 10px;
}
#footercont .social li a.facebook {
  background: transparent url("../img/pcp-ico-fb.png") no-repeat scroll top left;
}
#footercont .social li a.facebook:hover {
  background: transparent url("../img/pcp-ico-fb-dark.png") no-repeat scroll top left;
}
#footercont .social li a.googleplus {
  background: transparent url("../img/pcp-ico-gplus.png") no-repeat scroll top left;
}
#footercont .social li a.googleplus:hover {
  background: transparent url("../img/pcp-ico-gplus-dark.png") no-repeat scroll top left;
}
#footercont .social li a.linkedin {
  background: transparent url("../img/pcp-ico-in.png") no-repeat scroll top left;
}
#footercont .social li a.linkedin:hover {
  background: transparent url("../img/pcp-ico-in-dark.png") no-repeat scroll top left;
}
#footercont .social li a.youtube {
  background: transparent url("../img/logo-yt.png") no-repeat scroll top left;
}
#footercont .social li a.instagram {
  background: transparent url("../img/logo-instagram.png") no-repeat scroll top left;
}
#footercont .social li a.heureka {
  background: transparent url("../img/logo-heureka.png") no-repeat scroll top left;
}
#footercont .newsletter .cnt {
  position: relative;
}
#footercont .newsletter .cnt div {
  display: inline;
}
#footercont .newsletter .cnt .g-recaptcha {
  transform: scale(1) !important;
}
#footercont .newsletter .msg.format {
  position: absolute;
  top: 50px;
}
#footercont .newsletter label {
  clear: both;
}
#footercont .paymentcont {
  float: right;
  padding: 0 10px;
  margin: 0;
  max-width: 70%;
}
#footercont .paymentcont li {
  float: right;
}
#footercont .paymentcont li a {
  height: 33px;
  width: 80px;
  margin: 5px;
}
#footercont .paymentcont li a.agmo {
  background: transparent url("../img/logo-agmo.png") no-repeat scroll top left / 100%;
  width: 100px;
}
#footercont .paymentcont li a.tatrapay {
  background: transparent url("../img/logo-tatrapay.png") no-repeat scroll top left / 100%;
  width: 110px;
}
#footercont .paymentcont li a.paypal {
  background: transparent url("../img/logo-paypal.png") no-repeat scroll top left / 100%;
}
#footercont .paymentcont li a.trustpay {
  background: transparent url("../img/logo-trustpay.png") no-repeat scroll top left / 100%;
}
#footercont .paymentcont li a.essox {
  background: transparent url("../img/logo-essox.png") no-repeat scroll top left / 100%;
  margin: 10px 5px 0px;
  width: 100px;
}
#footercont .paymentcont li a.cetelem {
  background: transparent url("../img/logo-cetelem.png") no-repeat scroll top left / 100%;
}
#footercont .paymentcont li a.mpenize {
  background: transparent url("../img/logo-mpenize.png") no-repeat scroll top left / 100%;
  width: 90px;
}
#footercont .paymentcont li a.quatro {
  background: transparent url("../img/logo-quatro.png") no-repeat scroll top left / 100%;
}
#footercont .paymentcont li a.ekonto {
  background: transparent url("../img/logo-ekonto.png") no-repeat scroll top left / 100%;
  width: 50px;
}
#footercont .paymentcont li a.homecredit {
  background: transparent url("../img/logo-homecredit.png") no-repeat scroll top left / 100%;
  width: 55px;
}
#footercont .paymentcont li a.muzo {
  background: transparent url("../img/logo-muzo.png") no-repeat scroll top left / 100%;
  width: 38px;
}
#footercont .paymentcont li a.ceskasporitelna {
  background: transparent url("../img/logo-cs.png") no-repeat scroll top left / 100%;
  width: 65px;
}
.msg.format {
  font-size: 1.1em;
  padding: 1px 0;
  clear: both;
  margin: 10px 0 0 0;
  float: left;
  color: #cc2b27;
}
.msg.format:before {
  content: url("../img/pcp-ico-cross-red.png");
  position: relative;
  top: 2px;
  margin: 0 10px 0 0;
}
.tabform {
  width: 100%;
}
.tabform.half {
  width: 50%;
  float: left;
}
.tabform tr.tabdetailparthead td {
  color: #124095;
  font-size: 1.7rem;
  font-weight: bold;
}
.tabform th {
  text-align: right;
  padding: 3px;
}
.tabform th:not(:empty):not(.notdeliv):after {
  content: ":";
}
.tabform th.req:before {
  content: "*";
}
.tabform th.top {
  vertical-align: top;
}
.tabform td {
  text-align: left;
  padding: 3px;
}
.tabform a {
  padding: 3px 0;
}
.tabform ul {
  float: left;
  clear: left;
}
.tabform ul li {
  clear: left;
}
.tabform select,
.tabform input {
  min-width: 150px;
}
.tabform p {
  float: left;
  padding: 7px 0;
  margin: 0 6px 0 0;
}
.tabform textarea {
  width: 100%;
}
.tabform .large {
  width: 100%;
  max-width: none;
}
.tabform .small {
  width: 25%;
  min-width: 100px;
}
.tabform .xsmall {
  width: 10%;
  min-width: 50px;
}
.tabinfo {
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.tabinfo.autowidth {
  width: auto;
  float: left;
}
.tabinfo.autowidth th,
.tabinfo.autowidth td {
  padding: 5px !important;
  text-align: center !important;
}
.tabinfo tr.hr th,
.tabinfo tr.hr td {
  border-bottom: 2px solid silver;
}
.tabinfo tr.product input {
  margin: 12px 0 0 0;
}
.tabinfo th {
  width: 45%;
  text-align: left;
  padding: 25px 0;
  font-size: 1.4rem;
}
.tabinfo th:not(:empty):not(.notdeliv):after {
  content: ":";
}
.tabinfo th.req:before {
  content: "*";
}
.tabinfo th a:not(.btn) {
  float: none;
}
.tabinfo td {
  width: 55%;
  text-align: left;
  padding: 5px 3px;
}
.tabinfo td select:disabled {
  background: #ebebe4;
}
.tabinfo td a {
  text-decoration: none;
  font-size: 1.4rem;
}
.tabinfo td a:hover {
  color: #c12430;
}
.tabinfo p {
  float: left;
}
.tabinfo p.mar-right {
  margin-right: 5px;
}
.tabinfo p.before-btn {
  padding: 10px 5px 10px 0;
}
.tabinfo span {
  float: left;
  font-weight: bold;
}
.tabinfo .btn span {
  float: none;
}
.tabinfo ul {
  float: left;
  clear: left;
  margin: 3px 0;
}
.tabinfo ul li {
  clear: left;
}
.tabinfo .nodata td {
  text-align: center;
  padding: 15px 0 5px 0 !important;
  font-size: 1.2em;
}
.tabinfo.hor tr:nth-child(2n+1) td {
  background: #eff3f5;
}
.tabinfo.hor th {
  width: auto;
  text-align: left;
  background: #124095 !important;
  color: #FFFFFF;
  padding: 10px;
  border-right: 2px solid #FFF;
}
.tabinfo.hor th:not(:empty):after {
  content: "";
}
.tabinfo.hor th a {
  color: white;
}
.tabinfo.hor th.name {
  width: 60%;
}
.tabinfo.hor th.img,
.tabinfo.hor th.producer,
.tabinfo.hor th.status,
.tabinfo.hor th.case,
.tabinfo.hor th.conparico,
.tabinfo.hor th.wvat {
  display: none;
}
.tabinfo.hor th.wovat {
  display: table-cell;
  text-align: center;
}
.tabinfo.hor th.wvat.total {
  display: table-cell;
  text-align: center;
}
.tabinfo.hor th.buyout {
  text-align: center;
}
.tabinfo.hor th.buyout:after {
  content: "\f014";
  display: inline-block;
  font: normal normal normal 2rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.tabinfo.hor th.tools {
  text-align: right;
}
.tabinfo.hor th.tools .custom-select {
  float: right;
  width: 100px;
}
.tabinfo.hor th.tools .btn {
  float: right;
}
.tabinfo.hor th.tools .btn:before {
  color: white !important;
}
.tabinfo.hor th.tools a.btn {
  float: right;
}
.tabinfo.hor th.tools .custom-select {
  float: right;
  width: 80px;
  margin: 0;
  height: auto;
}
.tabinfo.hor th.tools .custom-select select {
  padding: 0 25px 0 6px;
  margin: 0;
  font-size: 1.4rem;
}
.tabinfo.hor th .arr {
  display: inline-block;
  font: normal normal normal 2em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: auto;
  margin: 0 2px;
}
.tabinfo.hor th .arr.act {
  color: rgba(7, 46, 92, 0.8);
}
.tabinfo.hor th .arr-down:before {
  content: "\f0d7";
}
.tabinfo.hor th .arr-up:before {
  content: "\f0d8";
}
.tabinfo.hor th:last-child {
  border: none;
}
.tabinfo.hor th .btn {
  padding: 1px 5px;
  font-size: 1.4rem;
  margin: 0;
}
.tabinfo.hor th .btn:hover {
  color: white;
}
.tabinfo.hor th .btn {
  float: right;
  min-width: auto;
  margin: -2px 0 0 0;
}
.tabinfo.hor td {
  width: auto;
  padding: 5px 10px;
  border-right: 2px solid #FFF;
  white-space: normal;
}
.tabinfo.hor td:first-child {
  white-space: nowrap;
}
.tabinfo.hor td.name {
  width: 60%;
}
.tabinfo.hor td.name .stiplname {
  color: #000000;
}
.tabinfo.hor td.img,
.tabinfo.hor td.producer,
.tabinfo.hor td.status,
.tabinfo.hor td.case,
.tabinfo.hor td.conparico,
.tabinfo.hor td.wvat,
.tabinfo.hor td.points,
.tabinfo.hor td.producent {
  display: none;
}
.tabinfo.hor td.stock a {
  width: 100%;
  text-align: center;
}
.tabinfo.hor td.stock a .stock {
  width: 100%;
}
.tabinfo.hor td.stock a .stock:before {
  display: none;
}
.tabinfo.hor td.stock a .stock p {
  font-weight: normal;
  font-size: 1.4rem;
  color: #000;
  width: 100%;
}
.tabinfo.hor td.wvat.totalprc {
  display: table-cell;
}
.tabinfo.hor td.price {
  text-align: right;
}
.tabinfo.hor td.price span {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
}
.tabinfo.hor td.tools .custom-select {
  float: right;
  width: 80px;
  margin: 0 3px 0 0;
  height: auto;
}
.tabinfo.hor td.tools .custom-select select {
  padding: 0 25px 0 6px;
  margin: 0;
  font-size: 1.4rem;
}
.tabinfo.hor td.tools .btn {
  float: right;
  min-width: auto;
  margin: -1px 0 0 0;
  padding: 0 3px;
}
.tabinfo.hor td.col-price span {
  float: right;
  font-weight: normal;
}
.tabinfo.hor td .btn {
  padding: 1px 5px;
  font-size: 1.4rem;
  margin: 0;
}
.tabinfo.hor td .btn:hover {
  color: white;
}
.tabinfo.hor .center {
  text-align: center;
}
.tabinfo.hor .center a {
  float: none;
  text-decoration: none;
}
.tabinfo.hor tr.red {
  color: red;
}
.tabinfo.hor tr.black th {
  background-color: black !important;
}
.tabinfo.fcoldata td:not(.notafter):first-child {
  text-align: right;
  font-weight: bold;
  width: 20%;
}
.tabinfo.fcoldata td:not(.notafter):first-child:not(:empty):after {
  content: ":";
}
.sumprice {
  border: 1px solid #d4d6d7;
  margin: 20px 0px;
}
.sumprice .tabinfo {
  float: right;
  margin: 0;
  width: 30%;
}
.sumprice .tabinfo td {
  font-size: 1.8rem;
  font-weight: bold;
  width: auto;
  padding: 15px 10px;
  text-align: right;
}
.sumprice .tabinfo td:not(.notafter):first-child:not(:empty):after {
  content: ":";
}
.tabinfo.sender {
  width: auto;
  float: left;
}
.tabinfo.receiver {
  width: auto;
  float: right;
  clear: left;
}
.tabinfo.ordsumtab,
.tabinfo.invsumtab {
  border: none;
  width: auto;
  float: right;
}
.tabinfo.ordsumtab th,
.tabinfo.invsumtab th,
.tabinfo.ordsumtab td,
.tabinfo.invsumtab td {
  width: auto;
  padding: 10px;
}
.tabinfo.promogifts img {
  max-width: 75px;
  max-height: 75px;
}
.msgbox {
  float: left;
  clear: left;
  width: 100%;
  background: rgba(255, 0, 0, 0.4);
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
  -webkit-border-bottom-left-radius: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 10px;
  margin: 0 0 10px 0;
  font-size: 1.2em;
}
.msgbox.success {
  background: rgba(80, 170, 70, 0.4) !important;
  border: 1px solid rgba(80, 170, 70, 0.9) !important;
  box-shadow: 0 0 8px rgba(80, 170, 70, 0.6) !important;
}
.msgbox.warning {
  background: rgba(240, 230, 50, 0.4) !important;
  border: 1px solid rgba(240, 230, 50, 0.9) !important;
  box-shadow: 0 0 8px rgba(240, 230, 50, 0.6) !important;
}
.msgbox .hdr {
  border: none !important;
  background: none !important;
}
.msgbox .hdr p {
  font-weight: bold;
  font-size: 1em;
}
.logincontact {
  padding: 30px 35px;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
}
.logincontact .rowbox {
  width: 100%;
}
.logincontact .rowbox .label {
  display: none;
  text-align: left;
}
.logincontact .rowbox .inputs {
  width: 100%;
}
.logincontact .rowbox .inputs input {
  width: 100%;
  margin: 3px 0;
}
.logincontact .rowbox .custom-select {
  width: 100%;
  background-position: 98% center;
}
.logincontact .rowbox ul {
  list-style: none;
}
.logincontact .rowbox ul li {
  border: none;
}
.search {
  width: 35%;
  margin: 0;
  padding: 8px 10px;
  transition: padding 0.2s ease-out;
}
.search input {
  width: 75%;
  font-size: 1.6rem;
  padding: 8px 15px 8px 50px;
  margin: 0;
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #fff url("../img/pcp-ico-search.png") no-repeat 12px 8px;
}
.search .hdr {
  font-size: 1.6rem !important;
  padding: 5px 50px;
  background: url("../img/pcp-ico-headphones.png") no-repeat 10px 5px;
}
.search .hdr span {
  font-weight: bold;
  color: #124095;
  display: inline-block !important;
  font-size: 1.6rem !important;
}
.search .hdr-search-res {
  display: none;
  font-size: 1.4rem;
  padding: 15px;
  color: #000000;
  cursor: pointer;
}
.search .hdr-search-res:hover {
  background: #FFFFFF;
}
.search .hdr-search-res:hover.btn-search-res:before {
  background: url("../img/pcp-ico-search-blue.png") no-repeat center;
}
.search .cnt {
  position: relative;
}
.search .btn-search {
  width: 25%;
  min-width: 0;
  margin: 0;
  padding: 6px 10px 6px 10px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
}
.search .btn-search:before {
  display: inline-block;
  font: normal normal normal 2.2rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin: 0;
  display: none !important;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  float: left;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 12px;
  height: 12px;
  border: 1px solid #C0C0C0;
  border-top: 1px solid #9c9c9c;
  border-left: 1px solid #9c9c9c;
  background: #FFFFFF;
}
[type="checkbox"]:not(:checked).err + label:before {
  border: 1px solid red !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: url("../img/pcp-ico-check.png");
  position: absolute;
  top: 2px;
  left: 3px;
  font-size: 11px;
  color: white;
  transition: all .2s;
  font-weight: normal;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 25px;
  margin: 3px 10px 3px 0;
  cursor: pointer;
  font-size: 1.4rem;
}
/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border-top: 1px solid #999a9a;
  border-left: 1px solid #999a9a;
  background: white;
  border-radius: 15px;
  box-shadow: 0px 0px 1px 1px #d4d6d7 inset;
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '•';
  position: absolute;
  top: 1px;
  left: 5.6px;
  font-size: 17px;
  font-family: tahoma, arial;
  color: #124095;
  transition: all .2s;
  font-weight: bold;
  line-height: 1;
}
/* hack for FF */
@-moz-document url-prefix() {
  [type="radio"]:not(:checked) + label:after,
  [type="radio"]:checked + label:after {
    top: 0px;
    left: 5px;
  }
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}
/* hover style just for information */
#popupbckg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}
#popupbckg {
  position: fixed;
  width: 100%;
  height: 100%;
}
.modal-popup {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 10px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 99;
}
.modal-popup .gdpr-detail {
  display: block;
}
.modal-content {
  position: relative;
  width: 50%;
  background: #FFF;
  display: inline-block;
  max-width: 100%;
  outline: none;
  padding: 25px;
  text-align: left;
  font-size: 1.2em;
  top: auto;
  left: auto;
}
.modal-content .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 20px;
  background: none;
  border: none;
  color: #124095;
  font-size: 1.8em;
  min-width: auto;
  box-shadow: none;
}
.modal-content .btn-close:hover {
  background: none;
}
.modal-content .navbar {
  display: none;
}
.modal-content iframe {
  min-height: 500px;
}
.srchform {
  float: left;
  clear: left;
  width: 100%;
  border: 1px solid #d4d6d7;
  background: #eff3f5;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 15px;
  margin: 0 0 20px 0 !important;
}
.srchform .item {
  float: left;
  min-width: 125px;
  font-size: 1.4rem;
}
.srchform .item.cl {
  clear: left;
}
.srchform .item input,
.srchform .item select {
  min-width: 110px;
  max-width: 110px;
  font-size: 1.4rem;
}
.srchform .item p {
  font-size: 1.1em;
  padding-right: 5px;
  display: none;
}
.srchform .item [type="checkbox"] + label {
  margin: 17px 6px 17px 0;
}
.srchform .item [type="radio"] + label {
  margin: 17px 6px 17px 0;
}
.srchform .item .btn {
  margin: 4px 6px 4px 0;
}
.srchform .item:last-child {
  float: right;
}
.ui-datepicker {
  width: auto;
}
.srchtools .btn {
  background: black;
}
.srchtools,
.toolbar {
  margin: 0 0 27px 0 !important;
  clear: left;
}
.toolbar .btn-edit:before {
  content: "\f044";
}
.webnewss img {
  max-width: 250px;
  max-height: 150px;
}
.webnewss .name:before {
  content: " ";
  background: rgba(255, 0, 0, 0.8);
  width: 1em;
  height: 1em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-topleft: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  color: transparent;
  float: left;
  margin-right: 5px;
}
.webnewss .name.act:before {
  background: rgba(0, 255, 0, 0.8);
}
.popuppage {
  padding: 10px;
}
.popuppage .boxcont {
  width: 100%;
}
.popuppage .table-scroll {
  border: none;
}
#cookieConsent .boxcont .cnt h3 {
  font-size: 1.8rem;
}
#cookieConsent .boxcont .cnt p {
  font-size: 1.3rem;
  padding: 5px 0 10px 0;
}
#cookieConsent .boxcont .buttons {
  float: left;
  clear: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 0 0;
}
#cookieConsent .boxcont .buttons .btn {
  margin: 5px 0 5px 10px;
}
#cookieConsent .boxcont .buttons .btn-outer {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  #cookieConsent .boxcont .buttons .detail {
    margin: 0 0 15px 0;
  }
}
#cookieConsent .boxcont .options {
  margin-bottom: 10px;
  float: left;
  clear: left;
  width: 100%;
}
#cookieConsent .boxcont .options .option {
  padding: 5px 0;
}
#cookieConsent .boxcont .options .option label {
  font-weight: bold;
  font-size: 1.3rem;
}
#cookieConsent .boxcont .options .option .cookie-description {
  float: left;
  padding-top: 3px;
}
#cookieConsent .boxcont .ftr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar {
  padding: 0 0 10px 0;
}
.navbar ul {
  float: left;
  clear: left;
  width: 100%;
}
.navbar ul li {
  margin-right: 5px;
}
.navbar ul li:first-child a:before {
  content: "";
}
.navbar ul li * {
  white-space: nowrap;
  color: #124095;
  float: left;
}
.navbar ul li h1 {
  font-size: 1.1em;
}
.navbar ul li h1:before {
  float: left;
  content: "\f105";
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
}
.navbar ul li p:before,
.navbar ul li a:before {
  float: left;
  content: "\f105";
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
}
.navbar ul li.hp a:before {
  float: left;
  display: inline-block;
  font: normal normal normal 18px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
}
.article .hdr h1 {
  font-size: 2.7rem;
}
.article .anotation {
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0;
}
.article .content ul {
  list-style-type: disc;
  padding-left: 40px;
  margin: 1rem 0;
}
.article .content ul li {
  float: none;
}
.article .content ul li a {
  float: none;
}
.obchodnipodminky a {
  float: none;
}
.buybox {
  float: left;
}
.buybox p {
  float: left;
  margin: 15px 3px;
  font-size: 1.5rem;
}
.buybox .qty {
  float: left;
  clear: left;
  width: 40px;
  height: 40px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  color: #848484;
  margin: 3px 0;
}
.qtybox {
  position: relative;
  float: left;
}
.qtybox .up,
.qtybox .down {
  display: none;
  cursor: pointer;
  position: absolute;
  background: rgba(200, 200, 200, 0.3);
  right: 6px;
}
.qtybox .down {
  bottom: 0;
}
.qtybox.icon input {
  margin-right: 21px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.qtybox.icon .up,
.qtybox.icon .down {
  width: 15px;
  height: 15px;
  float: left;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.qtybox.icon .up:before,
.qtybox.icon .down:before {
  position: absolute;
  left: 0;
  display: inline-block;
  font: normal normal normal 1rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 0;
  padding: 2px 3px;
}
.qtybox.icon .down {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  top: auto;
  bottom: 3px;
}
.price {
  color: #124095;
  font-size: 1.2rem;
}
.price .wovat {
  float: left;
  clear: left;
  width: 100%;
}
.price .wovat span {
  font-weight: normal;
}
.price .wvat {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.5rem;
}
.price span {
  float: left;
  font-weight: bold;
}
.price p {
  float: left;
}
.availability {
  float: left;
}
.availability .stock {
  float: left;
}
.availability .stock:before {
  float: left;
  display: inline-block;
  font: normal normal normal 1.6rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
}
.availability .stock p {
  display: none;
  float: left;
  font-weight: bold;
  margin: 7px 0 0 0;
}
.availability .stock.qty p {
  display: block;
}
.availability.inet .stock p {
  font-size: 1.4rem;
  text-transform: uppercase;
  display: block;
}
.availability .yes {
  color: #548d11;
}
.availability .yes:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: url("../img/pcp-ico-skladem.png") no-repeat center;
}
.availability .no {
  color: #ca1f1b;
}
.availability .no:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: url("../img/pcp-ico-neni-skladem.png") no-repeat center;
}
.availability .no p {
  margin: 0;
  line-height: 1.5rem;
  width: 70px;
}
.availability .out {
  color: #F07100;
}
.availability .out:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: url("../img/pcp-ico-week.png") no-repeat center;
}
.availability .one:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: url("../img/pcp-ico-24.png") no-repeat center;
}
.availability .two:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  background: url("../img/pcp-ico-48.png") no-repeat center;
}
.availability .partly {
  color: #ca1f1b;
}
.availability .partly:before {
  content: "\f00c";
}
.availability .plane {
  color: black;
}
.availability .plane:before {
  content: "\f072";
}
.availability .store {
  float: left;
  margin: 0 5px 0 0;
}
.availability .store u {
  display: none;
}
/* product box */
.prodbox {
  position: relative;
  float: left;
  width: 32%;
  height: 435px;
  padding: 0 2% 0 0;
  margin: 30px 2% 20px 0;
  border-right: 1px solid #d4d6d7;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  /* responsive styles */
}
.prodbox .hdr {
  height: calc(8rem);
  line-height: 2rem;
}
.prodbox h2 {
  float: left;
  clear: left;
  width: 100%;
  overflow: hidden;
  text-align: left;
  height: calc(6rem);
}
.prodbox h2 a {
  font-size: 1.6rem;
  color: #124095;
}
.prodbox .cnt {
  padding: 0;
}
.prodbox .imgprod {
  position: absolute;
  top: 80px;
}
.prodbox .imgprod img {
  max-width: 45px;
}
.prodbox .img {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 5px;
  height: 167px;
}
.prodbox .img a {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
}
.prodbox .img img {
  max-width: 255px;
}
.prodbox .note {
  float: left;
  clear: left;
  width: 100%;
  height: calc(6.3rem);
  line-height: 2.1rem;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 1.3rem;
  color: #000;
}
.prodbox .note a {
  font-weight: bold;
}
.prodbox .price {
  float: right;
  margin: 0 0 10px 0;
}
.prodbox .price .wvat {
  font-size: 2rem;
}
.prodbox .price .wvat span {
  float: right;
}
.prodbox .price .wvat p {
  display: none;
}
.prodbox .price .wovat {
  color: #000;
  font-weight: bold;
  margin: 5px 0 0 0;
}
.prodbox .price .wovat span {
  font-weight: bold;
}
.prodbox .status {
  position: absolute;
  top: 60px;
  right: 20px;
}
.prodbox .status .sts,
.prodbox .status .discount {
  float: right;
  clear: right;
}
.prodbox .status .energy_class {
  margin: 0 10px 0 0;
  float: right;
  clear: right;
}
.prodbox .buttons {
  display: none;
  position: absolute;
  width: 173px;
  right: 0;
  top: 45px;
  background: #000;
  z-index: 2;
  padding: 0 0 3px 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.prodbox .buttons:before {
  content: "";
  display: block;
  width: 42px;
  height: 3px;
  background: #000;
  float: right;
  position: relative;
  top: -3px;
}
.prodbox .buttons .btn {
  width: 100%;
  text-align: left;
}
.prodbox .buttons .btn:before {
  padding: 3px 6px 3px 9px;
  text-align: center;
}
.prodbox .buttons span {
  font-size: 1.2rem;
  font-weight: normal;
  padding: 0 !important;
}
.prodbox .buttons.act {
  display: block;
}
.prodbox .comp,
.prodbox .favour,
.prodbox .watchdog {
  box-shadow: none;
  padding: 5px;
  margin: 0;
  float: right;
  clear: right;
  border-radius: 0;
  background: none;
}
.prodbox .comp:before,
.prodbox .favour:before,
.prodbox .watchdog:before {
  margin: 0;
}
.prodbox .facebook {
  display: none;
}
.prodbox .sirform {
  float: left;
  clear: left;
  display: none;
}
.prodbox .sirform label {
  margin: 8px 0;
  padding-left: 18px;
}
.prodbox .availability {
  float: left;
  margin: 0;
}
.prodbox .availability .store {
  margin: 0 0 0 5px;
}
.prodbox .availability .no {
  margin: -5px 0 5px 0;
}
.prodbox .sticode {
  color: #000;
  font-weight: bold;
  font-size: 1.2rem;
  float: left;
  clear: left;
  margin: 3px 0 0 0;
}
.prodbox .buybox {
  position: relative;
  width: 100%;
  float: right;
}
.prodbox .buybox .btn {
  margin-right: 0;
  padding: 0;
  float: right;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.prodbox .buybox .btn span {
  max-width: 130px;
  padding: 10px 35px;
  display: inline-block;
}
.prodbox .buybox .multibox label {
  margin: 15px 0 0 3px;
  padding-left: 15px;
}
.prodbox .tools {
  float: right;
  min-height: 70px;
  width: 100%;
}
@media screen and (min-width: 1600px) {
  .prodbox:not(.config):nth-child(3n) {
    margin-right: 0;
    border-right: none;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1079px) {
  .prodbox:not(.config):nth-child(3n) {
    margin-right: 0;
    border-right: none;
  }
}
@media screen and (max-width: 1079px) and (min-width: 768px) {
  .prodbox {
    width: 49%;
  }
  .prodbox:not(.config):nth-child(2n) {
    margin-right: 0;
    border-right: none;
    padding: 0;
  }
  .prodbox:not(.config):nth-child(2n).list {
    padding: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .prodbox {
    width: 100%;
    margin: 0%;
    padding: 0;
    border: none;
  }
}
/* end product box */
/* start product box list*/
.prodbox.list {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
  padding: 15px 0 10px 0;
  border: none;
  border-bottom: 1px solid #d4d6d7;
}
.prodbox.list .hdr {
  margin: 0 0 0 195px;
  max-width: 70%;
  height: calc(4rem);
}
.prodbox.list .imgprod {
  top: 15px;
  left: 0;
}
.prodbox.list .img {
  width: 165px;
  margin: -12px 30px 0 0;
  height: auto;
}
.prodbox.list .img img {
  max-width: 165px;
}
.prodbox.list .note {
  width: 60%;
  clear: none;
}
.prodbox.list .tools {
  width: calc(100% - 195px);
  min-height: 0;
}
.prodbox.list .price {
  float: right;
  clear: none;
  width: auto;
  margin: -75px 5px 0 0;
}
.prodbox.list .status {
  top: 5px;
  left: 50px;
  width: 100px;
}
.prodbox.list .status .sts,
.prodbox.list .status .discount {
  float: left;
  clear: right;
}
.prodbox.list .availability {
  float: left;
  clear: right;
  margin: 10px 0;
}
.prodbox.list .availability .no {
  margin: 0;
}
.prodbox.list .availability .store {
  margin: 0 0 0 5px;
}
.prodbox.list .availability .stock p {
  margin: 7px 0 0 0;
  width: auto;
}
.prodbox.list .sticode {
  position: absolute;
  bottom: 25px;
  left: 360px;
}
.prodbox.list .buybox {
  width: 265px;
  float: right;
  clear: right;
}
.prodbox.list .buybox .btn-buy {
  margin: 3px 0;
}
.prodbox.list .comp,
.prodbox.list .favour,
.prodbox.list .facebook {
  float: left;
}
@media screen and (max-width: 980px) {
  .prodbox.list .note {
    width: 50%;
  }
}
/* end product box list*/
/* start products table */
.stitable {
  margin: 0;
}
.stitable th {
  width: 5%;
  white-space: nowrap;
}
.stitable .img img {
  max-width: 40px;
}
.stitable .name {
  max-width: 200px;
  width: 200px;
}
.stitable .name a:hover {
  text-decoration: underline;
}
.stitable .availability {
  float: none;
}
.stitable .ordcount {
  text-align: center !important;
}
.stitable .ordcount .qtybox {
  display: inline-block;
  float: none;
  min-width: 50px;
}
.stitable .ordcount .qtybox.icon input {
  float: left;
  min-width: 50px;
  padding: 5px 0;
  font-size: 1.4rem;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.stitable .ordcount input {
  float: none;
  max-width: 30px;
  margin: 0;
  text-align: center;
}
.stitable .wvat .btn-delete {
  display: none;
  background: none;
  border: none;
  box-shadow: none;
  min-width: auto;
  margin: 0;
  margin: -5px 0 0 5px;
  padding: 0;
  float: right;
}
.stitable .wvat .btn-delete:before {
  font-size: 1.6em;
  margin: 0;
}
.stitable p {
  margin: 0;
  clear: left;
}
.stitable span {
  float: none;
}
.stitable .buybox {
  position: relative;
  float: right;
}
.stitable .buybox .btn-buy u {
  display: block;
}
.stitable .comp,
.stitable .favour,
.stitable .facebook {
  background: none;
  border: none;
  color: #124095;
  box-shadow: none;
  text-align: left;
  float: left;
  clear: left;
  width: 100%;
  margin: 5px 0;
  padding: 0;
}
.stitable .comp:hover,
.stitable .favour:hover,
.stitable .facebook:hover {
  background: none;
}
.stitable .buttons {
  display: none;
  -webkit-box-shadow: 0 0 2px 2px silver;
  -moz-box-shadow: 0 0 2px 2px silver;
  box-shadow: 0 0 2px 2px silver;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  background: #eff3f5;
  padding: 5px;
  z-index: 2;
  right: 5px;
  top: 32px;
}
.stitable .buttons.act {
  display: block;
}
/* end products table */
/* start fav and status products */
.srchfavour .hdr p,
.srchsts .hdr p,
.srchfltxt .hdr p,
.stoitems .hdr p {
  color: #124095;
  font-size: 2.7rem;
  padding: 0;
  line-height: 30px;
  margin: 0 0 17px 0;
}
.srchfavour .hdr span,
.srchsts .hdr span,
.srchfltxt .hdr span,
.stoitems .hdr span {
  font-size: 1.4rem;
  display: block;
  clear: left;
}
.srchfavour .cnt .prodbox,
.srchsts .cnt .prodbox,
.srchfltxt .cnt .prodbox,
.stoitems .cnt .prodbox {
  width: 23.5%;
  padding: 0 2% 0 0;
  margin: 30px 2% 20px 0;
  border-right: 1px solid #d4d6d7;
  /* responsive styles */
}
.srchfavour .cnt .prodbox.list,
.srchsts .cnt .prodbox.list,
.srchfltxt .cnt .prodbox.list,
.stoitems .cnt .prodbox.list {
  width: 100%;
  border-right: none;
  padding: 15px 0;
  margin: 0;
}
@media screen and (min-width: 1600px) {
  .srchfavour .cnt .prodbox:not(.config):nth-child(4n),
  .srchsts .cnt .prodbox:not(.config):nth-child(4n),
  .srchfltxt .cnt .prodbox:not(.config):nth-child(4n),
  .stoitems .cnt .prodbox:not(.config):nth-child(4n) {
    margin-right: 0;
    border: none;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .srchfavour .cnt .prodbox:not(.config):nth-child(4n),
  .srchsts .cnt .prodbox:not(.config):nth-child(4n),
  .srchfltxt .cnt .prodbox:not(.config):nth-child(4n),
  .stoitems .cnt .prodbox:not(.config):nth-child(4n) {
    margin-right: 0;
    border: none;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .srchfavour .cnt .prodbox,
  .srchsts .cnt .prodbox,
  .srchfltxt .cnt .prodbox,
  .stoitems .cnt .prodbox {
    width: 49%;
  }
  .srchfavour .cnt .prodbox:not(.config):nth-child(2n),
  .srchsts .cnt .prodbox:not(.config):nth-child(2n),
  .srchfltxt .cnt .prodbox:not(.config):nth-child(2n),
  .stoitems .cnt .prodbox:not(.config):nth-child(2n) {
    margin-right: 0;
    border-right: none;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .srchfavour .cnt .prodbox,
  .srchsts .cnt .prodbox,
  .srchfltxt .cnt .prodbox,
  .stoitems .cnt .prodbox {
    width: 100%;
    margin: 0%;
    padding: 0;
    border: none;
  }
}
/* end fav and status products */
/* start status, case */
.status,
.case {
  position: relative;
  z-index: 1;
  opacity: 1;
}
.status .sts,
.case .sts,
.status .bundle,
.case .bundle,
.status .hook,
.case .hook,
.status .discount,
.case .discount {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  display: table;
  opacity: 0.9;
  margin: 3px 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.status .sts p,
.case .sts p,
.status .bundle p,
.case .bundle p,
.status .hook p,
.case .hook p,
.status .discount p,
.case .discount p {
  padding: 4px 15px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
}
.status .sts,
.case .sts {
  cursor: pointer;
}
.status .sts.sts1,
.case .sts.sts1 {
  background: #FF202D;
}
.status .sts.sts2,
.case .sts.sts2 {
  background: #FE9B01;
}
.status .sts.sts3,
.case .sts.sts3 {
  background: #FF008A;
}
.status .sts.stst10,
.case .sts.stst10 {
  background: #2857A1;
}
.status .sts.sts11,
.case .sts.sts11 {
  background: #848484;
}
.status .discount,
.case .discount {
  background: rgba(255, 165, 0, 0.9);
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -webkit-border-top-left-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomright: 50px;
  -moz-border-radius-bottomleft: 50px;
  -moz-border-radius-topleft: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 1.5rem;
  font-weight: bold;
  width: 58px;
  height: 58px;
}
.status .discount p,
.case .discount p {
  padding: 18px 10px;
}
.status .short p,
.case .short p {
  padding: 5px;
}
.status .bundle,
.case .bundle,
.status .hook,
.case .hook {
  display: table;
}
/* end status, case */
/* start popup for hook */
.popup_listbox_cont:hover > .popup_listbox {
  display: block;
}
.popup_listbox {
  display: none;
  position: absolute;
  background: #FFFFFF;
  padding: 10px;
  z-index: 9;
  min-width: 350px;
}
/* end popup for hook */
/* start energy class */
.energy_class {
  position: relative;
  display: table;
  margin: 0;
}
.energy_class p {
  color: white;
  padding: 2px 5px;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 24px;
}
.energy_class p:after {
  content: "";
  display: block;
  float: right;
  border-top: solid 13px transparent;
  border-bottom: solid 13px transparent;
  border-left: solid 10px red;
  margin-right: -10px;
  position: absolute;
  right: 0;
  top: 0;
}
.energy_class .c1 {
  background-color: #00a651;
}
.energy_class .c1:after {
  border-left: solid 10px #00a651;
}
.energy_class .c2 {
  background-color: #50b848;
}
.energy_class .c2:after {
  border-left: solid 10px #50b848;
}
.energy_class .c3 {
  background-color: #bfd730;
}
.energy_class .c3:after {
  border-left: solid 10px #bfd730;
}
.energy_class .c4 {
  background-color: #fff200;
}
.energy_class .c4:after {
  border-left: solid 10px #fff200;
}
.energy_class .c5 {
  background-color: #fdb913;
}
.energy_class .c5:after {
  border-left: solid 10px #fdb913;
}
.energy_class .c6 {
  background-color: #f37021;
}
.energy_class .c6:after {
  border-left: solid 10px #f37021;
}
.energy_class .c7 {
  background-color: #ed1c24;
}
.energy_class .c7:after {
  border-left: solid 10px #ed1c24;
}
/* end energy class */
/* webnews */
.webnews .boxcont.b2b {
  text-align: center;
  margin: 10px 0;
}
.webnews .boxcont.b2b p {
  font-size: 1.4rem;
  max-width: 620px;
  line-height: 2.4rem;
  margin: 5px auto;
}
.webnews .boxcont.b2b h2 {
  font-size: 2.7rem;
}
.webnews .boxcont.b2b .text-1 {
  font-size: 1.6rem;
  font-weight: bold;
}
.webnews .boxcont.b2b .flex-section-1 {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.webnews .boxcont.b2b .flex-section-1 .owl-item {
  display: flex;
  justify-content: center;
}
.webnews .boxcont.b2b .flex-section-1 .box {
  width: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.webnews .boxcont.b2b .flex-section-1 .box .img {
  width: 76px;
  height: 76px;
}
.webnews .boxcont.b2b .flex-section-1 .box .txt {
  margin: 10px 0 0 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.webnews .boxcont.b2b .flex-section-2 {
  margin: 10px 0 25px 0;
  display: flex;
  justify-content: center;
}
.webnews .boxcont.b2b .flex-section-2 .btn {
  padding: 10px 30px;
}
.webnews-topbar-out {
  float: left;
  clear: left;
  width: 100%;
}
.webnews-topbar {
  background: #FAA323;
  padding: 20px 15px;
  display: flex;
}
.webnews-topbar .text {
  font-size: 2.2rem;
  font-weight: bold;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.webnews-topbar .text p {
  align-self: center;
  text-align: center;
}
.webnews-topbar .close {
  flex: 0 1 auto;
  padding: 5px;
  cursor: pointer;
}
.webnews-topbar .close:before {
  content: url(../img/pcp-ico-cross-blue.png);
}
.webnews-topbar .close:hover {
  opacity: 0.8;
}
.carousel > .hdr {
  border: none !important;
}
.carousel > .cnt {
  border: 1px solid #d4d6d7;
}
.carousel .owl-dots {
  display: none;
}
.carousel .owl-item {
  float: left;
}
.carousel .owl-next {
  display: block;
  width: 25px;
  padding: 5px 0px;
  background: rgba(18, 64, 149, 0.8);
}
.carousel .owl-next:hover {
  background: rgba(18, 64, 149, 0.9);
}
.carousel .owl-prev {
  display: block;
  width: 25px;
  padding: 5px 0px;
  background: rgba(18, 64, 149, 0.8);
}
.carousel .owl-prev:hover {
  background: rgba(18, 64, 149, 0.9);
}
.carousel .prodbox {
  width: 100%;
  border: none;
  border-right: 1px solid #fcfcfc;
  background: none;
  margin: 0;
  padding: 5px 20px;
}
.carousel .prodbox:hover {
  -webkit-box-shadow: 0 0 0 0 white;
  -moz-box-shadow: 0 0 0 0 white;
  box-shadow: 0 0 0 0 white;
}
.carousel .prodbox .note {
  display: none;
}
.carousel .prodbox .buttons {
  display: none !important;
}
.carousel .prodbox .availability {
  display: none;
}
.carousel .prodbox .buybox {
  display: none;
}
.carousel .prodbox .price {
  margin: 0;
}
.carousel .prodbox .status .sts,
.carousel .prodbox .status .energy_class,
.carousel .prodbox .status .discount {
  display: none;
}
.tabs {
  background: none;
  border: none;
  padding: 0;
}
.tabs .ui-tabs-panel > .hdr {
  display: none;
}
.tabs ul.ui-tabs-nav {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  margin-bottom: 1px;
}
.tabs ul.ui-tabs-nav li {
  margin: 0 5px 1px 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  border-bottom: none;
  position: relative;
  top: 2px;
  outline: none;
  width: 200px;
}
.tabs ul.ui-tabs-nav li a,
.tabs ul.ui-tabs-nav li .text-all {
  color: #124095;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}
.tabs ul.ui-tabs-nav li .text-all {
  display: none;
}
.tabs ul.ui-tabs-nav .ui-state-active {
  margin: 0 5px 0 0;
  padding: 0 0 1px 0;
  background: #124095;
  border: 1px solid #124095;
  cursor: pointer;
}
.tabs ul.ui-tabs-nav .ui-state-active a {
  color: #FFFFFF;
}
.tabs ul.ui-tabs-nav .ui-state-active .text-all {
  color: #fff;
  padding: 11px 10px 10px 10px !important;
}
.tabs ul.ui-tabs-nav .ui-state-active:hover a {
  display: none;
}
.tabs ul.ui-tabs-nav .ui-state-active:hover .text-all {
  display: block;
}
.tabs .ui-tabs-anchor {
  outline: none;
  padding: 11px 10px 10px 10px !important;
}
.tabs .ui-tabs-panel {
  padding: 0;
  float: left;
  display: block;
  width: 100%;
  border-top: 2px solid #124095;
}
.tabs .prodbox {
  width: 23.5%;
  padding: 0 2% 0 0;
  margin: 30px 2% 20px 0;
}
@media screen and (min-width: 1079px) {
  .tabs .prodbox:not(.config):nth-child(4n) {
    margin-right: 0 !important;
    border-right: none !important;
  }
}
@media screen and (min-width: 1079px) {
  .tabs .prodbox:not(.config):nth-child(3n) {
    margin: 30px 2% 20px 0;
    border-right: 1px solid #d4d6d7;
  }
}
.images ul,
.images li,
.images a {
  float: left;
  clear: left;
  width: 100%;
}
.images ul img,
.images li img,
.images a img {
  width: 100%;
  height: auto;
}
.images li {
  margin: 0 0 10px 0;
}
.images li:last-child {
  margin: 0;
}
.news ul,
.news li {
  float: left;
  clear: left;
  width: 100%;
}
.news li {
  border-bottom: 1px solid #d4d6d7;
}
.news li .hdr {
  padding: 5px 0;
  border-bottom: 1px solid #d4d6d7 !important;
}
.news li .hdr a {
  font-size: 1.6rem;
}
.news li .hdr .date,
.news li .hdr .top,
.news li .hdr .dealer {
  float: right;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1px 0;
}
.news li .hdr .top {
  color: white;
  background: red;
  padding: 2px 5px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.news li .img {
  float: left;
  margin-right: 5px;
}
.news .detwn {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 5px;
  font-weight: bold;
}
.news .detwn .moredet {
  margin-right: 5px;
}
.news .detwn .url {
  float: right;
}
.list ul {
  float: left;
  clear: left;
  width: 100%;
  list-style-type: decimal;
  list-style-position: inside;
}
.list ul li {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #d4d6d7;
}
.list ul li:last-child {
  border: none;
}
.list ul a {
  float: none;
}
.list ul a:hover {
  text-decoration: underline;
}
.banner {
  overflow: hidden;
  margin: 0 !important;
}
.banner.top {
  width: 66% !important;
}
.banner.logos {
  padding: 20px 0;
  border-top: 1px solid #d4d6d7;
  border-bottom: 1px solid #d4d6d7;
  margin: 0 0 10px 0 !important;
}
.banner.logos .owl-carousel {
  width: 90%;
  margin: 0 auto;
  float: none;
}
.banner.logos .owl-item {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.banner.logos .owl-item img {
  max-height: 75px;
  width: auto;
  margin: 0 auto;
}
.banner.logos .owl-dots {
  display: none;
}
.banner.logos .owl-next {
  right: -5%;
}
.banner.logos .owl-next:before {
  content: url(../img/pcp-ico-arrow-right-grey.png);
}
.banner.logos .owl-prev {
  left: -5%;
}
.banner.logos .owl-prev:before {
  content: url(../img/pcp-ico-arrow-left-grey.png);
}
.banner .owl-carousel {
  width: calc(100% + 10px);
}
@media screen and (max-width: 1270px) {
  .banner .owl-carousel {
    width: 100%;
  }
}
.banner .owl-item {
  float: left;
}
.banner .owl-item li,
.banner .owl-item a,
.banner .owl-item img {
  display: block;
  width: 100%;
  height: auto;
}
.banner .owl-item img {
  padding-right: 10px;
}
@media screen and (max-width: 1270px) {
  .banner .owl-item img {
    padding-right: 0;
  }
}
.banner .owl-item .owl-next {
  right: 10px;
}
.banner .owl-next {
  right: 9px;
}
@media screen and (max-width: 1270px) {
  .banner .owl-next {
    right: 0;
  }
}
.bannerbottom ul li {
  margin: 0 2% 2% 0;
  width: 49%;
}
.bannerbottom ul li:nth-child(even) {
  margin: 0 0 2% 0;
}
.bannerbottom ul li img {
  width: 100%;
  height: auto;
}
.newsletter {
  width: auto !important;
  margin: 0 !important;
  float: right;
}
.newsletter .msg {
  padding: 0 5px !important;
  background: none !important;
  position: absolute;
  bottom: 0px;
  background: none;
  color: #cc2b27;
}
.newslettertop {
  float: left;
  border: 1px solid #d4d6d7;
  border-top: none;
  background: #eff3f5;
  padding: 15px 25px;
  position: relative;
}
.newslettertop input {
  width: 300px;
  margin: 0;
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.newslettertop .btn {
  margin: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.newslettertop p {
  font-size: 1.5rem;
  float: left;
  padding: 16px 0 0 40px;
  background: url("../img/pcp-ico-mail-blue-o.png") no-repeat left bottom;
}
.newslettertop form {
  padding: 0;
  float: right;
}
.newslettertop div {
  display: inline;
}
.newslettertop .g-recaptcha {
  transform: scale(1) !important;
}
.why {
  float: right;
  width: 33% !important;
  margin: 0 0 30px 1% !important;
  border: 1px solid #d4d6d7;
  background: #eff3f5;
  padding: 38px 40px;
}
.why .hdr {
  padding: 0 0 10px 0;
}
.why .hdr h2 {
  font-size: 2.7rem;
  text-align: center;
}
.why .cnt {
  padding: 0;
}
.why .cnt ul li {
  padding: 10px 0 10px 70px;
  font-size: 1.6rem;
  margin: 10px 0 0 0;
  height: 65px;
}
.why .cnt ul li span {
  font-weight: bold;
}
.why .cnt ul li.support {
  background: url("../img/pcp-ico-headphones-2.png") no-repeat;
  background-position: left center;
}
.why .cnt ul li.warehouse {
  background: url("../img/pcp-ico-warehouse.png") no-repeat;
  background-position: left center;
  padding: 22px 0 10px 70px;
}
.why .cnt ul li.pickup {
  background: url("../img/pcp-ico-pickup.png") no-repeat;
  background-position: left center;
  padding: 22px 0 10px 70px;
}
.why .cnt ul li.delivery {
  background: url("../img/pcp-ico-delivery.png") no-repeat;
  background-position: left center;
}
/* end webnews */
#alertcontainer {
  position: fixed;
  width: 50%;
  top: 0;
  left: 25%;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px 30px;
  z-index: 99;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#alertcontainer p {
  float: left;
  font-size: 1.5rem;
}
#alertcontainer .btn-close {
  float: right;
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  font-size: 1.4em;
}
#alertcontainer .btn-close:before {
  margin: 0;
}
@keyframes slideDownAlert {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.alert-success {
  background: rgba(80, 170, 70, 0.9);
  border: 1px solid #50aa46;
  border-top: none;
  animation: slideDownAlert 1s;
}
.alert-info {
  background: rgba(49, 176, 213, 0.9);
  border: 1px solid #31b0d5;
  border-top: none;
  animation: slideDownAlert 1s;
}
.alert-warning {
  background: rgba(255, 204, 0, 0.9);
  border: 1px solid #ffcc00;
  border-top: none;
  animation: slideDownAlert 1s;
}
.alert-danger {
  background: rgba(250, 0, 0, 0.9);
  border: 1px solid #fa0000;
  border-top: none;
  animation: slideDownAlert 1s;
}
.prodlist {
  float: right;
  margin-left: 10px;
  position: relative;
  padding: 16px 0;
  transition: padding 0.2s ease-out;
}
.prodlist .hdr {
  position: relative;
}
.prodlist .hdr .btn {
  min-width: 0;
  margin: 0;
}
.prodlist .hdr .btn:before {
  display: inline-block;
  font: normal normal normal 2.2rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin: 0;
}
.prodlist .cnt {
  display: none;
  background: #eff3f5;
  position: absolute;
  right: 5px;
  top: 8px;
  width: 250px;
  padding: 10px !important;
  border: 1px solid #d4d6d7;
  margin: 33px 0 0 0;
  z-index: 9;
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.prodlist .cnt .name a:hover {
  text-decoration: underline;
}
.prodlist .cnt .remove {
  float: right;
  margin-top: 4px;
}
.prodlist .cnt .remove .btn-remove {
  padding: 3px 5px;
  line-height: 1.5rem;
}
.prodlist:hover .cnt {
  display: block;
}
.prodlist .count {
  background: rgba(255, 0, 0, 0.9);
  color: white;
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: block;
  text-align: center;
  float: right;
  -webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  -webkit-border-top-left-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  -moz-border-radius-bottomleft: 100px;
  -moz-border-radius-topleft: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 1px;
  font-size: 1.3rem;
  font-weight: bold;
  position: absolute;
  right: -5px;
  top: -5px;
}
.prodlist li {
  border-bottom: 1px solid #d4d6d7;
}
.prodlist li:last-child {
  border: none;
}
.prodlist ul,
.prodlist li {
  float: left;
  clear: left;
  width: 100%;
}
.prodlist ul img,
.prodlist li img {
  max-width: 35px;
}
.prodlist ul .name,
.prodlist li .name {
  float: left;
  line-height: 1em;
  height: 2.1em;
  overflow: hidden;
  width: 65%;
  margin: 5px;
}
.prodlist ul .name a,
.prodlist li .name a {
  width: 100%;
  height: 2em;
}
.prodlist ul .remove,
.prodlist li .remove {
  float: left;
}
.arr {
  float: left;
  width: 20px;
  cursor: pointer;
  margin: 0 5px;
}
.arr-next:after {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 3em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  opacity: 0.6;
}
.arr-next:hover:after {
  opacity: 1;
}
.arr-prev:after {
  content: "\f104";
  display: inline-block;
  font: normal normal normal 3em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  opacity: 0.6;
}
.arr-prev:hover:after {
  opacity: 1;
}
.loading {
  position: absolute;
  z-index: 999;
}
.loading .canvasloader {
  position: absolute;
  background: rgba(50, 50, 50, 0.8);
  left: calc(50% - 15em);
  top: 4em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-topleft: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 2em 4em;
  width: 30em;
}
.loading .canvasloader p {
  float: right;
  font-size: 1.4em;
  font-weight: bold;
  padding: 1em 0;
  color: white;
}
.loading .canvasloader #canvasLoader {
  float: left;
}
.info {
  float: left;
  position: relative;
}
.info:before {
  display: inline-block;
  font: normal normal normal 1.5rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f05a";
  padding: 5px;
}
.info:hover span {
  display: block;
}
.info span {
  display: none;
  position: absolute;
  border: 1px solid #d4d6d7;
  background: #eff3f5;
  padding: 10px;
  min-width: 200px;
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
  -webkit-border-bottom-left-radius: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  -moz-border-radius-topleft: 0.5em;
  border-top-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
}
.popupcont {
  display: none;
  position: fixed;
  z-index: 15;
  padding: 10px;
  background: #FFF;
  min-width: calc(25vw);
}
.popupcont .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 20px;
  background: none;
  border: none;
  color: #124095;
  font-size: 1.8em;
  min-width: auto;
  box-shadow: none;
}
.popupcont .btn-close:hover {
  background: none;
}
.popupcont .btn-close:before {
  display: inline-block;
  font: normal normal normal 2rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin: 0;
}
@media screen and (max-width: 980px) {
  .popupcont {
    min-width: calc(50vw);
  }
}
.popupcont .boxcont {
  float: left;
  clear: left;
  width: 100%;
  margin: 0;
}
.popupcont .boxcont .hdr p {
  padding: 0;
  font-size: 1.4rem;
}
.popupcont .boxcont .cnt {
  padding: 10px 0;
}
.popupcont .boxcont .cnt .stiplname {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.popupcont .boxcont .cnt .tabinfo {
  margin: 0;
}
.popupcont .boxcont .cnt .img {
  float: left;
}
.popupcont .boxcont .cnt .img img {
  width: 75px;
  height: 75px;
}
.popupcont .boxcont .cnt .price {
  float: right;
  clear: right;
  padding-bottom: 5px;
}
.popupcont .boxcont .ftr .btn {
  padding: 10px 15px;
}
.popupcont .boxcont .ftr .btn-next {
  float: right;
}
.nothingtocomp .hdr p {
  font-size: 2rem !important;
  padding: 5px 40px 5px 0 !important;
  color: #ca1f1b;
}
.basketadd .hdr p {
  font-size: 2rem !important;
  padding: 5px 0 !important;
  color: #124095;
}
.basketadd .cnt {
  display: none;
}
.basketadd .btn-big {
  float: right;
  margin-right: 0;
}
.ordersteps {
  border: none;
  position: relative;
}
.ordersteps table {
  margin: 0 auto;
}
.ordersteps table:before {
  content: "";
  position: absolute;
  top: 50px;
  width: calc(100% - 180px);
  left: 0;
  background-image: linear-gradient(to right, #9fa0a1 30%, rgba(255, 255, 255, 0) 0%);
  background-size: 5px 2px;
  background-repeat: repeat-x;
  height: 2px;
  z-index: 1;
  margin: 0 90px;
}
.ordersteps table .step {
  padding: 10px 0 25px 0;
  width: 10%;
  background: none;
  font-size: 1.6rem;
}
.ordersteps table .step.act .name {
  font-weight: bold;
  color: #000000;
  font-size: 1.6rem;
}
.ordersteps table .step.act.step_1 .num:after {
  background: #FFF url("../img/pcp-ico-basket-step-1-active.png") no-repeat center / 100%;
}
.ordersteps table .step.act.step_2 .num:after {
  background: #FFF url("../img/pcp-ico-basket-step-3-active.png") no-repeat center / 80%;
}
.ordersteps table .step.act.step_3 .num:after {
  background: #FFF url("../img/pcp-ico-basket-step-2-active.png") no-repeat center / 80%;
}
.ordersteps table .step.act.step_4 .num:after {
  background: #FFF url("../img/pcp-ico-basket-step-4-active.png") no-repeat center / 80%;
}
.ordersteps table .step.act.step_5 .num:after {
  background: #FFF url("../img/pcp-ico-basket-step-5-active.png") no-repeat center / 100%;
}
.ordersteps table .step .num,
.ordersteps table .step .name {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 1.6rem;
}
.ordersteps table .step .nameres {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 1.6rem;
  display: none;
}
.ordersteps table .step .num span {
  display: none;
}
.ordersteps table .step .num:before {
  display: inline-block;
  font: normal normal normal 5rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: silver;
}
.ordersteps table .step_1 {
  width: 5%;
}
.ordersteps table .step_1 p:after,
.ordersteps table .step_1 a:after {
  z-index: 2;
  position: relative;
}
.ordersteps table .step_2 {
  width: 30%;
  position: relative;
}
.ordersteps table .step_2 p,
.ordersteps table .step_2 a {
  padding: 0 0 0 30%;
}
.ordersteps table .step_2 p:after,
.ordersteps table .step_2 a:after {
  z-index: 2;
  padding: 0 8px;
  background: #FFF;
  position: relative;
  padding: 0 10px;
  height: 80px;
  width: 75px;
  display: inline-block;
}
.ordersteps table .step_3 {
  width: 30%;
  position: relative;
}
.ordersteps table .step_3 p,
.ordersteps table .step_3 a {
  padding: 0 0 0 0;
}
.ordersteps table .step_3 p:after,
.ordersteps table .step_3 a:after {
  z-index: 2;
  padding: 0 8px;
  background: #FFF;
  position: relative;
  padding: 0 10px;
  height: 80px;
  width: 75px;
  display: inline-block;
}
.ordersteps table .step_4 {
  width: 30%;
  position: relative;
}
.ordersteps table .step_4 p,
.ordersteps table .step_4 a {
  padding: 0 30% 0 0;
}
.ordersteps table .step_4 p:after,
.ordersteps table .step_4 a:after {
  z-index: 2;
  padding: 0 8px;
  background: #FFF;
  position: relative;
  padding: 0 10px;
  height: 80px;
  width: 75px;
  display: inline-block;
}
.ordersteps table .step_5 {
  width: 5%;
}
.ordersteps table .step_5 p:after,
.ordersteps table .step_5 a:after {
  z-index: 2;
  position: relative;
}
.ordersteps table .step_1 .num:after {
  content: "";
  display: block;
  width: 75px;
  height: 85px;
  background: #FFF url("../img/pcp-ico-basket-step-1.png") no-repeat center / 100%;
}
.ordersteps table .step_2 .num:after {
  content: "";
  background: #FFF url("../img/pcp-ico-basket-step-3.png") no-repeat center / 80%;
}
.ordersteps table .step_3 .num:after {
  content: "";
  background: #FFF url("../img/pcp-ico-basket-step-2.png") no-repeat center / 80%;
}
.ordersteps table .step_4 .num:after {
  content: "";
  background: #FFF url("../img/pcp-ico-basket-step-4.png") no-repeat center / 80%;
}
.ordersteps table .step_5 .num:after {
  content: "";
  display: block;
  width: 75px;
  height: 85px;
  background: #FFF url("../img/pcp-ico-basket-step-5.png") no-repeat center / 100%;
}
.rowbox {
  float: left;
  clear: left;
  font-size: 1.4rem;
}
.rowbox.review {
  display: none;
}
.rowbox .label {
  float: left;
  min-width: 150px;
  text-align: right;
  padding: 5px 5px 5px 0;
  font-weight: bold;
}
.rowbox .label:not(:empty):after {
  content: ":";
}
.rowbox .text {
  float: left;
  padding: 5px 0;
}
.rowbox .text > * {
  margin-right: 5px;
  display: inline-block;
}
.rowbox .text table {
  margin: 0;
}
.rowbox .inputs {
  float: left;
}
.rowbox select,
.rowbox input,
.rowbox textarea {
  min-width: 180px;
}
.rowbox.store {
  float: left;
}
.captcha img {
  float: left;
  border: 1px solid #d4d6d7;
  margin: 3px 5px 3px 0;
}
.captcha .btn-refresh {
  min-width: auto;
  padding: 5px;
}
.captcha .btn-refresh:before {
  margin: 1px 0 1px 4px;
}
/* ledend */
.legend {
  border-top: 2px solid #d4d6d7;
}
.legend .hdr {
  margin: 10px 0;
}
.legend .hdr p {
  background: none;
  color: #124095;
  font-size: 1.6rem;
}
.legend span {
  padding: 2px;
  margin: 10px 0;
  float: left;
  font-size: 1.4rem;
  font-weight: normal;
}
.legend span:first-letter {
  text-transform: uppercase;
}
.legend span:before {
  padding-right: 5px;
}
.legend ul {
  float: left;
  margin: 5px 0px;
}
.legend ul.text {
  width: 100%;
}
.legend ul.text li {
  padding: 0;
}
.legend ul li {
  padding-left: 10px;
  float: left;
}
.legend ul li.title {
  padding-left: 0;
  padding-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.legend ul li:first-child {
  padding-left: 0;
}
.legend p {
  float: left;
  padding: 10px 14px;
  margin: 1px 5px 1px 0;
  font-weight: bold;
  background: #b0b0b0;
  color: #FFF;
}
.legend .status .sts,
.legend .status .bundle,
.legend .status .hook {
  float: left;
  margin: 3px 5px 3px 0;
}
.legend .status p {
  margin: 0;
}
.legend .availability span {
  margin: 0 0 0 10px;
  float: right;
}
.legend .availability p {
  float: left;
  clear: left;
  width: auto;
  font-weight: normal;
}
.legend .availability p:before {
  width: 20px;
}
.legend .popup_listbox {
  display: none !important;
}
.ord_open {
  color: #000 !important;
}
.ord_open a {
  color: #008000 !important;
}
.ord_open p {
  background-color: #000 !important;
  padding: 4px 11px;
}
.ord_open span {
  margin: 2px 0;
}
.ord_offer {
  color: #C58B51 !important;
}
.ord_stc {
  color: #548d11 !important;
}
.ord_nostc {
  color: #ca1f1b !important;
}
.ord_stcb {
  color: #dd8d24 !important;
}
.ord_stc_exp {
  color: #D29393 !important;
}
.ord_stc_exp a {
  color: #D29393 !important;
}
.ord_stc_exp p {
  background-color: #D29393 !important;
  padding: 4px 11px;
}
.ord_stc_exp span {
  margin: 2px 0;
}
.ord_stcb_exp {
  color: #D2924C !important;
}
.ord_stcb_exp a {
  color: #D2924C !important;
}
.ord_stcb_exp p {
  background-color: #D2924C !important;
  padding: 4px 11px;
}
.ord_stcb_exp span {
  margin: 2px 0;
}
.ord_not_sent_exp {
  color: #ABAB76 !important;
}
.ord_not_sent_exp a {
  color: #ABAB76 !important;
}
.ord_not_sent_exp p {
  background-color: #ABAB76 !important;
  padding: 4px 11px;
}
.ord_not_sent_exp span {
  margin: 2px 0;
}
.ord_cli {
  color: red;
}
.ord_check:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f00c";
  color: green;
}
.ord_not_check:before {
  display: inline-block;
  font: normal normal normal 1.7rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f00d";
  color: red;
}
.inv_open {
  color: #9C9C49 !important;
}
.inv_open a {
  color: #9C9C49 !important;
}
.inv_open p {
  background-color: #9C9C49 !important;
  padding: 4px 11px;
}
.inv_open span {
  margin: 2px 0;
}
.inv_due {
  font-weight: bold;
  color: #f06a6a !important;
}
.inv_due a {
  color: #f06a6a !important;
}
.inv_due p {
  background-color: #f06a6a !important;
  padding: 4px 11px;
}
.inv_due span {
  margin: 2px 0;
}
.inv_due2 {
  font-weight: bold;
  color: #cb0000 !important;
}
.inv_due2 a {
  color: #cb0000 !important;
}
.inv_due2 p {
  background-color: #cb0000 !important;
  padding: 4px 11px;
}
.inv_due2 span {
  margin: 2px 0;
}
.inv_red {
  font-weight: bold;
  color: #f06a6a !important;
}
.inv_red a {
  color: #f06a6a !important;
}
.inv_red p {
  background-color: #f06a6a !important;
  padding: 4px 11px;
}
.inv_red span {
  margin: 2px 0;
}
.cont_firm {
  color: blue !important;
}
.cont_int {
  color: red !important;
}
.cont_imp {
  color: green !important;
}
.del_canc {
  color: #CD5C5C !important;
}
.rec_web {
  color: #c57f7f !important;
}
.rec_web a {
  color: #c57f7f !important;
}
.rec_web p {
  background-color: #c57f7f !important;
  padding: 4px 11px;
}
.rec_web span {
  margin: 2px 0;
}
.rec_web_check:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f00c";
}
.rec_web_nocheck {
  width: 1.4em;
  float: left;
  display: block;
}
.rec_rej {
  color: #828282 !important;
}
.rec_rej a {
  color: #828282 !important;
}
.rec_rej p {
  background-color: #828282 !important;
  padding: 4px 11px;
}
.rec_rej span {
  margin: 2px 0;
}
.rec_send {
  color: #a4a4da !important;
}
.rec_send a {
  color: #a4a4da !important;
}
.rec_send p {
  background-color: #a4a4da !important;
  padding: 4px 11px;
}
.rec_send span {
  margin: 2px 0;
}
.rec_solv {
  color: #6a9a36 !important;
}
.rec_solv a {
  color: #6a9a36 !important;
}
.rec_solv p {
  background-color: #6a9a36 !important;
  padding: 4px 11px;
}
.rec_solv span {
  margin: 2px 0;
}
.rec_dis {
  color: #ca1f1b !important;
}
.rec_dis a {
  color: #ca1f1b !important;
}
.rec_dis p {
  background-color: #ca1f1b !important;
  padding: 4px 11px;
}
.rec_dis span {
  margin: 2px 0;
}
.rec_canc {
  color: #dd8d24 !important;
}
.rec_canc a {
  color: #dd8d24 !important;
}
.rec_canc p {
  background-color: #dd8d24 !important;
  padding: 4px 11px;
}
.rec_canc span {
  margin: 2px 0;
}
.rec_ext {
  color: #4f0c9c !important;
}
.rec_ext a {
  color: #4f0c9c !important;
}
.rec_ext p {
  background-color: #4f0c9c !important;
  padding: 4px 11px;
}
.rec_ext span {
  margin: 2px 0;
}
.rec_cus {
  color: #FFFFC0 !important;
}
.rec_cus a {
  color: #FFFFC0 !important;
}
.rec_cus p {
  background-color: #FFFFC0 !important;
  padding: 4px 11px;
}
.rec_cus span {
  margin: 2px 0;
}
.prmclosed {
  background-color: #007E80 !important;
  color: #fff;
}
.prmclosed a {
  color: #fff;
}
.prmpending {
  background-color: #8B4513 !important;
  color: #fff;
}
.prmpending a {
  color: #fff;
}
.closedpromo {
  font-weight: bold;
  color: #007E80 !important;
}
.closedpromo a {
  color: #007E80 !important;
}
.closedpromo p {
  background-color: #007E80 !important;
  padding: 4px 11px;
}
.closedpromo span {
  margin: 2px 0;
}
.noactivepromo {
  font-weight: bold;
  color: #8B4513 !important;
}
.noactivepromo a {
  color: #8B4513 !important;
}
.noactivepromo p {
  background-color: #8B4513 !important;
  padding: 4px 11px;
}
.noactivepromo span {
  margin: 2px 0;
}
.redpromo {
  color: red;
}
.greenpromo {
  color: green;
  font-weight: bold;
}
.ser_datecus {
  color: #c57f7f !important;
}
.ser_datecus a {
  color: #c57f7f !important;
}
.ser_datecus p {
  background-color: #c57f7f !important;
  padding: 4px 11px;
}
.ser_datecus span {
  margin: 2px 0;
}
.ser_datecuszero {
  color: #828282 !important;
}
.ser_datecuszero a {
  color: #828282 !important;
}
.ser_datecuszero p {
  background-color: #828282 !important;
  padding: 4px 11px;
}
.ser_datecuszero span {
  margin: 2px 0;
}
.ser_dates {
  background-color: #FFF !important;
}
.cont_log {
  color: #6a9a36 !important;
}
.cont_log a {
  color: #6a9a36 !important;
}
.cont_log p {
  background-color: #6a9a36 !important;
  padding: 4px 11px;
}
.cont_log span {
  margin: 2px 0;
}
.cont_firm {
  color: blue;
}
.cont {
  color: black;
}
.cont_int {
  color: red;
}
.cont_imp {
  color: green;
}
.com_provider {
  color: blue;
}
.crm_close {
  background: silver;
}
.listpage {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
}
.listpage.btm {
  border: none;
  margin: 0;
  padding: 0;
}
.listpage.docs {
  float: right;
  clear: none;
  margin: 0 0 20px 0;
}
.listpage.docs .hdr {
  display: none;
}
.listpage .btmbox {
  float: left;
  clear: left;
  width: 100%;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 20px;
  margin: 0 0 30px 0;
}
.listpage .hdr p {
  font-size: 1.2rem;
  font-weight: normal;
}
.listpage .cnt {
  padding: 0;
}
.listpage .cnt .boxcont {
  margin: 0;
  width: auto;
}
.listpage .cnt .pagetext .recordcount,
.listpage .cnt .pagetext .pagecount {
  padding: 9px 0;
  float: left;
}
.listpage .cnt .pagenav {
  position: relative;
  width: auto;
  float: right;
  padding: 5px 0;
}
.listpage .cnt .pagenav .cnt {
  width: 100%;
  display: flex;
  justify-content: center;
}
.listpage .cnt .pagenav .page {
  margin: 0 2px;
  font-weight: bold;
  border: none;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.listpage .cnt .pagenav .page a {
  float: left;
  padding: 3px 8px;
  color: #124095;
}
.listpage .cnt .pagenav .page:not(.num) {
  display: inline-block;
  font: normal bold normal 1.4em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding: 3px 0 0 0;
}
.listpage .cnt .pagenav .page:not(.num) span {
  display: none;
}
.listpage .cnt .pagenav .page:not(.num):not(.act) {
  display: none;
}
.listpage .cnt .pagenav .page.act {
  background: rgba(18, 64, 149, 0.9);
}
.listpage .cnt .pagenav .page.act:hover {
  opacity: 0.9;
}
.listpage .cnt .pagenav .page.act a {
  color: white;
}
.listpage .cnt .pagenav .page.actpage {
  background: #eff3f5;
}
.listpage .cnt .pagenav .page.actpage a {
  color: red;
}
.listpage .cnt .pagenav .page.next,
.listpage .cnt .pagenav .page.prev {
  background: none;
}
.listpage .cnt .paging {
  position: relative;
  float: right;
}
.listpage .cnt .paging .cnt {
  width: calc(100% + 30px);
}
.listpage .cnt .paging .cnt p {
  padding: 15px 9px;
  float: left;
  font-size: 1.4rem;
}
.listpage .cnt .paging .cnt .pagesize {
  position: absolute;
  width: 30px;
  height: 24px;
  padding: 0;
  text-align: center;
  border: 1px solid #d4d6d7;
  font-size: 1.1em;
  margin: 0;
  padding: 3px;
}
.listpage .cnt .nextpage .btn {
  margin: 0;
  background: #ca1f1b;
}
.listpage .cnt .recordcount:after {
  content: ",";
  padding-right: 5px;
}
.listpage.btm .pagenav {
  position: relative !important;
  width: auto !important;
  float: right;
}
.listpage.btm .pagenav .cnt {
  justify-content: flex-end !important;
}
.listpage.btm.listpage .recordcount,
.listpage.btm.listpage .pagecount {
  padding: 13px 0;
}
.listpage .first a:before {
  content: url(../img/pcp-ico-first-step.png);
}
.listpage .prev a:before {
  content: url(../img/pcp-ico-prev.png);
}
.listpage .next a:before {
  content: url(../img/pcp-ico-next.png);
}
.listpage .last a:before {
  content: url(../img/pcp-ico-last-step.png);
}
.whisper {
  float: left;
  clear: left;
  width: 100%;
  position: absolute;
  top: 37px;
}
#frqsrchword-box {
  float: left;
  clear: left;
  width: 100%;
  display: none;
  position: relative;
  margin: 0;
  border: 1px solid #d4d6d7;
  border-top: none;
  z-index: 9;
}
#frqsrchword-box ul {
  float: left;
  clear: left;
  width: 100%;
}
#frqsrchword-box ul li {
  float: left;
  clear: left;
  width: 100%;
  background: #eff3f5;
  padding: 3px 5px;
  border-bottom: 1px solid #d4d6d7;
}
#frqsrchword-box ul li.title {
  font-weight: bold;
}
#frqsrchword-box ul li.item {
  cursor: pointer;
}
#frqsrchword-box ul li.act {
  background: #f0f0f0;
}
#frqsrchword-box ul li:last-child {
  border-bottom: none;
}
#whisper-box {
  float: left;
  clear: left;
  width: 100%;
  display: none;
  position: relative;
  top: 9px;
  margin: 0;
  max-height: 450px;
  border: 1px solid #d4d6d7;
  border-top: none;
  overflow-y: scroll;
  z-index: 9;
}
#whisper-box ul {
  float: left;
  clear: left;
  width: 100%;
}
#whisper-box ul li {
  float: left;
  clear: left;
  width: 100%;
  background: #eff3f5;
  border-bottom: 1px solid #d4d6d7;
  padding: 2px 5px;
}
#whisper-box ul li.title {
  font-weight: bold;
}
#whisper-box ul li:last-child {
  border-bottom: none;
}
#whisper-box ul li .img {
  float: left;
}
#whisper-box ul li .img img {
  width: 35px;
}
#whisper-box ul li .name {
  float: left;
  padding: 0 10px;
  width: calc(100% - 120px);
}
#whisper-box ul li .name a {
  float: left;
  clear: left;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#whisper-box ul li .btn {
  float: right;
  width: 40px;
  min-width: 0;
  margin: 0 0 0 5px;
  padding: 10px 0;
}
#whisper-box ul li .btn:last-child {
  margin: 0;
}
#whisper-box ul li .btn:before {
  margin: 0;
}
#whisper-box ul li .btn span {
  display: none;
}
#whisper-box ul li .btn.btn-buy:before {
  font-size: 2.2rem;
  content: "";
  background: url("../img/pcp-ico-basket-white-o.png") no-repeat center left / 20px;
  display: inline-block;
  height: 16px;
  width: 22px;
}
#whisper-box ul li .qty {
  display: none;
}
#whisper-box ul li.act {
  background: #f0f0f0;
}
#whisper-box ul li.count {
  background: white !important;
  padding: 5px 10px;
}
.strlite ul {
  float: left;
  clear: left;
  width: 100%;
}
.strlite ul li {
  float: left;
  clear: left;
  width: 100%;
  margin: 10px 0;
}
.strlite ul li .img {
  float: left;
  width: 75px;
}
.strlite ul li .img img {
  max-width: 75px;
}
.strlite ul li h2 {
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  padding: 5px 10px;
}
.strlite ul li h3 {
  font-size: 1.1em;
}
.strlite ul li h3:before {
  display: inline-block;
  font: normal normal normal 1.5em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f105";
  float: left;
  padding-right: 5px;
  color: rgba(7, 46, 92, 0.8);
  font-weight: bold;
}
.strlite ul li ul {
  float: right;
  clear: none;
  padding: 0 10px;
  width: calc(100% - 75px);
}
.strlite ul li ul li {
  width: 25%;
  clear: none;
  margin: 5px 0;
}
.error {
  background: url(../img/404.png) no-repeat top right;
}
.error .cnt {
  font-size: 1.2em;
}
.contacts img {
  max-width: 50px;
  border-radius: 50%;
}
.contacts .name {
  font-weight: bold;
  font-size: 1.2em;
  width: 100%;
}
.contacts .title {
  float: left;
  clear: left;
  font-weight: bold;
  padding-right: 5px;
}
.configall .model {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #d4d6d7;
}
.config th {
  width: 20%;
}
.config .price input {
  width: auto;
  min-width: 0;
  border: none;
  margin: 0;
  padding: 0;
  color: #124095;
  font-size: 1.2rem;
  font-weight: bold;
}
.config .title {
  font-size: 1.2em;
  font-weight: bold;
}
.config .order input {
  width: 30px;
  min-width: 0;
  text-align: center;
}
.config .btn-buy {
  margin: 0;
}
.config .btn-product {
  margin: 0;
  min-width: 0;
}
.config .btn-product:before {
  margin: 0;
}
.config .configuration th {
  width: 10%;
}
.config .configuration .custom-select.product {
  width: 95%;
}
.config .configuration .custom-select.product-count {
  width: 85%;
}
.config .configuration .custom-select.count {
  width: calc(10% - 5px);
}
/* discussion */
.postdisc {
  border: 1px solid #d4d6d7;
  padding: 5px;
  width: 100%;
  width: -moz-available !important;
  width: -webkit-fill-available !important;
}
.postdisc .cnt {
  margin: 5px 0;
  border-top: 1px solid #d4d6d7;
  border-bottom: 1px solid #d4d6d7;
}
.postdisc ul {
  float: left;
}
.postdisc ul li {
  clear: left;
}
.postdisc .tools {
  float: right;
}
.postdisc .tools .btn {
  min-width: 0;
}
.postdisc .enter:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f148";
  transform: rotate(90deg);
  float: left;
  margin: 0 10px;
}
.postdisc .content {
  padding: 0 30px;
}
.postdisc:first-of-type {
  margin-top: 10px;
}
.postdisc.re {
  background-color: #efefef;
}
.recaptcha {
  float: left;
}
.recaptcha.err {
  border: 1px solid red !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
.g-recaptcha {
  transform: scale(0.93) !important;
}
.postcodes {
  float: left;
  position: absolute;
  background: #eff3f5;
  z-index: 9;
  top: 40px;
  border: 1px solid #d4d6d7;
}
.postcodes .tabinfo {
  margin: 0;
}
.postcodes .tabinfo td {
  cursor: pointer;
}
.strdownload ul {
  float: left;
  clear: left;
  width: 100%;
}
.strdownload ul li {
  float: left;
  width: 31.3333%;
  border-bottom: 1px solid #d4d6d7;
}
.strdownload ul li:nth-child(3n+2) {
  margin: 0 3%;
}
.strdownload ul li p {
  float: left;
  padding: 9px 0;
  font-weight: bold;
}
.strdownload ul li a {
  float: right;
}
.discoupons .info {
  top: 6px;
  padding-right: 5px;
}
.discoupons .dicmsg {
  float: left;
  padding: 8px 5px 8px 0;
  color: green;
  font-weight: bold;
}
.discoupons .dicmsg.err {
  color: red;
}
.chart-canvas {
  max-width: 50%;
}
.configsearch .config-param {
  float: left;
  width: calc(25% - 5px);
  margin: 0 5px 10px 0;
}
@media screen and (max-width: 640px) {
  .configsearch .config-param {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 480px) {
  .configsearch .config-param {
    width: 100%;
    margin-right: 0;
  }
}
.configsearch .config-param:nth-child(4n+1) {
  clear: left;
}
.configsearch .config-param .hdr {
  padding: 5px;
  background: #124095;
  color: white;
}
.configsearch .config-param .cnt {
  padding: 0;
}
.configsearch .config-param .param {
  float: left;
  clear: left;
  width: 100%;
}
.configsearch .config-param .param.val:nth-child(2n) {
  background: rgba(18, 64, 149, 0.4);
}
.configsearch .config-param .param label {
  clear: left;
  width: 100%;
  padding: 5px 5px 5px 27px;
  margin: 0;
}
.configsearch .config-param .param [type="checkbox"] + label:before {
  top: 6px;
  left: 5px;
}
.configsearch .config-param .param [type="checkbox"] + label:after {
  top: 5px;
  left: 9px;
}
.configsearch .tabinfo .img img {
  max-width: 40px;
}
.configsearch .tabinfo .name a {
  font-weight: bold;
}
.configsearch .tabinfo .btn {
  min-width: 75px;
}
#gdpr-zones,
.gdpr-detail {
  display: none;
}
.gdpr a {
  float: none;
}
.gdpr label {
  font-size: 1.3rem;
}
.gdpr .info {
  float: right;
}
.gdpr .info:before {
  padding: 2px 5px;
}
.gdpr .btn {
  float: right;
}
.gdprpermis .gdpr .cnt {
  padding: 20px;
}
.gdprpermis .gdpr .ftr {
  border-top: 1px solid #d4d6d7;
}
.gdprpermis .gdpr .ftr .rowbox form {
  float: left;
}
.gdprpermis .gdpr .ftr .rowbox form .date {
  min-width: 70px;
  max-width: 120px;
}
.modal-content .gdpr .hdr a {
  cursor: auto;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000000;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .prodbox .note {
    height: calc(6.3rem);
  }
}
.delivery-prices-link {
  font-size: 1.4rem;
}
#processLoginModal p {
  text-align: center;
  font-size: 2.5em;
  margin: 26vw;
}
.btn.btn-idp {
  background-color: #fff;
}
.btn.btn-idp span {
  display: none;
}
/* end legend */
.delivery-prices-info {
  float: left;
  z-index: 16;
}
.delivery-prices-info p {
  font-size: 2rem;
  color: #124095;
  font-weight: bold;
  padding: 6px 0 10px 0;
}
.delivery-prices-info .tabinfo th,
.delivery-prices-info .tabinfo td {
  text-align: center;
}
.delivery-prices-info .tabinfo th:first-of-type,
.delivery-prices-info .tabinfo td:first-of-type {
  text-align: left;
}
.delivery-prices-info .tabinfo th span,
.delivery-prices-info .tabinfo td span {
  font-weight: normal;
  float: none;
}
.konektor,
.zkratky,
.zkratkydetail {
  z-index: 16;
}
.konektor.popupcont,
.zkratky.popupcont,
.zkratkydetail.popupcont {
  max-height: 65%;
  overflow-y: auto;
  padding: 40px;
  max-width: 1200px;
}
.konektor .hdr,
.zkratky .hdr,
.zkratkydetail .hdr {
  margin: 0 0 10px 0;
}
.konektor .hdr p,
.zkratky .hdr p,
.zkratkydetail .hdr p {
  font-size: 2rem !important;
  color: #124095;
}
.konektor .cnt,
.zkratky .cnt,
.zkratkydetail .cnt {
  padding: 0 !important;
  font-size: 1.4rem;
}
.konektor .cnt .tabinfo td.image,
.zkratky .cnt .tabinfo td.image,
.zkratkydetail .cnt .tabinfo td.image {
  text-align: center;
}
.konektor .cnt .tabinfo td.image img,
.zkratky .cnt .tabinfo td.image img,
.zkratkydetail .cnt .tabinfo td.image img {
  max-width: 200px;
}
.konektor .cnt .tabinfo a,
.zkratky .cnt .tabinfo a,
.zkratkydetail .cnt .tabinfo a {
  font-size: 1.4rem;
  font-weight: bold;
}
.konektor .cnt .tabinfo a.link,
.zkratky .cnt .tabinfo a.link,
.zkratkydetail .cnt .tabinfo a.link {
  font-size: 1.2rem;
  white-space: nowrap;
  float: left;
  clear: left;
}
.konektor .cnt a,
.zkratky .cnt a,
.zkratkydetail .cnt a {
  float: none;
}
.konektor .cnt h2,
.zkratky .cnt h2,
.zkratkydetail .cnt h2 {
  margin: 5px 0;
}
.konektor h1,
.zkratky h1,
.zkratkydetail h1 {
  font-size: 2rem;
}
.konektor ul,
.zkratky ul,
.zkratkydetail ul {
  margin: 0 0 10px 0;
}
.konektor ul li,
.zkratky ul li,
.zkratkydetail ul li {
  float: none;
}
.konektor ul li a,
.zkratky ul li a,
.zkratkydetail ul li a {
  float: none;
}
.konektor span,
.zkratky span,
.zkratkydetail span {
  font-size: 1.4rem;
}
.konektor .red,
.zkratky .red,
.zkratkydetail .red {
  color: #f9051c;
}
.konektor .red a span,
.zkratky .red a span,
.zkratkydetail .red a span {
  color: #f9051c;
}
.zkratky .tabinfo td {
  width: 50%;
}
.katalogy {
  width: 65% !important;
  margin: 0 2% 0 0 !important;
}
.katalogy .hdr {
  margin: 0 0 10px 0;
}
.katalogy .hdr p {
  font-size: 2rem !important;
  color: #124095;
}
.katalogy .cnt .tabinfo .name {
  font-weight: normal;
}
.katalogy .cnt .tabinfo .name:before {
  content: url(../img/pcp-ico-catalog.png);
  position: relative;
  top: 4px;
  margin: 0 10px 0 0;
}
.katalogy .cnt .tabinfo .download {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  float: none;
}
.katalogy .cnt .tabinfo .download:before {
  content: url(../img/pcp-ico-download-file.png);
  position: relative;
  top: 3px;
  margin: 0 10px 0 0;
}
.katalogy.online,
.katalogy.adobe {
  width: 33% !important;
  margin: 0 !important;
  float: right !important;
  clear: right;
}
.katalogy.online .katalog,
.katalogy.adobe .katalog {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.katalogy.online .katalog:last-child,
.katalogy.adobe .katalog:last-child {
  margin: 0;
}
.katalogy.online .acrobat,
.katalogy.adobe .acrobat {
  font-size: 1.4rem;
  padding: 25px 0 25px 90px;
  background: url(../img/pcp-ico-acrobat.png) no-repeat left center;
}
.katalogy.online .acrobat a,
.katalogy.adobe .acrobat a {
  color: #000;
  text-decoration: underline;
}
.selectbox span {
  float: left;
  margin: 15px 10px 0 0;
  display: inline-block;
  font-size: 1.4rem;
}
.selectbox .custom-select {
  background-position: calc(100% - 10px);
}
.konektordetail {
  margin: 20px;
}
.konektordetail .konektorimg {
  padding: 1%;
  max-width: 250px;
}
.konektorinfo .hdr h1 {
  font-size: 2.7rem;
}
.konektorinfo .bold {
  font-weight: bold;
}
.zapojeni {
  clear: left;
  max-height: 220px;
  overflow-y: auto;
}
.zapojeni .cnt ul li {
  clear: left;
}
.zapojeni span {
  font-size: 1.4rem;
}
.zapojeni .red {
  color: #f9051c;
  margin: 0 0 0 5px;
}
.zapojeni .red a span {
  color: #f9051c;
}
.import {
  font-size: 1.4rem;
}
.import .rowbox {
  width: 100%;
  margin: 20px 0 0 0;
}
.import .rowbox .inputs {
  width: calc(100% - 390px);
  margin: 0 20px 0 0;
}
.import .rowbox .inputs textarea {
  width: 100%;
  min-height: 350px;
  margin: 0;
}
.import .rowbox .text {
  width: 370px;
  padding: 0;
}
.import .tabinfo td {
  padding: 20px 20px 20px 0;
}
.import .tabinfo td textarea {
  width: 100%;
  min-height: 350px;
}
.ui-widget-header {
  background: #124095;
  border: none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 0px;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: none;
}
.ui-datepicker .ui-datepicker-prev:hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next:hover {
  right: 2px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  background: #C6D7F1;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #124095;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #d4d6d7;
  background: #C6D7F1;
  color: #124095;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #d4d6d7;
  background: #124095;
  color: #FFF;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ffffff_256x240.png");
}
#heurekaTabright {
  top: 85px;
}
#heurekaIfrBoxright {
  top: -103px !important;
}
.grecaptcha-badge {
  display: none !important;
}
/* buttons */
.btn {
  position: relative;
  float: left;
  background: #124095;
  color: white;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 10px 20px;
  margin: 3px 5px 3px 0;
  min-width: 60px;
  border: none;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: opacity 0.2s;
  text-transform: uppercase;
}
.btn:hover {
  opacity: 1;
}
.btn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
}
.btn .canvasloader {
  float: left;
  margin-right: 5px;
}
.btn span {
  white-space: nowrap;
  display: inline-block;
}
.btn span:first-letter {
  text-transform: uppercase;
}
.btn.btn-red {
  background: #ca1f1b;
}
.btn.btn-red:hover {
  background: #b0040a;
}
.btn-icon:before,
.fa:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
}
.btn-icon:before {
  color: rgba(18, 64, 149, 0.9);
}
.btn-search-res:before {
  content: "";
  background: url("../img/pcp-ico-search-blue-o.png") no-repeat center;
  display: block;
  width: 100%;
  height: 50px;
}
a.btn {
  color: white;
}
.btn-big {
  padding: 10px 20px;
  font-size: 1.6rem;
}
.btn-big:before {
  display: inline-block;
  font: normal normal normal 1.2em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 10px;
}
.btn-warning {
  background: #eea236;
}
.btn-danger {
  background: #fa0000;
}
.btn-success {
  background: #50aa46;
}
.btn-inv {
  background: #000;
  padding: 10px 20px !important;
}
.btn-dis {
  background: rgba(200, 200, 200, 0.8) !important;
  -webkit-box-shadow: 0 0 1px 0 rgba(200, 200, 200, 0.8);
  -moz-box-shadow: 0 0 1px 0 rgba(200, 200, 200, 0.8);
  box-shadow: 0 0 1px 0 rgba(200, 200, 200, 0.8);
  cursor: auto;
  color: black;
}
.btn-dis:hover {
  background: rgba(200, 200, 200, 0.7);
}
.btn-buy u {
  float: right;
  position: relative;
  padding: 10px 15px;
  background: #000;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 42px;
}
.btn-buy u:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f107";
  font-size: 1.9rem;
  font-weight: bold;
}
.btn-login:before {
  content: "";
  background: url("../img/pcp-ico-user-o.png") no-repeat center;
  display: block;
  width: 100%;
  height: 50px;
}
.btn-basket:before {
  content: "";
  background: url("../img/pcp-ico-basket-o.png") no-repeat center;
  display: block;
  width: 100%;
  height: 50px;
}
.btn-fav:before {
  content: "";
  background: url("../img/pcp-ico-star-o.png") no-repeat center;
  display: block;
  width: 100%;
  height: 50px;
}
.btn-compare:before {
  content: "";
  background: url("../img/pcp-ico-comp-o.png") no-repeat center;
  display: block;
  width: 100%;
  height: 50px;
}
.btn-logout:before {
  content: "\f08b";
}
.btn-search:before {
  content: "\f002";
}
.btn-create:before {
  content: "\f067";
}
.btn-edit:before {
  content: url("../img/pcp-ico-edit.png");
  position: relative;
  top: 2px;
}
.btn-delete {
  background: none;
  border: none;
  box-shadow: none;
  color: #072e5c;
  min-width: auto;
  margin: 0;
}
.btn-delete:before {
  font-size: 1.6em;
  margin: 0;
  content: url("../img/pcp-ico-delete.png");
}
.btn-delete2:before {
  content: "\f014";
}
.btn-empty:before {
  content: url("../img/pcp-ico-trash.png");
  position: relative;
  top: 5px;
}
.btn-edit:before {
  content: "\f044";
  display: inline-block;
  font: normal normal normal 2.8rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #849ecc;
  top: 4px;
}
.btn-import:before {
  content: "\f15c";
}
.btn-remove {
  min-width: 0;
  margin: 5px 0;
  color: black;
  box-shadow: none;
}
.btn-remove:before {
  content: "\f00d";
  margin: 0;
}
.btn-remove:hover {
  color: white;
}
.btn-second {
  background: #737373;
}
.btn-close:before {
  content: url(../img/pcp-ico-cross-blue.png);
}
.btn-comp:before {
  content: url(../img/pcp-ico-graph-o.png);
}
.btn-comp.remove:before {
  content: url(../img/pcp-ico-graph.png);
}
.btn-favour:before {
  content: url(../img/pcp-ico-star-white-o.png);
}
.btn-favour.remove:before {
  content: url(../img/pcp-ico-star-white.png);
}
.btn-favour.second:before {
  content: url(../img/pcp-ico-star-small-o.png);
  position: relative;
  top: 2px;
}
.btn-favour.second.remove:before {
  content: url(../img/pcp-ico-star-small.png);
  position: relative;
  top: 2px;
}
.btn-facebook:before {
  content: url(../img/pcp-ico-fb-small.png);
}
.btn-twitter:before {
  content: url(../img/pcp-ico-twitter.png);
}
.btn-gplus:before {
  content: url(../img/pcp-ico-gplus-small.png);
}
.btn-mail:before {
  content: url(../img/pcp-ico-mail-small-blue.png);
}
.btn-down:before {
  content: "\f0d7";
}
.btn-up:before {
  content: "\f0d8";
}
.btn-save:before {
  content: "\f0c7";
}
.btn-refresh:before {
  content: "\f021";
}
.btn-next:before {
  content: "\f054";
  float: right;
  margin: 0 0 0 5px;
}
.btn-back:before {
  content: "\f053";
}
.btn-create-ord:before {
  content: "\f00c";
}
.btn-print:before {
  content: "\f02f";
}
.btn-print.second:before {
  content: url(../img/pcp-ico-print-blue.png);
  position: relative;
  top: 2px;
}
.btn-watchdog:before {
  content: url(../img/pcp-ico-eye.png);
}
.btn-watchdog.second:before {
  content: url(../img/pcp-ico-eye-blue.png);
  position: relative;
  top: 2px;
}
.btn-watchdog.third:before {
  content: url(../img/pcp-ico-eye-2.png);
  position: relative;
  top: 2px;
}
.btn-send:before {
  content: "\f1d8";
}
.btn-user:before {
  content: "\f007";
}
.btn-users:before {
  content: "\f0c0";
}
.btn-user-name:before {
  content: "\f21b";
}
.btn-pdf {
  min-width: auto;
  background: none;
  border: none;
  padding: 2px 0;
  box-shadow: none;
}
.btn-pdf:hover {
  background: none;
}
.btn-pdf span {
  display: none;
}
.btn-pdf:before {
  font-size: 2.2rem;
  content: "\f1c1";
  margin: 0;
  color: rgba(18, 64, 149, 0.8);
}
.btn-new:before {
  content: "\f016";
}
.btn-newWith:before {
  content: "\f0f6";
}
.btn-tool {
  min-width: 0;
}
.btn-tool span {
  display: none;
}
.btn-tool:before {
  font-size: 2em;
  margin: 0;
}
.btn-error:before {
  content: "\f06a";
}
.btn-password:before {
  content: "\f084";
}
.btn-location:before {
  content: "\f041";
}
.btn-unlock:before {
  content: "\f09c";
}
.btn-xls {
  min-width: auto;
  background: none;
  border: none;
  padding: 2px 0;
  box-shadow: none;
}
.btn-xls:hover {
  background: none;
}
.btn-xls span {
  display: none;
}
.btn-xls:before {
  font-size: 2.2rem;
  content: "\f1c3";
  margin: 0;
  color: rgba(18, 64, 149, 0.8);
}
.btn-excel:before {
  content: "\f1c3";
}
.btn-submit {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}
.btn-link:before {
  content: "\f0c1";
}
.btn-config:before {
  content: "\f0ad";
}
.btn-product:before {
  content: "\f0c9";
}
.btn-dollar:before {
  content: "\f155";
}
.btn-money:before {
  content: url("../img/pcp-ico-money.png");
  position: relative;
  top: 3px;
}
.btn-envelope:before {
  content: "\f0e0";
}
.btn-comment:before {
  content: "\f075 ";
}
.btn-reply:before {
  content: "\f112";
}
.btn-share:before {
  content: "\f064";
}
.btn-share.second:before {
  content: url(../img/pcp-ico-share-blue.png);
  position: relative;
  top: 2px;
}
.btn-ask.second:before {
  content: url(../img/pcp-ico-question-mark.png);
  position: relative;
  top: 2px;
}
.btn-check:before {
  content: "\f00c";
}
.btn-download:before {
  content: "\f019";
}
.btn-menu:before {
  content: "\f0c9";
}
.btn-scroll-top {
  position: fixed;
  bottom: 20px;
  right: 50px;
  display: block;
  background: #B3070C;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  padding: 10px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: center;
}
.btn-scroll-top:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f077";
  display: block;
  text-align: center;
}
.btn-konektor {
  text-transform: none;
  background: #eff3f5;
  color: #124095 !important;
  border: 1px solid #d4d6d7;
  box-shadow: none;
  font-size: 1.4rem;
  padding: 10px 11px 10px 8px;
  margin: 3px 4px 3px 0;
}
.btn-konektor:before {
  content: url(../img/pcp-ico-konektor.png);
  position: relative;
  top: 4px;
  margin: 0 10px 0 0;
}
.btn-konektor:hover {
  background: #124095;
  color: white !important;
}
.btn-konektor:hover:before {
  content: url(../img/pcp-ico-konektor-white.png);
}
.btn-zkratky {
  text-transform: none;
  background: #eff3f5;
  color: #124095 !important;
  border: 1px solid #d4d6d7;
  box-shadow: none;
  font-size: 1.4rem;
  padding: 10px 8px 10px 40px;
  margin: 3px 0.5% 3px 0;
  text-align: left;
  width: 19.6%;
  height: 42px;
}
.btn-zkratky:nth-child(5n+5) {
  margin: 3px 0px;
}
.btn-zkratky.id1 {
  background: #eff3f5 url("../img/pcp-ico-konektor.png") no-repeat 10px center;
}
.btn-zkratky.id1:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-konektor-white.png") no-repeat 10px center;
}
.btn-zkratky.id2 {
  background: #eff3f5 url("../img/pcp-ico-rozhrani.png") no-repeat 10px center;
}
.btn-zkratky.id2:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-rozhrani.png") no-repeat 10px center;
}
.btn-zkratky.id3 {
  background: #eff3f5 url("../img/pcp-ico-rozliseni-video.png") no-repeat 10px center;
}
.btn-zkratky.id3:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-rozliseni-video.png") no-repeat 10px center;
}
.btn-zkratky.id4 {
  background: #eff3f5 url("../img/pcp-ico-materialy.png") no-repeat 10px center;
}
.btn-zkratky.id4:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-materialy.png") no-repeat 10px center;
}
.btn-zkratky.id5 {
  background: #eff3f5 url("../img/pcp-ico-kamery.png") no-repeat 10px center;
}
.btn-zkratky.id5:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-kamery.png") no-repeat 10px center;
}
.btn-zkratky.id6 {
  background: #eff3f5 url("../img/pcp-ico-rozmery.png") no-repeat 10px center;
}
.btn-zkratky.id6:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-rozmery.png") no-repeat 10px center;
}
.btn-zkratky.id7 {
  background: #eff3f5 url("../img/pcp-ico-jednotky.png") no-repeat 10px center;
}
.btn-zkratky.id7:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-jednotky.png") no-repeat 10px center;
}
.btn-zkratky.id8 {
  background: #eff3f5 url("../img/pcp-ico-ostatni-zkratky.png") no-repeat 10px center;
}
.btn-zkratky.id8:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-ostatni-zkratky.png") no-repeat 10px center;
}
.btn-zkratky.id10 {
  background: #eff3f5 url("../img/pcp-ico-standarty.png") no-repeat 10px center;
}
.btn-zkratky.id10:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-standarty.png") no-repeat 10px center;
}
.btn-zkratky.id11 {
  background: #eff3f5 url("../img/pcp-ico-vyrobni-rady.png") no-repeat 10px center;
}
.btn-zkratky.id11:hover {
  color: white !important;
  background: #124095 url("../img/pcp-ico-vyrobni-rady.png") no-repeat 10px center;
}
#leftcont .boxcont.tree {
  background: rgba(7, 46, 92, 0.9);
  border-radius: 0 0 4px 4px;
}
#leftcont .boxcont.tree .hdr {
  background: #eff3f5;
}
#leftcont .boxcont.tree .hdr li {
  background: rgba(11, 70, 139, 0.8);
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  padding: 5px 10px;
  text-align: center;
  width: calc(49%);
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
#leftcont .boxcont.tree .hdr li:last-child {
  float: right;
}
#leftcont .boxcont.tree .hdr li.act {
  background: rgba(7, 46, 92, 0.9);
}
nav ul.spresenttree {
  float: left;
  clear: left;
  width: 100%;
}
nav ul.spresenttree li {
  padding: 5px 0;
  margin: 0 10px;
  border-bottom: 1px solid;
  border-color: rgba(212, 214, 215, 0.3);
  float: left;
  clear: left;
  width: calc(90%);
  position: relative;
}
nav ul.spresenttree li a {
  float: left;
  width: calc(100% - 2rem);
  text-decoration: none;
  font-size: 1.5rem;
  color: #FFFFFF;
  opacity: 0.9;
  margin-left: 2rem;
}
nav ul.spresenttree li a:hover {
  opacity: 1;
}
nav ul.spresenttree li:last-child {
  border: none;
}
nav ul.spresenttree li > span:before {
  content: "•";
  position: absolute;
  width: 1.8rem;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.5;
  border: none;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: -0.2rem;
  left: 0;
}
nav ul.spresenttree li li {
  margin: 0;
  width: 100%;
}
nav ul.spresenttree li li a {
  color: #FFFFFF !important;
}
nav ul.spresenttree li.plus > span {
  cursor: pointer;
}
nav ul.spresenttree li.plus > span:before {
  content: "+";
}
nav ul.spresenttree li.plus ul {
  display: none;
}
nav ul.spresenttree li.minus > span {
  cursor: pointer;
}
nav ul.spresenttree li.minus > span:before {
  content: "-";
}
nav ul.spresenttree ul {
  padding: 5px 0 0 18px;
  border: none;
}
nav .webmenu {
  float: left;
  padding: 0;
}
nav .webmenu li {
  position: relative;
  float: left;
  list-style: none;
}
nav .webmenu li a {
  text-decoration: none;
  cursor: pointer;
  float: left;
  font-size: 1.3rem;
  opacity: 0.9;
  padding: 5px 0 6px 0;
  color: #FFFFFF;
}
nav .webmenu li:after {
  content: "|";
  padding: 0 10px;
  margin: 5px 0;
  float: left;
  color: #FFFFFF;
  opacity: 0.6;
}
nav .webmenu li:last-child:after {
  content: "";
}
/* hover menu */
#headercont {
  /* click menu */
  /* user menu */
}
#headercont .webmenu {
  float: left;
  clear: left;
}
#headercont .webmenu li:hover ul {
  display: block;
}
#headercont .webmenu ul {
  margin: 0;
  padding: 0;
  border: none;
}
#headercont .webmenu ul li {
  float: left;
  clear: left;
  padding: 0;
  margin: 0 0 3px 0;
}
#headercont .webmenu ul li a {
  padding: 0;
  margin: 0;
}
#headercont .webmenu ul li a:hover {
  color: #c12430;
}
#headercont .webmenu ul li:before {
  content: "•";
  color: #ca1f1b;
  padding: 0 5px 0 0;
  float: left;
}
#footercont .webmenu {
  float: left;
  clear: left;
  background: #eff3f5;
}
#footercont .webmenu li {
  position: relative;
  width: 240px;
  float: left;
  padding: 0;
}
#footercont .webmenu li a {
  font-size: 2.0rem;
  font-weight: bold;
  width: 100%;
  padding: 0;
  color: #124095;
  cursor: text;
  opacity: 1;
}
#footercont .webmenu li a:hover {
  opacity: 1;
}
#footercont .webmenu li ul {
  float: left;
  clear: left;
  padding: 25px 0 0 0;
}
#footercont .webmenu li ul li {
  padding: 0 0 7px 0;
}
#footercont .webmenu li ul a {
  font-size: 1.4rem;
  border: none;
  font-weight: normal;
  color: #000000;
  cursor: pointer;
}
#footercont .webmenu li ul a:hover {
  color: #c12430;
}
#footercont .webmenu li:after {
  display: none;
}
#footercont .webmenu li:before {
  display: none;
}
.sptnavigator #centercont {
  padding: 190px 0 0 0;
}
@-moz-document url-prefix() {
  .sptnavigator #centercont {
    padding: 190px 0 0 0;
  }
}
#sptnav {
  float: left;
  clear: left;
  width: 100%;
  z-index: 14;
}
#sptnav .boxcont {
  max-width: 1200px;
  float: none;
  margin: 0 auto;
}
#sptnav ul {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
}
#sptnav ul li {
  width: 11.1%;
  display: table;
}
#sptnav ul li.special {
  width: 11.2%;
  float: right;
  background: #c71c19;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c71c19 0%, #af0309 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c71c19 0%, #af0309 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c71c19 0%, #af0309 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c71c19', endColorstr='#af0309', GradientType=0);
}
#sptnav ul li.special:after {
  background: none;
}
@-moz-document url-prefix() {
  #sptnav ul li.special {
    width: 11.1%;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #sptnav ul li.special {
    width: 11.2%;
  }
}
#sptnav ul li:after {
  content: "";
  width: 1px;
  height: 90px;
  display: block;
  float: right;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#sptnav ul li:first-child:before {
  content: "";
  width: 1px;
  height: 90px;
  display: block;
  float: left;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 45%, rgba(255, 255, 255, 0.4) 65%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#sptnav ul li:nth-last-child(2):after {
  background: none;
}
#sptnav ul li.act {
  background: #000000;
}
#sptnav ul li.act .sptnavsub {
  display: block;
  z-index: 9;
}
#sptnav ul li img {
  float: left;
  max-width: 30px;
  max-height: 30px;
  margin-right: 10px;
}
#sptnav ul li a,
#sptnav ul li p {
  float: none;
  font-size: 1.5rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
#sptnav ul li a {
  height: 90px;
}
#sptnav ul li .sptnavsub {
  display: none;
  position: absolute;
  left: 10px;
  top: 90px;
  left: 0;
  width: 100%;
  background: #eff3f5;
  border-top: none;
  max-height: 445px;
  overflow-y: auto;
}
#sptnav ul li .sptnavsub .sptnavsubbg {
  padding: 10px 0;
  max-height: 445px;
  overflow-y: auto;
  background: #eff3f5;
}
#sptnav ul li .sptnavsub .sptnavsubbg:before {
  content: "";
  display: block;
  height: 30px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, rgba(255, 255, 255, 0.03) 98%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 40%, rgba(255, 255, 255, 0.03) 98%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, rgba(255, 255, 255, 0.03) 98%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  z-index: 1;
}
#sptnav ul li .sptnavsub .sptnavsubbg:after {
  content: "";
  display: block;
  height: 30px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 98%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 98%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%, #ffffff 98%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  z-index: 1;
}
#sptnav ul li .sptnavsub ul {
  background: #FFFFFF;
  border: none;
  padding: 0 30px 25px 30px;
}
#sptnav ul li .sptnavsub ul li {
  border: none;
  width: 25%;
  padding: 10px 0;
}
#sptnav ul li .sptnavsub ul li:after {
  height: 0;
}
#sptnav ul li .sptnavsub ul li:first-child {
  margin: 0;
}
#sptnav ul li .sptnavsub ul li:first-child:before {
  height: 0;
}
#sptnav ul li .sptnavsub ul li.act {
  border: none;
}
#sptnav ul li .sptnavsub ul li:nth-child(4n+1) {
  clear: left;
}
#sptnav ul li .sptnavsub ul li img {
  max-width: 45px;
  max-height: 45px;
}
#sptnav ul li .sptnavsub ul li a,
#sptnav ul li .sptnavsub ul li p {
  color: #124095;
  padding: 2px 0;
  width: calc(100% - 55px);
  text-transform: uppercase;
  border: none;
  display: inline-block;
  height: auto;
  text-align: left;
}
#sptnav ul li .sptnavsub .level9 {
  top: 5px;
  left: 0px;
  width: calc(100% - 55px);
  padding: 0;
}
#sptnav ul li .sptnavsub .level9 li {
  padding: 2px 0;
  width: 100%;
}
#sptnav ul li .sptnavsub .level9 li:after {
  height: 0;
}
#sptnav ul li .sptnavsub .level9 li:first-child {
  margin: 0;
}
#sptnav ul li .sptnavsub .level9 li:first-child:before {
  height: 0;
}
#sptnav ul li .sptnavsub .level9 li:before {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 1.2em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #cf3632;
  float: left;
  margin: 1px 0 0 0px;
}
#sptnav ul li .sptnavsub .level9 li a {
  font-size: 1.4rem;
  padding: 0;
  width: calc(85%);
  border: none;
  font-weight: inherit;
  color: #000000;
  padding: 0 0 0 14px;
  display: block;
  text-align: left;
  text-transform: none;
}
#sptnav ul li .sptnavsub .level9 li a.act {
  text-decoration: underline;
}
#sptnav ul li .sptnavsub .level9 li a:hover {
  color: #c12430;
}
#sptnav ul li .sptnavsub .level9 li img {
  display: none;
}
#sptnav .arrow {
  display: none;
  background: url("../img/pcp-ico-arrow-right-white.png") no-repeat center;
  float: right;
  width: 10%;
  height: 45px;
}
/* responsive styles */
@media screen and (max-width: 1600px) {
  .sptnavsub li:nth-child(5n+1) {
    clear: none !important;
  }
  .sptnavsub li:nth-child(4n+1) {
    clear: left;
  }
}
@media screen and (max-width: 1300px) {
  .level3 {
    /*.sptnavsub {
			li {
				&:nth-child(6n+1) {
					clear: none !important;
				}
				&:nth-child(5n+1) {
					clear: none !important;
				}
				&:nth-child(4n+1) {
					clear: left;
				}
			}
		}*/
  }
  .level3 > li > img {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .sptnavigator #centercont {
    padding: 105px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .sptnavigator #centercont {
    padding: 60px 0 0 0;
  }
}
/* end responsive styles */
/* documents orderss, order, invoice... */
.document {
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #eff3f5;
  padding: 30px;
  margin: 0 0 20px 0 !important;
}
.document select {
  height: 40px;
  width: 100%;
}
.document input {
  width: 100%;
}
.document .hdr > p {
  padding: 0;
  font-size: 1.7rem;
  color: #124095;
}
.document .hdr .btn {
  float: right;
  margin: 6px 0;
}
.document .cnt {
  padding: 10px 0 0 0;
}
.document .cnt table {
  border: none;
  margin: 0;
}
.document .cnt table th {
  width: auto;
  min-width: 160px;
  white-space: nowrap;
  padding: 10px;
  text-align: right;
}
.document .cnt table td {
  width: 100%;
  padding: 6px 0;
}
.document .cnt table td .btn-pdf {
  margin: 0 5px;
}
.document .cnt table td .btn-pdf:before {
  font-size: 1.2em;
}
.document .cnt ul {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
}
.document .cnt ul li {
  float: left;
  clear: left;
  width: 100%;
}
.document .cnt ul li ul {
  padding-left: 20px;
}
.document .cnt ul li .btn {
  margin-top: 10px;
}
.document .cnt input,
.document .cnt textarea,
.document .cnt .custom-select,
.document .cnt .custom-multi-select {
  width: 100%;
}
.document.moredetails .tabinfo tr {
  width: 100%;
  float: left;
}
.document.moredetails .tabinfo.warranty th {
  float: left;
  width: 30%;
}
.document.moredetails .tabinfo.warranty td {
  float: left;
  width: 70%;
}
.document .rowbox {
  width: 100%;
}
.document .rowbox .label {
  display: none;
}
.document .rowbox .inputs {
  width: 100%;
}
.document .rowbox .inputs.compostcode {
  width: 30%;
}
.document .rowbox .inputs.comxcouid {
  width: 68%;
  margin: 5px 0 0 2%;
}
.document .rowbox .inputs input {
  width: 100%;
  min-width: auto;
}
.document.contact {
  width: 49.5% !important;
  margin: 0 1% 10px 0 !important;
  min-height: 346px;
}
.document.contact.ko {
  margin: 0 0 10px 0 !important;
}
.document.contact.ko .rowbox .inputs.comxcouid {
  margin: 0 0 0 2%;
}
.document.comshipto .hdr p {
  font-size: 1.4rem;
  font-weight: normal;
}
.document.captcha {
  border: none;
  background: none;
  padding: 0;
}
.document.captcha .cnt {
  padding: 0;
}
.document.captcha .cnt .tabinfo td {
  padding: 0 0 5px 0;
}
.document.newpassword {
  width: 70%;
  background: #eff3f5 url("../img/pcp-ico-locker.png") no-repeat 85% center;
  padding: 30px 35px 30px 35px;
}
.document.newpassword .rowbox .inputs {
  width: 68% ! important;
}
.document.searchbox {
  clear: left;
}
.document.searchbox .category th {
  width: 17.5%;
}
.document.searchbox input {
  width: 49%;
  margin: 5px 2% 5px 0;
  max-width: none;
}
.document.searchbox .custom-select {
  width: 49%;
  margin: 5px 0 5px 0;
}
.document.searchbox.srchform .item:last-child {
  float: left;
  width: 100%;
}
.document.credit .cnt .tabinfo th {
  display: block;
}
.document.debet {
  height: 251px;
}
.document.logbusinfo {
  height: 320px;
}
.ordsucc .hdr p {
  font-size: 2.7rem;
  color: #124095;
}
.ordsucc .cnt p,
.ordsucc .cnt a {
  font-size: 1.4rem;
}
.ordsucc .cnt p.float-right,
.ordsucc .cnt a.float-right {
  font-weight: bold;
}
.ordsucc .cnt a {
  text-decoration: underline;
}
.user-document ol {
  padding-left: 1em;
}
.user-document h1,
.user-document h2,
.user-document h3,
.user-document p,
.user-document ol {
  margin: .5em 0;
}
.user-document ul {
  padding-left: 1.2em;
  list-style: disc;
}
.user-document ul li {
  float: none;
}
.user-document ul li a {
  font-size: 1em;
}
.boxcont.document.identityprovider .rowbox {
  clear: none;
  margin-right: 1em;
  float: left;
  width: auto;
}
.boxcont.document.identityprovider .rowbox a {
  color: #124095;
  height: 80px;
}
.boxcont.document.identityprovider .rowbox a:before {
  display: none;
}
/* default styles for owl carousel */
/*
.owl-carousel {
    display: none;
    position: relative;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-fade-out {
    opacity: 0;
}
.owl-fade-in {
    opacity: 1;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 2px;
    background: #FFF;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: @baseShopColor;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-controls .owl-page {
    cursor: pointer;
}
.owl-pagination {
    text-align: center !important;
    position: absolute;
    right: 20px;
    bottom: 5px;
}
.owl-next {
    position: absolute;
    right: 0;
    width: 40px;
    height: 85px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    padding: 5px 10px;
    color: transparent;
    float: right;
}
.owl-next:before {
    .fontawesome(4rem);
    font-weight: bold;
    content: "105";
    color: @baseShopColor;
    padding: 17px 5px;
}
.owl-next:hover {
    background: rgba(255, 255, 255, 0.7);
}
.owl-prev {
    position: absolute;
    left: 0;
    width: 40px;
    height: 85px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.6);
    padding: 5px 10px;
    color: transparent;
    float: left;
}
.owl-prev:before {
    .fontawesome(4rem);
    font-weight: bold;
    content: "104";
    color: @baseShopColor;
    padding: 17px 0;
}
.owl-prev:hover {
    background: rgba(255, 255, 255, 0.7);
}
.owl-theme:hover .owl-prev {
    display: block;
}
.owl-theme:hover .owl-next {
    display: block;
}
.owl-buttons div {
    position: absolute;
    top: calc(~'50% - 45px');
    z-index: 7;
    overflow: hidden;
}*/
/* new */
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-dots {
  text-align: center !important;
  position: absolute;
  right: 20px;
  bottom: 5px;
}
.owl-dots .owl-dot {
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px;
  background: #FFF;
  display: inline-block;
}
.owl-dots .owl-dot.active {
  background: #124095;
}
.owl-nav {
  position: absolute;
  top: calc(50% - 42px);
  z-index: 7;
  width: 100%;
}
.owl-next {
  position: absolute;
  right: 0;
  width: 40px;
  height: 85px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  padding: 5px 10px;
  color: transparent;
  float: right;
}
.owl-next:before {
  display: inline-block;
  font: normal normal normal 4rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-weight: bold;
  content: "\f105";
  color: #124095;
  padding: 17px 5px;
}
.owl-next:hover {
  background: rgba(255, 255, 255, 0.7);
}
.owl-prev {
  position: absolute;
  left: 0;
  width: 40px;
  height: 85px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.6);
  padding: 5px 10px;
  color: transparent;
  float: left;
}
.owl-prev:before {
  display: inline-block;
  font: normal normal normal 4rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-weight: bold;
  content: "\f104";
  color: #124095;
  padding: 17px 0;
}
.owl-prev:hover {
  background: rgba(255, 255, 255, 0.7);
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/* end default styles for owl carousel */
/* cls css files  */
.stiparcomp {
  z-index: 15;
}
.stiparcomp .hdr h1 {
  font-size: 2.7rem;
}
.stiparcomp .filteritem {
  float: left;
  margin: 10px;
}
.stiparcomp .cnt {
  overflow-x: auto;
}
.stiparcomp .cnt p {
  font-size: 1.3rem;
}
.stiparcomp .cnt table {
  width: auto;
}
.stiparcomp .cnt table .Thumbnail th:after,
.stiparcomp .cnt table .StiPLName th:after,
.stiparcomp .cnt table .Remove th:after {
  content: "";
}
.stiparcomp .cnt table .Remove th,
.stiparcomp .cnt table .Remove td {
  text-align: center;
  padding: 0;
}
.stiparcomp .cnt table .Remove a {
  float: none;
}
.stiparcomp .cnt table .stiplname p {
  font-weight: normal;
}
.stiparcomp .cnt table tr:nth-child(odd) {
  background: #eff3f5;
}
.stiparcomp .cnt table tr:nth-child(1) {
  background: #fff;
}
.stiparcomp .cnt table tr:nth-child(2) {
  background: #fff;
}
.stiparcomp .cnt table .detparam,
.stiparcomp .cnt table .diffparam {
  display: none;
}
.stiparcomp .cnt table th,
.stiparcomp .cnt table td {
  width: 230px;
  min-width: 230px;
  max-width: 230px;
  vertical-align: top;
  padding: 10px;
  text-align: left;
  border-right: 2px solid #FFF;
}
.stiparcomp .cnt table th:after,
.stiparcomp .cnt table td:after {
  display: none;
}
.stiparcomp .cnt table th img,
.stiparcomp .cnt table td img {
  width: 100%;
}
.popupstiparcomp {
  max-width: 1000px;
  background: #fff;
  padding: 20px;
  box-shadow: none;
  top: 200px !important;
}
.popupstiparcomp .buttons {
  display: none;
}
.popupstiparcomp .stiplname {
  float: none !important;
}
.ordbaskets {
  /* printpage */
}
.ordbaskets .contentcont .boxcont a:hover {
  text-decoration: none;
  color: #c12430;
}
.ordbaskets .contentcont .boxcont .hdr:not(:empty) {
  padding: 0;
  color: #124095;
}
.ordbaskets .contentcont .boxcont .hdr p {
  padding: 0;
  font-size: 1.7rem;
  font-weight: bold;
}
.ordbaskets .contentcont .boxcont .cnt {
  padding: 20px 0px;
}
@-moz-document url-prefix() {
  .ordbaskets .contentcont .boxcont .cnt .btn-import {
    padding: 6px 10px;
  }
}
.ordbaskets .contentcont .boxcont .cnt .boxcont {
  border: none;
}
.ordbaskets .contentcont .boxcont .cnt .boxcont .tabinfo .energyclass {
  display: none;
}
.ordbaskets .contentcont .boxcont .cnt p {
  margin: 0;
}
.ordbaskets .contentcont .boxcont.half {
  padding: 30px 35px 30px 35px;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
}
.ordbaskets .contentcont .boxcont.half .cnt {
  padding: 20px 0px 0 0;
}
.ordbaskets .contentcont.ordbaskets .boxcont.failure {
  margin-bottom: 20px;
}
.ordbaskets .contentcont.ordbaskets .boxcont.failure .hdr {
  color: #ca1f1b;
}
.ordbaskets .contentcont.ordbaskets .boxcont.failure .cnt {
  border-bottom: 1px solid #d4d6d7;
}
.ordbaskets .contentcont.ordbaskets .boxcont.failure .cnt .tabinfo.hor th {
  background: #ca1f1b !important;
}
.ordbaskets .addbynum {
  border-top: 1px solid #d4d6d7;
  padding: 10px 0 0 0;
}
.ordbaskets .addbynum .hdr {
  display: none;
}
.ordbaskets .addbynum .cnt span {
  font-size: 1.4rem;
  padding: 12px 10px 12px 0;
  float: left;
}
.ordbaskets .addbynum .cnt .ks {
  width: 40px;
  text-align: center;
}
.ordbaskets .addbynum .cnt .btn {
  background: #000;
}
.ordbaskets .addbynum .cnt .btn span {
  padding: 0;
}
.ordbaskets .addbynum .cnt a {
  float: right;
  text-decoration: underline;
}
.ordbaskets .addbynum .cnt a span {
  padding: 12px 0;
}
.ordbaskets .navbar,
.ordbaskets .headline {
  display: none;
}
.ordbaskets .tradeterm {
  border: none !important;
}
.ordbaskets .tradeterm .cnt {
  padding: 5px 0;
}
.ordbaskets .tradeterm .cnt .rowbox {
  float: right;
  font-size: 1.3rem;
}
.ordbaskets .tradeterm .cnt .rowbox a {
  float: none;
}
.ordbaskets .gdpr {
  border: none !important;
}
.ordbaskets .gdpr .cnt {
  padding: 5px 0;
}
.ordbaskets .gdpr .cnt .rowbox {
  float: right;
  clear: right;
  font-size: 1.3rem;
}
.ordbaskets .gdpr .cnt .rowbox a {
  float: none;
}
.ordbaskets .gdpr .cnt .rowbox .info span {
  right: 0;
}
.ordbaskets .trippleswitch .trplopt {
  float: left;
  width: 25%;
  padding: 10px 0 10px 70px;
  margin: 0 4%;
}
.ordbaskets .trippleswitch .trplopt label {
  padding-top: 1px;
  font-weight: bold;
  font-size: 1.4rem;
}
.ordbaskets .trippleswitch .trplopt p {
  float: left;
  clear: left;
  width: 100%;
  margin-left: 30px;
}
.ordbaskets .contact label,
.ordbaskets .comshipto label,
.ordbaskets .buyasfirm label,
.ordbaskets .customsignorder label,
.ordbaskets .discoupons label,
.ordbaskets .logincontact label,
.ordbaskets .store label {
  padding-top: 2px;
  margin-left: 10px;
}
.ordbaskets .contact .rowbox label,
.ordbaskets .comshipto .rowbox label,
.ordbaskets .buyasfirm .rowbox label,
.ordbaskets .customsignorder .rowbox label,
.ordbaskets .discoupons .rowbox label,
.ordbaskets .logincontact .rowbox label,
.ordbaskets .store .rowbox label {
  padding-top: 1px;
  margin-left: 0;
}
.ordbaskets .contact .rowbox input,
.ordbaskets .comshipto .rowbox input,
.ordbaskets .buyasfirm .rowbox input,
.ordbaskets .customsignorder .rowbox input,
.ordbaskets .discoupons .rowbox input,
.ordbaskets .logincontact .rowbox input,
.ordbaskets .store .rowbox input,
.ordbaskets .contact .rowbox textarea,
.ordbaskets .comshipto .rowbox textarea,
.ordbaskets .buyasfirm .rowbox textarea,
.ordbaskets .customsignorder .rowbox textarea,
.ordbaskets .discoupons .rowbox textarea,
.ordbaskets .logincontact .rowbox textarea,
.ordbaskets .store .rowbox textarea {
  margin: 3px 0;
  width: 100%;
}
.ordbaskets .contact .rowbox .label,
.ordbaskets .comshipto .rowbox .label,
.ordbaskets .buyasfirm .rowbox .label,
.ordbaskets .customsignorder .rowbox .label,
.ordbaskets .discoupons .rowbox .label,
.ordbaskets .logincontact .rowbox .label,
.ordbaskets .store .rowbox .label {
  display: none;
  text-align: left;
}
.ordbaskets .contact .rowbox,
.ordbaskets .comshipto .rowbox,
.ordbaskets .buyasfirm .rowbox,
.ordbaskets .customsignorder .rowbox,
.ordbaskets .discoupons .rowbox,
.ordbaskets .logincontact .rowbox,
.ordbaskets .store .rowbox {
  width: 100%;
}
.ordbaskets .contact .rowbox .inputs,
.ordbaskets .comshipto .rowbox .inputs,
.ordbaskets .buyasfirm .rowbox .inputs,
.ordbaskets .customsignorder .rowbox .inputs,
.ordbaskets .discoupons .rowbox .inputs,
.ordbaskets .logincontact .rowbox .inputs,
.ordbaskets .store .rowbox .inputs {
  width: 100%;
}
.ordbaskets .contact .rowbox .inputs input,
.ordbaskets .comshipto .rowbox .inputs input,
.ordbaskets .buyasfirm .rowbox .inputs input,
.ordbaskets .customsignorder .rowbox .inputs input,
.ordbaskets .discoupons .rowbox .inputs input,
.ordbaskets .logincontact .rowbox .inputs input,
.ordbaskets .store .rowbox .inputs input {
  width: 100%;
}
.ordbaskets .contact .rowbox .custom-select,
.ordbaskets .comshipto .rowbox .custom-select,
.ordbaskets .buyasfirm .rowbox .custom-select,
.ordbaskets .customsignorder .rowbox .custom-select,
.ordbaskets .discoupons .rowbox .custom-select,
.ordbaskets .logincontact .rowbox .custom-select,
.ordbaskets .store .rowbox .custom-select {
  width: 100%;
  background-position: 98% center;
}
.ordbaskets .contact .payvat,
.ordbaskets .comshipto .payvat,
.ordbaskets .buyasfirm .payvat,
.ordbaskets .customsignorder .payvat,
.ordbaskets .discoupons .payvat,
.ordbaskets .logincontact .payvat,
.ordbaskets .store .payvat {
  margin: 9px 0 9px 6px !important;
}
.ordbaskets .contact .btn-import,
.ordbaskets .comshipto .btn-import,
.ordbaskets .buyasfirm .btn-import,
.ordbaskets .customsignorder .btn-import,
.ordbaskets .discoupons .btn-import,
.ordbaskets .logincontact .btn-import,
.ordbaskets .store .btn-import {
  margin: 3px 0 3px 6px;
}
.ordbaskets .contact.data_3,
.ordbaskets .comshipto.data_3,
.ordbaskets .buyasfirm.data_3,
.ordbaskets .customsignorder.data_3,
.ordbaskets .discoupons.data_3,
.ordbaskets .logincontact.data_3,
.ordbaskets .store.data_3 {
  clear: left;
}
.ordbaskets .contact.data_3 .cnt,
.ordbaskets .comshipto.data_3 .cnt,
.ordbaskets .buyasfirm.data_3 .cnt,
.ordbaskets .customsignorder.data_3 .cnt,
.ordbaskets .discoupons.data_3 .cnt,
.ordbaskets .logincontact.data_3 .cnt,
.ordbaskets .store.data_3 .cnt {
  display: none;
}
.ordbaskets .contact.data_4 .cnt,
.ordbaskets .comshipto.data_4 .cnt,
.ordbaskets .buyasfirm.data_4 .cnt,
.ordbaskets .customsignorder.data_4 .cnt,
.ordbaskets .discoupons.data_4 .cnt,
.ordbaskets .logincontact.data_4 .cnt,
.ordbaskets .store.data_4 .cnt {
  display: none;
}
.ordbaskets .contact.data_4 .rowbox .inputs input,
.ordbaskets .comshipto.data_4 .rowbox .inputs input,
.ordbaskets .buyasfirm.data_4 .rowbox .inputs input,
.ordbaskets .customsignorder.data_4 .rowbox .inputs input,
.ordbaskets .discoupons.data_4 .rowbox .inputs input,
.ordbaskets .logincontact.data_4 .rowbox .inputs input,
.ordbaskets .store.data_4 .rowbox .inputs input {
  margin: 3px 0;
}
.ordbaskets .contact.data_4 .rowbox .label,
.ordbaskets .comshipto.data_4 .rowbox .label,
.ordbaskets .buyasfirm.data_4 .rowbox .label,
.ordbaskets .customsignorder.data_4 .rowbox .label,
.ordbaskets .discoupons.data_4 .rowbox .label,
.ordbaskets .logincontact.data_4 .rowbox .label,
.ordbaskets .store.data_4 .rowbox .label {
  min-width: 135px;
  margin: 5px 0 0 0;
}
.ordbaskets .customsignorder {
  clear: right;
}
.ordbaskets #contactdatacont_1,
.ordbaskets #contactdatacont_2 {
  min-height: 295px;
}
.ordbaskets #contactdatacont_1_log .rowbox .label {
  display: block;
}
.ordbaskets .buyasfirm p {
  padding-top: 5px;
}
.ordbaskets .buyasfirm label {
  padding: 0 0 0 22px;
  margin: 0;
}
.ordbaskets .buyasfirm label:before,
.ordbaskets .buyasfirm label:after {
  top: 6px;
}
@-moz-document url-prefix() {
  .ordbaskets .buyasfirm label {
    margin: 0 0 1px 0;
  }
}
.ordbaskets .data_7 .rowbox.pickuppoint p {
  display: block;
}
.ordbaskets .comshipto {
  clear: right;
}
.ordbaskets .comshipto .hdr span {
  padding: 10px 0;
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
}
.ordbaskets .comshipto .hdr span label {
  margin: 0 10px 0 0;
  font-weight: normal;
}
.ordbaskets .comshipto .cnt {
  padding: 0 !important;
}
.ordbaskets .comshipto .cnt .postcode {
  width: 29%;
  margin: 0 1% 0 0;
}
.ordbaskets .comshipto .cnt .postcode input {
  min-width: 140px;
}
.ordbaskets .comshipto .cnt .country {
  width: 70%;
  clear: none;
  float: right;
}
.ordbaskets .comshipto .ftr span {
  padding: 10px 0;
  float: left;
  clear: left;
  width: 100%;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}
.ordbaskets .comshipto .ftr p {
  font-size: 1.4rem;
}
.ordbaskets .delivery {
  clear: left;
}
.ordbaskets .delivery .info {
  display: none;
}
.ordbaskets .delivery li,
.ordbaskets .payway li {
  float: left;
  clear: left;
  width: 100%;
}
.ordbaskets .delivery li .img,
.ordbaskets .payway li .img {
  float: left;
}
.ordbaskets .delivery li .img img,
.ordbaskets .payway li .img img {
  max-height: 20px;
}
.ordbaskets .delivery li label:before,
.ordbaskets .payway li label:before {
  top: 3px;
  margin: 0 5px 0 0;
}
.ordbaskets .delivery li label:after,
.ordbaskets .payway li label:after {
  top: 4px;
  margin: 0 5px 0 0;
}
.ordbaskets .delivery li label span,
.ordbaskets .payway li label span {
  float: left;
  padding: 3px 0 3px 5px;
}
.ordbaskets .delivery li .price,
.ordbaskets .payway li .price {
  float: right;
  font-size: 1.4rem;
  padding: 5px 0 0 0;
}
.ordbaskets .delivery li .price .wvat,
.ordbaskets .payway li .price .wvat {
  margin-left: 10px;
}
.ordbaskets .delivery li .price span,
.ordbaskets .payway li .price span {
  width: auto;
  clear: none;
}
.ordbaskets .delivery li .price span.coeficiet:before,
.ordbaskets .payway li .price span.coeficiet:before {
  content: "(";
}
.ordbaskets .delivery li .price span.coeficiet:after,
.ordbaskets .payway li .price span.coeficiet:after {
  content: ")";
}
.ordbaskets .delivery li .price span.free,
.ordbaskets .payway li .price span.free {
  font-size: 1.4rem;
  font-weight: bold;
  color: #41872c;
}
.ordbaskets .delivery li .info,
.ordbaskets .payway li .info {
  display: none;
  float: right;
  margin: 1px 0 0 0;
}
.ordbaskets .delivery li .info span,
.ordbaskets .payway li .info span {
  top: 0;
  right: 20px;
}
.ordbaskets .delivery li .info span .dempawdetail,
.ordbaskets .payway li .info span .dempawdetail {
  padding-top: 5px;
}
.ordbaskets .delivery li .info span .dempawdetail .name,
.ordbaskets .payway li .info span .dempawdetail .name,
.ordbaskets .delivery li .info span .dempawdetail .price,
.ordbaskets .payway li .info span .dempawdetail .price {
  float: left;
  padding-right: 5px;
}
.ordbaskets .delivery li .services,
.ordbaskets .payway li .services {
  display: none;
  float: left;
  clear: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.ordbaskets .delivery li .services li,
.ordbaskets .payway li .services li {
  padding-left: 20px;
}
.ordbaskets .delivery li .services li .wovat,
.ordbaskets .payway li .services li .wovat {
  display: none;
}
.ordbaskets .delivery li .services li ul,
.ordbaskets .payway li .services li ul {
  display: none;
}
.ordbaskets .delivery li .place,
.ordbaskets .payway li .place {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px 0;
}
.ordbaskets .delivery li .place:before,
.ordbaskets .payway li .place:before {
  content: "\f187";
  display: inline-block;
  font: normal normal normal 1.6em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 5px;
  color: #072e5c;
}
.ordbaskets .delivery li p,
.ordbaskets .payway li p {
  float: left;
}
.ordbaskets .discoupons .inputs .diccode {
  float: left;
  clear: left;
}
.ordbaskets .discoupons .inputs .diccode .btn {
  min-width: 0;
  margin: 3px 0 3px 5px;
}
.ordbaskets .discoupons .inputs .diccode .btn:before {
  margin: 0;
}
.ordbaskets .demtoplace input {
  max-width: 130px;
  margin: 4px 6px 5px 0;
}
.ordbaskets .demtoplace ul {
  float: left;
  clear: left;
  width: 100%;
  padding-top: 10px;
}
.ordbaskets .demtoplace ul li {
  float: left;
  clear: left;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid #d4d6d7;
  padding: 10px 0;
}
.ordbaskets .demtoplace ul li:first-child {
  border: none;
}
.ordbaskets .demtoplace ul li.act {
  background: #f0f0f0;
}
.ordbaskets .demtoplace ul li.act .detail {
  display: block;
}
.ordbaskets .demtoplace ul li label {
  display: none;
}
.ordbaskets .demtoplace ul li .item {
  width: auto;
  float: left;
  padding-right: 10px;
}
.ordbaskets .demtoplace ul li .item p {
  padding: 2px 0 2px 25px;
}
.ordbaskets .demtoplace ul li .item .name {
  font-weight: bold;
  font-size: 1.1em;
}
.ordbaskets .demtoplace ul li .item .btn-location {
  position: absolute;
  background: none;
  box-shadow: none;
  border: none;
  min-width: auto;
  margin: 0;
  padding: 5px;
  color: #072e5c;
}
.ordbaskets .demtoplace ul li .item .btn-location:before {
  margin: 0;
  display: inline-block;
  font: normal normal normal 1.8em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.ordbaskets .demtoplace ul li .detail {
  display: none;
  float: left;
  clear: left;
  padding: 15px 0 10px 25px;
}
.ordbaskets .boxcont.products {
  border: none;
  margin: 0 0 20px 0;
}
.ordbaskets .boxcont.products .cnt {
  padding: 0;
}
.ordbaskets .boxcont.products.noedit .buyout {
  display: none;
}
.ordbaskets .boxcont.ordrelation .cnt,
.ordbaskets .boxcont.itemsintoexistorder .cnt,
.ordbaskets .boxcont.sumtab .cnt,
.ordbaskets .boxcont.sipqdiscs .cnt {
  padding: 0;
}
.ordbaskets .boxcont.ordrelation .cnt table,
.ordbaskets .boxcont.itemsintoexistorder .cnt table,
.ordbaskets .boxcont.sumtab .cnt table,
.ordbaskets .boxcont.sipqdiscs .cnt table {
  border: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ordbaskets .boxcont.ordrelation .cnt table th,
.ordbaskets .boxcont.itemsintoexistorder .cnt table th,
.ordbaskets .boxcont.sumtab .cnt table th,
.ordbaskets .boxcont.sipqdiscs .cnt table th {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: auto;
}
.ordbaskets .boxcont.ordrelation .cnt table td,
.ordbaskets .boxcont.itemsintoexistorder .cnt table td,
.ordbaskets .boxcont.sumtab .cnt table td,
.ordbaskets .boxcont.sipqdiscs .cnt table td {
  width: auto;
}
.ordbaskets .sumtab {
  border: 1px solid #d4d6d7;
}
.ordbaskets .sumtab .total.vat th,
.ordbaskets .sumtab .total.vat td span {
  color: #124095;
  font-weight: bold;
  font-size: 1.8rem;
}
.ordbaskets .sumtab .withdeliv th,
.ordbaskets .sumtab .withdeliv td span {
  color: #000000;
  font-weight: bold;
  font-size: 1.8rem;
}
.ordbaskets .sumtab th {
  font-weight: normal;
  text-align: left;
  padding: 5px 20px 5px 3px;
  font-size: 1.5rem;
}
.ordbaskets .sumtab td,
.ordbaskets .sumtab .price {
  text-align: right;
}
.ordbaskets .sumtab td span,
.ordbaskets .sumtab .price span {
  font-weight: normal;
  color: #000000;
  float: right;
}
.ordbaskets .sumtab .btn {
  background: none;
  border: none;
  box-shadow: none;
  color: #000000;
  text-transform: none;
  font-weight: normal;
  margin: 4.8% 0;
}
.ordbaskets .pickupcont {
  border: 1px solid #d4d6d7;
  padding: 10px 20px;
  margin: 10px 0;
}
.ordbaskets .pickupcont .cnt {
  padding: 0 !important;
}
.ordbaskets .pickupcont p {
  font-size: 1.4rem;
  margin: 5px 10px 3px 0 !important;
  float: left;
}
.ordbaskets .pickupcont p:before {
  content: url("../img/pcp-ico-box.png");
  margin: 0 10px;
  position: relative;
  top: 5px;
}
.ordbaskets .pickupcont .btn {
  margin: 3px 10px 3px 0;
  background: none;
  box-shadow: none;
  border: 1px solid #d4d6d7;
  color: #124095;
}
.ordbaskets .pickupcont .btn.act {
  border: none;
  background: #124095;
  color: #FFF;
}
.ordbaskets .pickupcont .bordercont {
  float: left;
  width: 1px;
  height: 42px;
  margin: 3px 20px 3px 10px;
  background: #d4d6d7;
}
.ordbaskets .pickupcont .custom-select {
  margin: 3px 10px 3px 0;
  height: 42px;
  width: 85px;
}
.ordbaskets .pickupcont .custom-select.big {
  width: 150px;
}
.ordbaskets .pickupcont input {
  margin: 3px 10px 3px 0;
  height: 42px;
}
.ordbaskets .pickupcont .smallcalendar {
  float: left;
  margin: 12px 0 0 5px;
}
.ordbaskets .itemsintoexistorder .tabinfo {
  margin: 0;
}
.ordbaskets .sumtab .tabinfo {
  width: auto;
  float: right;
  margin: 15px 15px 20px 0;
}
.ordbaskets .sumtab .tabinfo .dicvalue td {
  font-weight: bold;
}
.ordbaskets .sumtab .tabinfo tr:last-child td,
.ordbaskets .sumtab .tabinfo tr:last-child th {
  padding-bottom: 0px;
}
.ordbaskets .boxcont.buttons {
  border: none;
}
.ordbaskets .boxcont.buttons a:hover {
  color: #FFF;
}
.ordbaskets .boxcont.buttons .btn:not(.btn-inv) {
  float: right;
  margin: 3px 0 3px 5px;
}
.ordbaskets .sascheck + label {
  float: right !important;
}
@media print {
  .ordbaskets .contentcont .boxcont {
    border: none;
  }
  .ordbaskets .contentcont .boxcont .hdr {
    border: none !important;
    padding: 0 !important;
  }
  .ordbaskets .contentcont .boxcont .hdr p {
    padding: 0 !important;
    font-size: 1.3rem;
  }
  .ordbaskets .contentcont .boxcont .cnt {
    padding: 5px 0;
  }
  .ordbaskets .contentcont .tabinfo {
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
.ordbaskets #datdeliv_ID {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  width: auto;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d4d6d7;
  padding: 3px;
  background: -moz-linear-gradient(#F9F9F9, #EEEEEE);
  background: -webkit-linear-gradient(#F9F9F9, #EEEEEE);
  visibility: hidden;
}
.ordbaskets #datdeliv_ID .month {
  background: #124095;
  text-align: center;
  height: 24px;
  text-transform: lowercase;
}
.ordbaskets #datdeliv_ID .month #datdeliv_Current_ID {
  border-left: none;
  border-right: none;
  font-weight: bold;
  color: #FFF;
  font-size: 1.1rem;
}
.ordbaskets #datdeliv_ID .month #datdeliv_Previous_ID {
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 3px 0 0 0;
}
.ordbaskets #datdeliv_ID .month #datdeliv_Next_ID {
  border-left: none;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 3px 0 0 0;
}
.ordbaskets #datdeliv_ID .days td {
  width: 27px;
  text-align: center;
  height: 23px;
  border: none !important;
  font-weight: bold;
  font-size: 1.0rem;
  cursor: text;
}
.ordbaskets #datdeliv_ID #datdeliv_DayTable_ID table {
  border-spacing: 3px;
  border-collapse: separate;
}
.ordbaskets #datdeliv_ID #datdeliv_DayTable_ID table td {
  text-align: center;
  background: #FFF;
  border: 1px solid #d4d6d7;
  color: #124095;
  font-weight: bold;
  width: 24px;
  height: 23px;
}
.ordbaskets #datdeliv_ID #datdeliv_DayTable_ID table td.week {
  background: #d4d6d7;
  cursor: text;
}
.ordbaskets #datdeliv_ID #datdeliv_DayTable_ID table td.empty {
  border: none;
  background: transparent;
}
/* styles for spresenttrees and stoitems */
.spresenttreesleft {
  width: 23%;
  float: left;
}
.spresenttreesleft.category {
  display: none;
}
.spresenttreesright {
  width: 75%;
  float: right;
}
.spresenttreesright.category {
  width: 100%;
}
.spresenttreesright.category .subcats ul li {
  width: 19.2%;
}
.spresenttreesright.category .subcats ul li:nth-child(4n+1) {
  margin-left: 0.5%;
  clear: none;
}
.spresenttreesright.category .subcats ul li:nth-child(4n) {
  margin-right: 0.5%;
}
.spresenttreesright.category .subcats ul li:nth-child(5n+1) {
  margin-left: 0;
  clear: left;
}
.spresenttreesright.category .subcats ul li:nth-child(5n) {
  margin-right: 0;
}
.filter > .hdr {
  padding: 0 0 0 10px;
}
.filter > .cnt {
  padding: 0 10px 10px 10px;
}
.filter .radio-group label.radio {
  margin-bottom: 11px;
}
.filter label {
  width: 100%;
  margin: 5px 0;
  padding: 0 5px 0 0;
  font-size: 1.3rem;
}
.filter label:hover {
  text-decoration: underline;
}
.filter label.radio {
  width: auto;
  margin: 9px 10px 9px 0px;
}
.filter label.checkbox {
  margin: 11px 10px 8px 10px;
  width: auto;
}
.filter label p {
  float: left;
  padding-right: 5px;
}
.filter label p:hover {
  text-decoration: underline;
}
.filter label span {
  float: left;
}
.filter label span:before {
  content: "(";
}
.filter label span:after {
  content: ")";
}
.filter .param.val {
  position: relative;
  clear: both;
}
.filter .param.val .img {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 24px;
  background: #fff;
  padding: 2px;
  line-height: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.filter.store {
  float: right;
}
.filter.store .boxcont {
  margin-bottom: 0;
}
.filter.orderby {
  width: auto;
  float: right;
  margin: 0 20px 0 0;
}
.filter.orderby .hdr {
  display: none;
  padding: 0;
}
.filter.orderby .cnt {
  padding: 0;
}
.filter.orderby .cnt .custom-select {
  height: 28px;
}
.filter.orderby .cnt .custom-select .orderselector {
  height: 28px;
  margin: 0 6px 0 0;
  padding: 2px 25px 4px 6px;
}
.filter.orderby .btn {
  display: none;
}
.filter.showstyle {
  width: auto;
  float: right;
  margin: 0;
}
.filter.showstyle .cnt {
  padding: 9px 0 0 0;
}
.filter.showstyle .styletab {
  margin: 0 4px;
  float: left;
}
.filter.showstyle .styletab a {
  color: #89a0ca;
}
.filter.showstyle .styletab span {
  display: none;
}
.filter.showstyle .styletab:first-child {
  margin-left: 0;
}
.filter.showstyle .styletab:last-child {
  margin-right: 0;
}
.filter.showstyle .table a:before {
  content: url(../img/pcp-ico-showstyle-2-o.png);
}
.filter.showstyle .table.act a:before {
  content: url(../img/pcp-ico-showstyle-2.png);
}
.filter.showstyle .gallery a:before {
  content: url(../img/pcp-ico-showstyle-3-o.png);
}
.filter.showstyle .gallery.act a:before {
  content: url(../img/pcp-ico-showstyle-3.png);
}
.filter.showstyle .list a:before {
  content: url(../img/pcp-ico-showstyle-1-o.png);
}
.filter.showstyle .list.act a:before {
  content: url(../img/pcp-ico-showstyle-1.png);
}
.filter.fulltext {
  margin: 0;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: none;
  padding: 10px 20px 0 20px;
}
.filter.fulltext .hdr {
  cursor: pointer;
  display: block;
  border-bottom: 2px solid #d4d6d7;
  padding: 0;
}
.filter.fulltext .hdr p {
  color: #124095;
}
.filter.fulltext .hdr.act:after {
  content: url("../img/pcp-ico-select-arrow-down.png");
}
.filter.fulltext .hdr:after {
  content: url("../img/pcp-ico-select-arrow-up.png");
  float: right;
  margin: 6px 0 0 0;
}
.filter.fulltext .cnt {
  padding: 0;
}
.filter.fulltext .cnt input {
  margin: 15px 0 0 0;
  width: calc(100% - 40px);
  border-right: 0;
}
.filter.fulltext .cnt input[type="search"]::-webkit-search-cancel-button,
.filter.fulltext .cnt input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.filter.fulltext .cnt .btn-search {
  height: 40px;
  width: 40px;
  min-width: 0;
  margin: 15px 0 0 0;
  padding: 0;
  background: white;
  border: 1px solid #d4d6d7;
  border-left: none;
  float: left;
  background: #fff url(../img/pcp-ico-search.png) no-repeat center;
  box-shadow: none;
}
.filter.fulltext .cnt .btn-search:before {
  display: none;
}
.filter.fulltext .cnt .btn-search span {
  display: none;
}
.bestseller .hdr p {
  font-weight: bold;
  font-size: 2rem;
  color: #124095;
}
.bestseller .prodbox {
  float: left;
  clear: left;
  width: 100%;
  height: auto;
  border: none;
  border-bottom: 1px solid #d4d6d7;
  margin: 0;
  padding: 0;
}
.bestseller .prodbox:nth-child(1) .number:after {
  content: '1.';
}
.bestseller .prodbox:nth-child(2) .number:after {
  content: '2.';
}
.bestseller .prodbox:nth-child(3) .number:after {
  content: '3.';
}
.bestseller .prodbox .number {
  float: left;
  width: 50px;
  text-align: center;
  padding: 40px 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.bestseller .prodbox .img {
  width: auto;
  clear: none;
  margin: 20px 0;
  height: auto;
}
.bestseller .prodbox .img img {
  height: auto;
  max-width: 80px;
}
.bestseller .prodbox .name {
  float: left;
  padding: 20px 10px 10px 10px;
  min-width: 50%;
  max-width: 80%;
}
.bestseller .prodbox .name a {
  font-size: 1.6rem;
  font-weight: bold;
}
.bestseller .prodbox .note {
  clear: none;
  padding: 0 10px;
  width: 50%;
  height: calc(2.1rem);
  line-height: 2.1rem;
  overflow: hidden;
  position: relative;
  margin: 6px 0;
}
.bestseller .prodbox .note p {
  font-size: 1.3rem;
}
.bestseller .prodbox .availability {
  margin: -17px 0 0 0;
}
.bestseller .prodbox .price {
  margin: -25px 0 0 0;
}
.bestseller.category {
  display: none;
}
.statustabs {
  margin: 0 !important;
}
.statustabs ul li {
  margin: 0 5px 0 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  border-bottom: none;
  position: relative;
  top: 1px;
  outline: none;
  width: 200px;
}
.statustabs ul li.act {
  background: #124095;
  border: 1px solid #124095;
}
.statustabs ul li.act a {
  color: #FFF;
}
.statustabs ul li a {
  color: #124095;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 10px;
}
.newfilter {
  border-radius: 2px;
  background: #124095;
  padding: 10px 15px;
}
.newfilter.category {
  display: none;
}
.filtersresponse {
  display: none;
}
.filtersresponse .btn-responsefilter {
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.filtersresponse .btn-responsefilter p {
  padding: 11px 15px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #124095;
  cursor: pointer;
}
.filtersresponse .btn-responsefilter p:after {
  content: url(../img/pcp-ico-down.png);
  float: right;
}
.filtersresponse .btn-responsefilter p.act:after {
  content: url(../img/pcp-ico-up.png);
}
.filtersresponse .stiparinf .param label {
  border-bottom: none;
  padding: 5px 0 5px 34px;
}
.filtersresponse .stiparinf .ftr {
  margin: 10px 0 0 0;
}
.filtersresponse .stiparinf .ftr .hdr {
  display: none;
}
.filtersresponse .stiparinf .ftr .paramgroupsactive {
  width: auto;
}
.filtersresponse .stiparinf .ftr .btn.cancel {
  margin: 3px 0 3px 0;
  float: left;
}
.subcats .hdr {
  display: none;
}
.subcats ul {
  float: left;
  clear: left;
  width: 100%;
}
.subcats ul li {
  float: left;
  width: 24.25%;
  padding: 5px;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0px 0.5% 10px 0.5%;
  font-size: 1.1em;
  font-weight: bold;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  background: #eff3f5;
}
.subcats ul li:hover {
  border: 1px solid #124095;
  background: #124095;
}
.subcats ul li:hover a {
  color: #FFF;
}
.subcats ul li:nth-child(4n+1) {
  margin-left: 0;
  clear: left;
}
.subcats ul li:nth-child(4n) {
  margin-right: 0;
}
.subcats ul li a {
  display: table;
  width: 100%;
}
.subcats ul li img {
  float: left;
  max-width: 28px;
  max-height: 28px;
}
.subcats ul li .name {
  float: none;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  padding: 6px 10px;
}
.subcats ul li .count {
  float: right;
  padding: 6px 0;
  font-weight: normal;
  opacity: 0.6;
  display: none;
}
.subcats ul li .count:before {
  content: "[";
}
.subcats ul li .count:after {
  content: "]";
}
.orderby.buttons .cnt {
  padding: 10px;
}
.orderby.buttons .btn.default span {
  margin: 0;
}
.orderby.buttons .btn.default:before {
  display: none;
}
.orderby.buttons .btn span {
  display: block;
  float: left;
  margin-right: 5px;
}
.orderby .btn {
  min-width: 0;
}
.orderby .btn:before {
  margin: 0;
  font-size: 1.3em;
}
.orderby .btn.act {
  color: silver;
}
.orderby .btn span {
  display: none;
}
.stocks label {
  width: auto;
}
.stinote .hdr p {
  font-size: 2.7rem;
  color: #124095;
}
.stinote .cnt {
  display: none;
}
.stiparinf .hdr {
  display: none;
}
.stiparinf > .cnt {
  padding-bottom: 10px;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-top: none;
}
.stiparinf .paramgroups {
  float: left;
  clear: left;
  width: 20%;
  padding: 0;
  display: none;
}
.stiparinf .paramgroups .group {
  padding: 10px;
  font-size: 1.1em;
  font-weight: bold;
  border-top: 1px solid #d4d6d7;
  cursor: pointer;
  color: #204471;
}
.stiparinf .paramgroups .group:hover {
  text-decoration: underline;
}
.stiparinf .paramgroups .group.act {
  background: #1446a3;
  position: relative;
  left: 1px;
}
.stiparinf .paramgroups .group:last-child {
  border-bottom: 1px solid #d4d6d7;
}
.stiparinf .paramgroups .group .count {
  background: rgba(255, 0, 0, 0.9);
  color: white;
  width: 1.4em;
  height: 1.4em;
  display: block;
  text-align: center;
  float: right;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-topleft: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 1px;
  font-weight: bold;
}
.stiparinf .paramitem {
  float: right;
  width: 100%;
  padding: 10px;
  margin: 0;
}
.stiparinf .paramitem .info {
  margin-left: 5px;
}
.stiparinf .paramitem .param.out {
  display: none;
}
.stiparinf .paramitem .hdr {
  cursor: pointer;
  display: block;
  border-bottom: 2px solid #d4d6d7;
}
.stiparinf .paramitem .hdr p {
  color: #124095;
}
.stiparinf .paramitem .hdr.act:after {
  content: url("../img/pcp-ico-select-arrow-down.png");
}
.stiparinf .paramitem .hdr:after {
  content: url("../img/pcp-ico-select-arrow-up.png");
  float: right;
  margin: 6px 0 0 0;
}
.stiparinf .paramitem.slider label {
  display: none;
}
@media screen and (max-width: 1280px) {
  .stiparinf .paramitem.slider .cnt {
    width: 100%;
  }
}
.stiparinf .paramitem.slider .cnt .from,
.stiparinf .paramitem.slider .cnt .to {
  float: left;
  padding-top: 10px;
  font-size: 1.3rem;
}
.stiparinf .paramitem.slider .cnt .to {
  float: right;
}
.stiparinf .paramitem.slider .cnt .param-range {
  float: left;
  clear: left;
  width: 100%;
  margin: 15px 0 0 0;
  height: 5px;
  background: #dadada;
  border-radius: 2px;
}
.stiparinf .paramitem.slider .cnt .param-range .ui-state-default {
  background: #124095;
  border: 1px solid #eff3f5;
  border-radius: 10px;
  height: 12px;
  width: 12px;
}
.stiparinf .paramitem.slider .cnt .param-range .ui-widget-header {
  background: rgba(18, 64, 149, 0.7);
}
.stiparinf .param label {
  border-bottom: 1px solid #d4d6d7;
  padding: 0 0 5px 25px;
  margin: 5px 0 0 0;
}
.stiparinf .ftr {
  margin: 20px 0 0 0;
}
.stiparinf .ftr .btn {
  padding: 10px;
  font-weight: normal;
  text-transform: none;
  min-width: 180px;
  text-align: left;
}
.stiparinf .ftr .btn.cancel {
  background: black;
  margin: 10px 0 0 0;
}
.stiparinf .ftr .btn:after {
  content: url("../img/pcp-ico-cross-white.png");
  float: right;
}
.stiparinf .paramgroupsactive {
  float: left;
  clear: left;
  width: 100%;
  margin: 0;
}
.stiparinf .paramgroupsactive .hdr {
  display: block;
}
.stiparinf .paramgroupsactive .hdr p {
  color: #124095;
  font-size: 1.8rem;
}
.stiparinf .paramgroupsactive .hdr p:after {
  content: ':';
}
.stiparinf .paramgroupsactive .cnt {
  padding: 0;
}
.prcrange {
  width: 60% !important;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 !important;
}
.prcrange .hdr {
  width: 55px;
  float: left;
  color: #FFF;
}
.prcrange .hdr p {
  padding: 5px 0;
}
.prcrange .cnt {
  width: calc(100% - 55px);
  clear: none;
  padding: 0;
}
.prcrange .price-inputs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.prcrange .price-inputs input {
  border: none;
  background: transparent;
  padding: 0;
  text-align: right;
  color: #FFF;
}
.prcrange .stipricerange {
  margin-right: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.prcrange .curcode {
  margin: 3px 0;
  padding: 5px;
  font-size: 1.3rem;
  color: #FFF;
}
.prcrange .from,
.prcrange .to {
  display: flex;
}
.prcrange .from input,
.prcrange .to input {
  max-width: 50px;
}
.prcrange .to {
  justify-content: flex-end;
}
.prcrange .price-range {
  flex: 5;
  margin: 14px 17px;
  border: none;
  background: #768db8;
  height: 0.5em;
}
.prcrange .price-range .ui-widget-header {
  background: #ca1f1b;
}
.prcrange .price-range .ui-state-default {
  border: 3px solid #124095;
  border-radius: 10px;
  width: 20px;
  height: 20px;
}
.prcrange .price-range .ui-slider-handle {
  top: -0.5em;
}
.products .cnt {
  padding: 0;
}
.productlist {
  padding: 0;
}
.banner ul,
.banner li {
  float: left;
  clear: left;
  width: 100%;
}
.banner ul img,
.banner li img {
  max-width: 100%;
  height: auto;
}
/* responsive styles */
@media screen and (max-width: 1200px) {
  .subcats ul li {
    width: 32.6666%;
  }
  .subcats ul li:nth-child(3n+1),
  .subcats ul li:nth-child(4n+1) {
    margin-left: 0.5%;
    clear: none;
  }
  .subcats ul li:nth-child(3n+1) {
    margin-right: 0.5%;
    margin-left: 0;
    clear: left;
  }
  .subcats ul li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1079px) {
  .subcats ul li {
    width: 100% !important;
    margin: 5px 0 !important;
  }
  .filter label {
    width: 33.3333%;
  }
}
@media screen and (max-width: 820px) {
  .stiparinf .paramgroups {
    width: 40%;
  }
  .stiparinf .paramitem {
    width: 60%;
  }
  .filter label {
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .products .stitable .thimg,
  .products .stitable .img,
  .products .stitable .energyclass {
    display: none;
  }
  .products .stitable .availability {
    width: 150px;
  }
  .products .stitable .buybox {
    width: 190px;
  }
  .products .stitable .buybox .btn-buy {
    min-width: 140px;
  }
}
@media screen and (max-width: 480px) {
  .products .code {
    display: none;
  }
  .subcats ul li {
    width: 100%;
    margin: 5px 0;
  }
  .filter label {
    width: 100%;
  }
  .stipricerange {
    width: 100px;
  }
}
/* end responsive styles */
.watchdog .hdr h1 {
  font-size: 2.7rem;
  width: 60%;
  float: right;
}
.watchdog .leftpart {
  float: left;
  width: 40%;
  padding: 20px;
}
.watchdog .leftpart .img {
  text-align: center;
}
.watchdog .leftpart .img img {
  max-width: 350px;
}
.watchdog .rightpart {
  float: left;
  width: 60%;
}
.watchdog .rightpart .rowbox .label {
  min-width: 160px;
  text-align: left;
}
.watchdog .rightpart .rowbox .text {
  font-size: 1.4rem;
}
.watchdog .rightpart .rowbox .text > * {
  margin: 0;
}
.watchdog .rightpart .rowbox.avail .label {
  padding: 12px 0;
}
.watchdog .rightpart .float-left .price {
  color: #000;
}
.watchdog .rightpart .float-right .price {
  font-weight: bold;
  padding: 6px 0;
}
.watchdog .rightpart .float-right .wovat {
  float: right;
  clear: right;
  margin: 0 0 20px 0;
}
.watchdog .rightpart .float-right .wovat .label {
  display: none;
}
.watchdog .rightpart .float-right .wovat .text {
  width: 100%;
  font-size: 1.8rem;
  color: #939393;
  font-weight: normal;
}
.watchdog .rightpart .float-right .wvat {
  float: right;
  clear: right;
}
.watchdog .rightpart .float-right .wvat .label {
  display: none;
}
.watchdog .rightpart .float-right .wvat .text {
  width: 100%;
  font-size: 3.5rem;
  line-height: 3rem;
}
.watchdogsetting .hdr {
  border-bottom: 2px solid #124095;
}
.watchdogsetting .hdr p {
  color: #FFF;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  background: #124095;
  padding: 10px 15px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.watchdogsetting .cnt {
  padding: 20px 0 0 0;
}
.watchdogsetting .cnt .rowbox {
  width: 100%;
  background: #eff3f5;
}
.watchdogsetting .cnt .rowbox .label {
  padding: 25px 15px;
  width: 270px;
  text-align: left;
  margin: 0 15px 0 0;
  border-right: 1px solid #FFF;
}
.watchdogsetting .cnt .rowbox .text {
  width: calc(100% - 285px);
  padding: 10px 0;
}
.watchdogsetting .cnt .rowbox .text input {
  margin: 5px 15px 5px 0;
}
.watchdogsetting .cnt .rowbox .switch {
  padding: 22px 0;
}
.watchdogsetting .cnt .rowbox.clearbox {
  background: none;
}
.watchdogsetting .cnt .rowbox.clearbox .label:after {
  display: none;
}
.watchdogsetting .cnt #infoprice {
  background: none;
}
.watchdogsetting .cnt .btn-money {
  padding: 8px 20px;
}
.watchdogsetting .cnt #infostore {
  background: none;
}
.watchdogsetting .cnt #infostore .label:after {
  display: none;
}
.watchdogs > .cnt {
  padding: 0;
}
.watchdogs .watchdog {
  position: relative;
  float: left;
  width: 32.5%;
  height: auto;
  padding: 0 1% 0 0;
  margin: 15px 1% 15px 0;
  border-right: 1px solid #d4d6d7;
  /* responsive styles */
}
.watchdogs .watchdog .watchdoginfo table {
  border: none;
  margin: 0;
}
.watchdogs .watchdog .watchdoginfo table tr:nth-child(odd) th,
.watchdogs .watchdog .watchdoginfo table tr:nth-child(odd) td {
  background: #eff3f5;
}
.watchdogs .watchdog .watchdoginfo table th {
  border-right: 1px solid #FFF;
}
.watchdogs .watchdog .watchdoginfo table th,
.watchdogs .watchdog .watchdoginfo table td {
  width: 50%;
  padding: 10px 0 10px 10px;
}
.watchdogs .watchdog .watchdoginfo .watchparam {
  font-weight: bold;
}
.watchdogs .watchdog .watchdoginfo .watchparam td {
  background: #FFF !important;
  border-bottom: 2px solid #eff3f5;
}
.watchdogs .watchdog .watchdoginfo .price {
  float: none;
  font-size: 1em;
}
.watchdogs .watchdog .watchdoginfo .price th {
  color: black;
}
.watchdogs .watchdog .watchdoginfo .price td {
  font-weight: bold;
}
.watchdogs .watchdog .watchdoginfo .btn-empty {
  background: none;
  box-shadow: none;
  padding: 10px 0;
}
.watchdogs .watchdog .watchdoginfo .btn-empty span {
  font-weight: normal;
  color: #000;
  text-transform: none;
}
.watchdogs .watchdog .watchdoginfo .btn-empty:hover span {
  color: #c12430;
}
.watchdogs .watchdog .watchdoginfo .btn-edit {
  float: right;
  margin: 10px 0;
}
.watchdogs .watchdog .watchdoginfo .btn-edit:hover {
  color: #FFF;
}
@media screen and (min-width: 1600px) {
  .watchdogs .watchdog:not(.config):nth-child(3n) {
    margin-right: 0;
    border-right: none;
  }
}
@media screen and (max-width: 1599px) and (min-width: 1079px) {
  .watchdogs .watchdog:not(.config):nth-child(3n) {
    margin-right: 0;
    border-right: none;
  }
}
@media screen and (max-width: 1079px) and (min-width: 768px) {
  .watchdogs .watchdog {
    width: 49%;
  }
  .watchdogs .watchdog:not(.config):nth-child(2n) {
    margin-right: 0;
    border-right: none;
    padding: 0;
  }
  .watchdogs .watchdog:not(.config):nth-child(2n).list {
    padding: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  .watchdogs .watchdog {
    width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #eff3f5;
  }
  .watchdogs .watchdog .watchdoginfo .btn-empty span {
    font-size: 1.2rem;
  }
}
/* styles for stoitem */
.stoitem .hdr.name {
  float: right;
  width: 60%;
}
.stoitem .hdr.name h1 {
  font-size: 2.7rem;
}
.stoitem .stiimg {
  text-align: center;
  position: relative;
  float: left;
  clear: left;
  width: 40%;
  margin: -50px 0 0 0;
}
.stoitem .stiimg .status {
  position: absolute;
  width: auto !important;
  right: 10%;
}
.stoitem .stiimg .status .popup_listbox {
  display: none !important;
}
.stoitem .stiimg .stiysttbox {
  text-align: left;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .hdr p {
  font-size: 1.0em;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .stiplshortnote {
  margin: 0 0 0 15px;
}
.stoitem .stiimg .gallery {
  margin: 20px 0;
  width: 95%;
}
.stoitem .stiimg .owl-carousel .owl-wrapper,
.stoitem .stiimg .owl-carousel .owl-item {
  float: left;
}
.stoitem .stiimg .owl-stage.one {
  width: 100% !important;
}
.stoitem .stiimg .owl-item.one {
  width: 100% !important;
  display: none;
}
.stoitem .stiimg .owl-item.two {
  width: 50% !important;
}
.stoitem .stiimg .owl-item {
  text-align: center;
}
.stoitem .stiimg .owl-item img {
  max-width: 100px;
  margin: 0 auto;
}
.stoitem .stiimg .owl-next {
  background: none;
  padding: 5px 0;
}
.stoitem .stiimg .owl-next:before {
  float: right;
  padding: 17px 0px;
}
.stoitem .stiimg .owl-prev {
  background: none;
  padding: 5px 0;
}
.stoitem .stiimg .owl-prev:before {
  float: left;
}
.stoitem .stiimg a {
  float: none;
}
.stoitem .stiimg a img {
  max-width: 450px;
}
.stoitem .stiimg .owl-dots {
  display: none;
}
.stoitem .stiinfo {
  float: left;
  width: 60%;
  position: relative;
}
.stoitem .stiinfo .hdr p {
  font-weight: normal;
  font-size: 1.4rem;
  padding: 15px 10px 15px 0;
  clear: left;
}
.stoitem .stiinfo .hdr p a {
  font-size: 1.4rem;
  font-weight: bold;
}
.stoitem .stiinfo .cnt {
  padding: 0;
}
.stoitem .stiinfo .cnt .rowbox .label {
  min-width: 160px;
  text-align: left;
}
.stoitem .stiinfo .cnt .rowbox .text > * {
  margin: 0;
}
.stoitem .stiinfo .cnt .rowbox.avail .label {
  padding: 12px 0;
}
.stoitem .stiinfo .cnt .catimg {
  width: auto;
  position: absolute;
  bottom: 0;
  margin: 0 0 0 30px;
}
.stoitem .stiinfo .cnt .catimg img {
  max-height: 75px;
}
.stoitem .stiinfo .cnt .wovat {
  float: right;
  clear: right;
  margin: 0 0 20px 0;
}
.stoitem .stiinfo .cnt .wovat .label {
  display: none;
}
.stoitem .stiinfo .cnt .wovat .text {
  width: 100%;
  font-size: 1.8rem;
  color: #939393;
  font-weight: normal;
}
.stoitem .stiinfo .cnt .wvat {
  float: right;
  clear: right;
}
.stoitem .stiinfo .cnt .wvat .label {
  display: none;
}
.stoitem .stiinfo .cnt .wvat .text {
  width: 100%;
  font-size: 3.5rem;
  line-height: 3rem;
}
.stoitem .stiinfo .cnt .endprc {
  display: none;
}
.stoitem .stiinfo .cnt .war {
  margin: 0 0 30px 0;
}
.stoitem .stiinfo .cnt .war .text {
  width: 100px;
  white-space: normal;
}
.stoitem .stiinfo .cnt .avail.inet {
  padding: 0;
}
.stoitem .stiinfo .cnt .order {
  float: right;
  clear: right;
}
.stoitem .stiinfo .cnt .order .label {
  display: none;
  padding: 8px 5px 8px 0;
}
.stoitem .stiinfo .cnt .order .multibox {
  display: none;
}
.stoitem .stiinfo .cnt .discoupons {
  margin: 10px 0;
}
.stoitem .stiinfo .cnt .discoupons input {
  margin: 0px;
}
.stoitem .stiinfo .cnt .inetarea {
  display: none;
}
.stoitem .stiinfo .cnt .storearea .hdr,
.stoitem .stiinfo .cnt .storearea .legend {
  display: none;
}
.stoitem .stiinfo .cnt .apekcomment {
  margin: 0;
}
.stoitem .stiinfo .cnt .price {
  font-weight: bold;
  padding: 6px 0;
}
.stoitem .stiinfo .cnt .comparebox {
  float: right;
  clear: right;
}
.stoitem .stiinfo .cnt .comparebox .label {
  display: none;
}
.stoitem .stiinfo .cnt .comparebox .text {
  width: 100%;
}
.stoitem .stiinfo .cnt .comparebox .text .btn {
  background: #000;
}
.stoitem .stiinfo .cnt .buybox a {
  float: left;
}
.stoitem .stiinfo .cnt .buybox a u {
  display: none;
}
.stoitem .stiinfo .cnt .buybox .qtybox .qty {
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  margin: 3px 6px 3px 0;
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .up,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down {
  display: none;
  width: 17px;
  height: 17px;
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .up:before,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down:before {
  padding: 3px 4px;
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down {
  bottom: 0;
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .qty {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 23px;
}
.stoitem .stiinfo .cnt .buybox .btn-buy {
  font-size: 1.6rem;
  margin: 3px 0 3px 20px;
  padding: 10px 45px 10px 16px;
}
.stoitem .stiinfo .cnt .buybox .btn-buy:before {
  font-size: 2.2rem;
  content: "";
  background: url("../img/pcp-ico-basket-white-o.png") no-repeat center left / 20px;
  display: inline-block;
  height: 16px;
  width: 22px;
}
.stoitem .stiinfo .cnt .rating .star:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f006";
  font-size: 1.4em;
  color: #fc9b2e;
  margin: 0 5px 0 0;
}
.stoitem .stiinfo .cnt .rating .full:before {
  content: "\f005";
}
.stoitem .stiinfo .cnt .variants .variant {
  float: left;
  padding: 2px 5px;
  margin: 0 4px 2px 0;
  background: white;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}
.stoitem .stiinfo .cnt .variants .variant.act {
  border: 2px solid #124095;
}
.stoitem .stiinfo .cnt .variants .variant.dis {
  background: rgba(200, 200, 200, 0.8);
  cursor: auto;
}
.stoitem .stiinfo .cnt .variants .variant.err {
  border: none;
  background: none;
  color: red;
  font-weight: bold;
}
.stoitem .stiinfo .cnt .variants .img {
  padding: 0;
}
.stoitem .stiinfo .cnt .variants .img img {
  float: left;
  clear: left;
  max-width: 35px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.stoitem .stiinfo .cnt .variants .err {
  float: left;
  border: none;
  background: none !important;
  color: red;
  font-weight: bold;
  padding: 3px 0;
}
.stoitem .tools {
  width: 60%;
  float: right;
  border-top: 1px solid #d4d6d7;
  margin: 30px 0;
}
.stoitem .tools .btn.second {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000000;
  background: none;
  box-shadow: none;
  padding: 0;
  height: 20px;
  width: 20%;
  min-width: 0;
  margin: 5px 0;
  float: right;
}
.stoitem .tools .sendmail {
  display: none;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 3px 3px 10px 0px silver;
  -moz-box-shadow: 3px 3px 10px 0px silver;
  box-shadow: 3px 3px 10px 0px silver;
  position: absolute;
  top: 35px;
  width: 330px;
  right: 0;
  padding: 15px;
}
.stoitem .tools .sendmail.act {
  display: block;
  z-index: 1;
}
.stoitem .tools .sendmail:before {
  content: url(../img/pcp-box-arrow.png);
  position: absolute;
  top: -15px;
  right: 48px;
}
.stoitem .tools .sendmail .rowbox .label {
  width: 100%;
  text-align: left;
}
.stoitem .tools .sendmail .rowbox .btn-close {
  background: #000;
}
.stoitem .tools .sendmail .rowbox .btn-close:before {
  display: none;
}
.stoitem .tools .sendmail .rowbox .btn-send:before {
  display: none;
}
.stoitem .tools .sendmail .rowbox .btn-send[href="#stireview"]:before,
.stoitem .tools .sendmail .rowbox .btn-send[data-anchor="stireview"]:before {
  content: "\f005";
}
.stoitem .tools .sendmail .rowbox input,
.stoitem .tools .sendmail .rowbox textarea {
  width: 100%;
}
.stoitem .tools .sendmail .rowbox .rc-anchor-normal {
  width: 296px;
}
.stoitem .tools .sharebox {
  display: none;
  background: #eff3f5;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 3px 3px 10px 0px silver;
  -moz-box-shadow: 3px 3px 10px 0px silver;
  box-shadow: 3px 3px 10px 0px silver;
  position: absolute;
  top: 35px;
  width: 230px;
  right: 0;
  padding: 15px;
}
.stoitem .tools .sharebox.act {
  display: block;
  z-index: 1;
}
.stoitem .tools .sharebox:before {
  content: url(../img/pcp-box-arrow.png);
  position: absolute;
  top: -15px;
  right: 48px;
}
.stoitem .tools .sharebox .btn {
  float: left;
  clear: left;
  width: 100%;
  height: auto;
  margin: 0;
  text-align: left;
}
.stoitem .tools .sharebox .btn span {
  text-transform: none;
  position: relative;
  bottom: 5px;
}
.stoitem .tabs .tabpage .boxcont.table-scroll {
  overflow-x: initial;
}
.stoitem .tabs .tabpage > .hdr {
  display: none;
}
.stoitem .tabs .tabpage > .cnt {
  padding: 10px;
}
.stoitem .tabs .tabpage .rowbox input,
.stoitem .tabs .tabpage .rowbox textarea {
  width: 302px;
  margin-left: 0;
}
.stoitem .tabs .tabpage td {
  padding: 5px 10px;
}
.stoitem .tabs .tabpage .paramname {
  font-weight: bold;
  width: 300px;
  border-right: 2px solid #FFF;
}
.stoitem .tabs .tabpage .paramvalue > span {
  font-weight: normal;
  margin-right: 5px;
  position: relative;
}
.stoitem .tabs .tabpage .paramvalue > span:after {
  content: ",";
}
.stoitem .tabs .tabpage .paramvalue > span:last-child:after {
  content: "";
}
.stoitem .tabs .tabpage .paramvalue > span .img {
  display: none;
  position: absolute;
  bottom: 23px;
  left: 0px;
  background: #fff;
  padding: 2px;
  line-height: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.stoitem .tabs .tabpage a {
  color: #124095;
}
.stoitem .tabs .tabpage a.btn {
  color: #fff;
}
.stoitem .tabs .tabpage a.btn:hover {
  text-decoration: none;
}
.stoitem .tabs .tabpage a:hover {
  color: #c12430;
}
.stoitem .tabs .ui-tabs-anchor {
  outline: none;
}
.stoitem .tabs .ui-tabs-panel {
  padding: 0;
  float: left;
  display: block;
  width: 100%;
}
.stoitem .tabs #stiparameters td:first-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0.25em;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0.25em;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0.25em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 3px;
}
.stoitem .tabs #stiparameters td:last-child {
  -webkit-border-top-right-radius: 0.25em;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0.25em;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 3px;
}
.stoitem .tabs #stiattach .label {
  min-width: 0;
}
.stoitem .tabs #sticattree span {
  float: left;
  font-weight: bold;
}
.stoitem .tabs #sticattree span:first-letter {
  text-transform: uppercase;
}
.stoitem .tabs #sticattree ul {
  float: left;
}
.stoitem .tabs #sticattree ul li {
  background: none;
  border: none;
  margin: 0;
  clear: none;
}
.stoitem .tabs #sticattree ul li a {
  padding: 0 !important;
  font-weight: normal;
}
.stoitem .tabs #sticattree ul li a:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f105";
  margin: 0 5px;
}
.stoitem .tabs #sticattree ul .first a:before {
  content: "";
}
.stoitem .tabs #stiattachvideo .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.stoitem .tabs #stiattachvideo .video iframe,
.stoitem .tabs #stiattachvideo .video object,
.stoitem .tabs #stiattachvideo .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stoitem .tabs .visualize ul li {
  background: none;
  border: none;
  border-bottom: none;
  position: absolute;
  top: auto;
}
.stiadvsrv .tabinfo {
  margin: 0;
}
.stiadvsrv .tabinfo td {
  width: auto;
}
.stiadvsrv .tabinfo td label {
  display: none;
}
.stiadvsrv .tabinfo td img {
  max-width: 100px;
}
.stiadvsrv .tabinfo td .price {
  padding-left: 5px;
  font-size: 1em;
  color: black;
}
.sti_relation_condoffer.vipcondoffer {
  width: 100%;
}
.sti_relation_condoffer .stirelvipconoffer {
  width: 100%;
}
.sti_relation_condoffer .stirelvipconoffer .price {
  margin-top: 7px;
}
.sti_relation_condoffer .stirelvipconoffer .buybox {
  display: none;
}
.sti_relation_condoffer .stirelvipconoffer table img {
  max-width: 50px;
}
.sti_relation_condoffer .stirelvipconoffer table td.normalprc span {
  color: black;
  text-decoration: line-through;
}
.stirelation .prodbox .tools {
  width: 100%;
  border: none;
  margin: 0;
}
.stirelation .prodbox .multibox {
  display: none;
}
.sti_relation_condoffer_master .prodbox .price {
  margin-top: 7px;
}
.recaptcha {
  transform: scale(0.82);
  transform-origin: 0 0;
}
.stibundletab a:not([href]) {
  cursor: initial;
}
.review .star {
  float: left;
  clear: left;
  color: #FAC900;
}
.review .star span {
  float: left;
  margin-right: 5px;
  font-size: 1.4rem;
  font-weight: bold;
}
.review .star:before {
  display: inline-block;
  font: normal normal normal 1.8rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.review .star.s_50:before {
  content: "\f005 \f005 \f005 \f005 \f005";
}
.review .star.s_45:before {
  content: "\f005 \f005 \f005 \f005 \f123";
}
.review .star.s_40:before {
  content: "\f005 \f005 \f005 \f005 \f006";
}
.review .star.s_35:before {
  content: "\f005 \f005 \f005 \f123 \f006";
}
.review .star.s_30:before {
  content: "\f005 \f005 \f005 \f006 \f006";
}
.review .star.s_25:before {
  content: "\f005 \f005 \f123 \f006 \f006";
}
.review .star.s_20:before {
  content: "\f005 \f005 \f006 \f006 \f006";
}
.review .star.s_15:before {
  content: "\f005 \f123 \f006 \f006 \f006";
}
.review .star.s_10:before {
  content: "\f005 \f006 \f006 \f006 \f006";
}
.stireview .cnt {
  display: flex;
  flex-wrap: wrap;
}
.stireview .review {
  float: left;
  width: 49%;
  margin: 0.5%;
  padding: 10px;
  border: 1px solid #d4d6d7;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: url("../img/heureka.svg") no-repeat;
  background-position: 5px 5px;
  background-size: 45px auto;
}
.stireview .review .title {
  float: left;
  clear: left;
  width: 100%;
  padding: 0 0 5px 45px;
}
.stireview .review .star {
  float: left;
  clear: left;
  width: 100%;
  padding: 0 0 5px 45px;
  font-size: 1.6rem;
}
.stireview .review li {
  float: left;
  clear: left;
  width: 100%;
  padding: 3px 0;
  color: #50ad30;
}
.stireview .review li:before {
  display: inline-block;
  font: normal normal normal 1.4rem/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f067";
  margin-right: 5px;
  padding: 1px 0;
}
.stireview .review li.cons {
  color: #dc2424;
}
.stireview .review li.cons:before {
  content: "\f068";
}
.stireview .review q {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
  .stireview .review {
    width: 100%;
  }
}
/* printpage */
@media print {
  body {
    width: 1000px;
  }
  .boxcont {
    width: 100% !important;
  }
  .logo {
    float: left;
    margin: 10px 0;
  }
  .navbar {
    float: left;
    clear: left;
  }
  .stoitem {
    font-size: 1.2em;
  }
  .stoitem .hdr.name {
    clear: both;
    float: left;
  }
  .stoitem .stiimg {
    margin: 0;
    float: left;
    clear: left;
  }
  .stoitem .stiimg a img {
    max-width: 300px !important;
  }
  .stoitem .stiinfo {
    background: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .stoitem .ui-tabs-panel {
    border: none !important;
  }
  .stoitem .tabs {
    border-top: 1px solid #d4d6d7;
  }
  .stoitem .pcp_popisTable tr > .pcp_popisTd:first-of-type {
    width: auto !important;
  }
  .gallery,
  .tools,
  .stirelation,
  .sti_relation_condoffer,
  .sti_relation_condoffer_master,
  .stoitemdiscoupons,
  .order,
  .tabs ul,
  .sendmail,
  .stiattach_sys_video,
  .pricelog,
  .stiattach,
  .discoupons,
  .avail,
  .comparebox {
    display: none !important;
  }
}
#update,
#insert {
  display: none;
}
#filter [type="checkbox"]:checked + label:before {
  background: white;
}
#filter label {
  width: 90px;
  margin: 5px 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-weight: bold;
  color: white;
  padding: 12px 0 12px 35px;
  height: 41px;
  background: #124095;
}
#filter label:before {
  top: 14px;
  left: 6px;
}
#filter label:after {
  top: 13px;
  left: 9px;
  color: black;
}
#filter input {
  float: left;
  width: calc(100% - 180px);
  margin-right: 0;
  border-left: none;
  border-right: none;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#filter button {
  width: 90px;
  min-width: 0;
  height: 41px;
  margin: 5px 0;
  cursor: pointer;
  border-left: none;
  color: white;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#copy-string {
  display: none;
}
.wstname {
  font-weight: bold;
}
.tool .btn {
  min-width: auto;
  float: right;
}
.tool .btn:before {
  margin: 0;
}
.modal-content input {
  width: 100%;
}
.webmenu .name {
  padding-left: 10px;
  font-weight: bold;
}
.webmenu .name:before {
  content: " ";
  width: 1em;
  height: 1em;
  display: block;
  float: left;
  margin-right: 5px;
  background: rgba(255, 0, 0, 0.8);
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius-topright: 1em;
  -moz-border-radius-bottomright: 1em;
  -moz-border-radius-bottomleft: 1em;
  -moz-border-radius-topleft: 1em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.webmenu .name.act:before {
  background: rgba(0, 255, 0, 0.8);
}
.webmenu .category-group {
  width: 33.3333%;
  float: left;
  display: block;
}
.webmenu .category-group strong {
  float: left;
  font-size: 1.2em;
  padding-bottom: 10px;
}
.webmenu .category-group li {
  padding: 2px 0;
}
.webmenu .category-group li label {
  margin: 6px 6px 6px 0;
}
.webmenu .category-group li input {
  width: 35px;
  min-width: auto;
  text-align: center;
}
.webmenu .info {
  padding: 5px 0;
}
.webmenu i {
  padding: 10px 0;
  float: left;
  clear: both;
}
.webmenu .qq-upload-list {
  margin-bottom: 10px;
}
.webmenu .qq-upload-list li {
  margin: 5px 0;
}
.webmenu .qq-uploader {
  float: left;
  clear: left;
  width: 100%;
}
.webmenu .qq-upload-button {
  display: block;
  white-space: nowrap;
  padding: 7px 0;
  text-align: center;
  background: #880000;
  border-bottom: 1px solid #DDD;
  color: #FFF;
}
.webmenu .qq-upload-button input {
  width: 100% !important;
  max-width: 100% !important;
}
.webmenu .qq-upload-button-hover {
  background: #CC0000;
}
.webmenu .qq-upload-success {
  position: relative;
}
.webmenu .qq-upload-success span {
  float: left;
  padding: 5px 0;
  margin-right: 5px;
  font-weight: bold;
}
.webmenu .qq-upload-success .qq-upload-file {
  padding-left: 25px;
}
.webmenu .qq-upload-success .qq-upload-file:before {
  content: "\f00c";
  display: inline-block;
  font: normal normal normal 1.6em/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: green;
  position: absolute;
  left: 0;
}
.webmenu .qq-upload-success .qq-progress-bar {
  display: none;
}
.webmenu .qq-upload-success .qq-upload-failed-text {
  display: none;
}
/* responsive styles */
/* styles for touched devices */
.mobilesafari [type="checkbox"]:not(:checked) + label:after,
.mobilesafari [type="checkbox"]:checked + label:after {
  top: -4px;
  left: 2px;
}
.mobilesafari [type="checkbox"]:checked + label:before {
  background: rgba(18, 64, 149, 0.3);
}
.mobilesafari [type="radio"]:not(:checked) + label:after,
.mobilesafari [type="radio"]:checked + label:after {
  top: -4px;
  left: 3px;
  font-size: 24px;
}
@media screen and (max-width: 3600px) {
  .newslettertop input {
    width: 300px;
  }
}
@media screen and (max-width: 1199px) {
  #headercont .logo {
    margin: 23px 10px;
  }
  #sptnav ul li a,
  #sptnav ul li p {
    font-size: 1.4rem;
  }
  #sptnav ul li.special {
    width: 11.3%;
  }
  @-moz-document url-prefix() {
    #sptnav ul li.special {
      width: 11.2%;
    }
  }
  .newslettertop input {
    width: 170px;
  }
  .stoitem .stiimg a img {
    max-width: 350px;
  }
  .watchdog .leftpart .img img {
    max-width: 350px;
  }
  .prodbox .buybox .btn span {
    padding: 10px 20px;
  }
  #footercont .companyinfo {
    margin: 35px 25px 28px 25px;
  }
  #footercont .newsletterbottom .roline img {
    padding: 22px 0 22px 25px;
  }
  #footercont .newsletterbottom .mailbox {
    padding: 0 25px 0 0;
  }
  #footercont .newsletterbottom .mailbox input {
    width: 220px;
  }
  #footercont .footerinfo {
    padding: 35px 25px;
  }
  .contentcont {
    padding: 20px !important;
  }
  .stoitem .tools .btn.second {
    font-size: 1.2rem;
  }
  .stoitem .stiinfo .cnt .catimg {
    bottom: 50px;
  }
}
/* end styles for touched devices */
@media screen and (max-width: 1079px) {
  /* skelton */
  #headercont .logo {
    margin: 23px 0;
  }
  #headercont .search {
    width: auto;
    float: right;
    padding: 0;
    margin: 0 0 0 0;
    border-left: 1px solid #d4d6d7;
  }
  #headercont .search .hdr {
    display: none;
  }
  #headercont .search .hdr-search-res {
    display: block;
  }
  #headercont .search .cnt {
    display: none;
    position: absolute;
    top: 100px;
    right: 0;
    padding: 40px 25px;
    width: 100%;
    z-index: 9;
    background: #FFF;
  }
  #headercont .whisper {
    top: 71px;
    width: calc(100% - 50px);
  }
  #headercont #logincont {
    margin: 0;
  }
  #headercont .login .left,
  #headercont .login .right {
    height: 381px;
  }
  #headercont .logged .credit {
    display: none;
  }
  #sptnav {
    display: none;
  }
  #sptnav.res-tree-open {
    display: block;
    width: 390px;
    position: absolute;
    top: 100px;
  }
  #sptnav.res-tree-open ul li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #eff3f5;
  }
  #sptnav.res-tree-open ul li:before,
  #sptnav.res-tree-open ul li:after {
    display: none;
  }
  #sptnav.res-tree-open ul li:first-child:before {
    display: none;
  }
  #sptnav.res-tree-open ul li:last-child {
    border-bottom: none;
  }
  #sptnav.res-tree-open ul li a {
    display: inline-block;
    width: 90%;
    text-align: left;
    padding: 13px 20px 13px 25px;
    height: 45px;
    text-transform: none;
  }
  #sptnav.res-tree-open ul li.act .back {
    width: 100%;
    background: url("../img/pcp-ico-arrow-left-white.png") no-repeat 95% center;
  }
  #sptnav.res-tree-open ul li .sptnavsub {
    top: 46px;
    max-height: none;
  }
  #sptnav.res-tree-open ul li .sptnavsub ul {
    padding: 0;
  }
  #sptnav.res-tree-open ul li .sptnavsub ul li {
    width: 100%;
    padding: 0;
    background: #124095;
    border-bottom: 1px solid #eff3f5;
  }
  #sptnav.res-tree-open ul li .sptnavsub ul li a {
    width: 100%;
    display: inline-block;
    padding: 13px 20px 13px 25px;
    background: url("../img/pcp-ico-arrow-right-white.png") no-repeat 95% center;
    color: #FFF;
    text-transform: none;
  }
  #sptnav.res-tree-open ul li .sptnavsub ul li ul {
    display: none;
  }
  #sptnav.res-tree-open ul li .sptnavsub ul li:last-child {
    border-bottom: none;
  }
  #sptnav.res-tree-open ul li .sptnavsub .sptnavsubbg {
    padding: 0;
  }
  #sptnav.res-tree-open ul li .sptnavsub .sptnavsubbg:before {
    display: none;
  }
  #sptnav.res-tree-open ul li .sptnavsub .sptnavsubbg:after {
    display: none;
  }
  #sptnav.res-tree-open .arrow {
    display: inline-block;
  }
  #leftcont,
  #rightcont {
    display: none;
    position: relative;
  }
  #leftcont {
    left: -50%;
  }
  #rightcont {
    left: -50%;
  }
  #tree-icon {
    float: left;
    width: 38px;
    height: 31px;
    position: relative;
    margin: 37px 20px 0 25px;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  #tree-icon span {
    display: block;
    position: absolute;
    height: 7px;
    width: 100%;
    background: #124095;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  #tree-icon span:nth-child(1) {
    top: 0px;
  }
  #tree-icon span:nth-child(2) {
    top: 12px;
  }
  #tree-icon span:nth-child(3) {
    top: 24px;
  }
  #tree-icon.open span:nth-child(1) {
    top: 10px;
    transform: rotate(135deg);
  }
  #tree-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  #tree-icon.open span:nth-child(3) {
    top: 10px;
    transform: rotate(-135deg);
    width: 100%;
  }
  #leftcont.res-tree-open {
    position: absolute;
    display: block;
    width: 50%;
    z-index: 8;
    background: #eff3f5;
    box-shadow: 5px 5px 10px 0 silver;
    animation: slide-left-right 0.5s forwards;
  }
  #contentcont {
    padding: 20px 25px;
  }
  #contentcont.wleft {
    width: 100%;
  }
  #contentcont.wright {
    width: 100%;
  }
  .popupstiparcomp {
    max-width: 740px;
    top: 120px !important;
  }
  .spresenttreesleft {
    width: 100%;
  }
  .spresenttreesleft .stiparinf,
  .spresenttreesleft .fulltext {
    display: none;
  }
  .spresenttreesleft .stiparinf .paramitem,
  .spresenttreesleft .fulltext .paramitem {
    width: 100%;
  }
  .spresenttreesright {
    width: 100%;
  }
  .spresenttreesright .subcats .hdr {
    display: block;
  }
  .spresenttreesright .subcats .cnt {
    display: none;
  }
  .spresenttreesright .subcats ul li {
    width: 100%;
    margin: 5px 0;
  }
  .spresenttreesright .subcats ul li .name {
    height: auto;
    font-size: 1.6rem;
  }
  .spresenttreesright .bestseller .prodbox .number {
    width: 20px;
    text-align: left;
  }
  .spresenttreesright .bestseller .prodbox .img {
    margin: 25px 10px;
  }
  .spresenttreesright .bestseller .prodbox .name {
    padding: 10px;
    min-width: 30%;
    max-width: 40%;
  }
  .spresenttreesright .bestseller .prodbox .name a {
    max-width: 280px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 85px;
  }
  .spresenttreesright .bestseller .prodbox .note {
    display: none;
  }
  .spresenttreesright .bestseller .prodbox .availability {
    margin: 0;
  }
  .spresenttreesright .bestseller .prodbox .availability a {
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 105px;
  }
  .spresenttreesright .bestseller .prodbox .price {
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 105px;
  }
  .spresenttreesright .bestseller .prodbox .price .wvat {
    float: right;
  }
  .spresenttreesright .bestseller .prodbox .price .wovat {
    float: right;
    width: auto;
  }
  .spresenttreesright .bestseller .prodbox .price .wovat p {
    float: right;
  }
  .spresenttreesright .filter.fulltext {
    border-top: 2px solid #124095;
    display: none;
  }
  .spresenttreesright .filtersresponse {
    display: block;
    position: relative;
    margin: 0;
  }
  .spresenttreesright .filtersresponse .stiparinfres {
    display: none;
    position: absolute;
    z-index: 2;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .productlist .listpage {
    display: none;
  }
  .productlist .listpage.btm {
    display: block;
  }
  .productlist .listpage.btm .btmbox {
    margin: 0 0 20px 0;
  }
  .productlist .prodbox .buybox .multibox label {
    margin: 10px 0 0 3px;
  }
  .stoitem .hdr.name {
    width: 100%;
  }
  .stoitem .cnt .stiimg {
    width: 100%;
    margin: 0;
  }
  .stoitem .cnt .stiimg .gallery {
    border-top: 1px solid #d4d6d7;
    border-bottom: 1px solid #d4d6d7;
    padding: 20px 0 15px 0;
    width: 100%;
  }
  .stoitem .cnt .stiinfo {
    width: 100%;
  }
  .stoitem .cnt .stiinfo .catimg {
    bottom: 0px;
  }
  .stoitem .cnt .tools {
    width: 100%;
  }
  .stoitem .cnt .tools .btn.second {
    font-size: 1.4rem;
  }
  .stoitem .cnt .tools .sendmail {
    left: -100%;
  }
  .watchdog .hdr h1 {
    width: 100%;
  }
  .watchdog .cnt .rightpart {
    width: 50%;
  }
  .watchdog .cnt .rightpart .float-right {
    display: none;
  }
  .watchdog .cnt .rightpart .float-left .rowbox.wvat .price {
    font-weight: bold;
    color: #124095;
  }
  .watchdog .cnt .leftpart {
    width: 50%;
  }
  .watchdog .cnt .leftpart .img img {
    max-width: 300px;
  }
  .watchdogsetting .cnt .rowbox .text input[name="swdemail"] {
    width: 345px;
  }
  .watchdogsetting .cnt .rowbox .text .btn.btn-watchdog {
    margin: 3px 5px 3px 70px;
  }
  .ordbaskets .trippleswitch .trplopt {
    padding: 10px 0 10px 0px;
  }
  .ordbaskets .addbynum .cnt a {
    float: left;
  }
  .ordbaskets .pickupcont .bordercont {
    display: none;
  }
  .ordbaskets .pickupcont .custom-select.small {
    clear: left;
    margin: 3px 10px 3px 272px;
  }
  .ordbaskets .pickupcont .custom-select.big {
    width: 191px;
  }
  .document.newpassword {
    width: 100%;
    background: #eff3f5 url("../img/pcp-ico-locker.png") no-repeat 85% 80%;
  }
  .newpasswordtext {
    width: 100% !important;
    padding: 0;
  }
  .katalogy.online,
  .katalogy.adobe {
    width: 100% !important;
  }
  .banner.logos .owl-item img {
    max-height: 35px;
  }
  #footercont .companyinfo {
    margin: 0 0 15px 0;
  }
  #footercont .companyinfo ul.webmenu {
    width: 100%;
    margin: 0 0 10px 0;
  }
  #footercont .companyinfo ul.webmenu li {
    width: 100%;
    border-bottom: 1px solid #d4d6d7;
    padding: 10px 25px 0 25px;
  }
  #footercont .companyinfo ul.webmenu li.down:after {
    content: url("../img/pcp-ico-down.png");
    display: block;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 18px;
    padding: 0;
    margin: 0;
  }
  #footercont .companyinfo ul.webmenu li.up:after {
    content: url("../img/pcp-ico-up.png");
    display: block;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 18px;
    padding: 0;
    margin: 0;
  }
  #footercont .companyinfo ul.webmenu li a {
    width: 50%;
  }
  #footercont .companyinfo ul.webmenu li .up {
    display: block;
  }
  #footercont .companyinfo ul.webmenu li .down {
    display: block;
  }
  #footercont .companyinfo ul.webmenu li ul {
    padding: 10px 0 0 0;
  }
  #footercont .companyinfo ul.webmenu li ul li {
    display: none;
    border: none;
    padding: 0 0 10px 0;
  }
  #footercont .companyinfo ul.webmenu li ul li a {
    width: 100%;
  }
  #footercont .companyinfo ul.webmenu li ul li:last-child {
    margin: 0;
  }
  #footercont .companyinfo .infobox {
    width: 33%;
    padding: 0 0 0 25px;
  }
  #footercont .companyinfo .infobox .cnt {
    max-width: 200px;
    float: left;
  }
  #footercont .companyinfo .contact {
    width: 40%;
    display: flex;
    padding: 15px 0 0 40px;
  }
  #footercont .companyinfo .contact .cnt {
    max-width: 250px;
    float: left;
  }
  #footercont .companyinfo .social {
    width: auto;
    float: right;
    padding: 0 25px 0 0;
  }
  #footercont .newsletterbottom .cnt {
    display: block;
  }
  #footercont .newsletterbottom .cnt .roline {
    float: left;
    clear: left;
    width: 100%;
    padding: 0 25px;
    border-bottom: 1px solid #d4d6d7;
  }
  #footercont .newsletterbottom .cnt .roline img {
    padding: 22px 0 22px;
  }
  #footercont .newsletterbottom .cnt .mailbox {
    float: left;
    clear: left;
    width: 100%;
    padding: 0 25px;
  }
  #footercont .newsletterbottom .cnt .mailbox .newsletter {
    float: left;
  }
  #footercont .footerinfo {
    padding: 20px 25px;
  }
  #footercont .footerinfo .cnt .company {
    flex: none;
  }
  .contentcont .boxcont.half {
    width: 100%;
  }
  .webnews .banner.top {
    width: 100% !important;
  }
  .webnews .why {
    width: 100% !important;
    padding: 20px 25px;
    margin: 0 0 10px 1% !important;
  }
  .webnews .why .hdr {
    display: none;
  }
  .webnews .why .cnt ul li {
    width: 25%;
    padding: 70px 0 10px 0;
    text-align: center;
    height: auto;
    background-position: top center;
    font-size: 1.5rem;
  }
  .webnews .why .cnt ul li.warehouse span,
  .webnews .why .cnt ul li.pickup span {
    display: block;
  }
  .tabs ul.ui-tabs-nav li {
    width: auto;
  }
  .tabs ul.ui-tabs-nav li a {
    padding: 10px 15px !important;
  }
  .tabs .prodbox {
    width: 49% !important;
  }
  /* end skelton */
  .chart-canvas {
    max-width: 100%;
  }
  .konektor.popupcont,
  .zkratky.popupcont {
    max-width: calc(100% - 40px);
  }
  [type="checkbox"]:not(:checked) + label:before,
  [type="checkbox"]:checked + label:before {
    width: 23px;
    height: 23px;
    top: 1px;
  }
  [type="checkbox"]:not(:checked) + label:after,
  [type="checkbox"]:checked + label:after {
    content: url("../img/pcp-ico-check-big.png");
    top: 8px;
  }
  [type="checkbox"]:not(:checked) + label,
  [type="checkbox"]:checked + label {
    padding: 3px 0 3px 34px;
  }
}
@media screen and (max-width: 3060px) and (min-width: 981px) {
  .webmenu {
    display: block !important;
  }
}
@media screen and (max-width: 980px) {
  html {
    font-size: 10px;
  }
  .table-scroll {
    overflow-x: auto;
  }
  .energy_class p:after {
    border-top: solid 14px transparent;
    border-bottom: solid 14px transparent;
  }
  /* header cont */
  #headercont nav .webmenu {
    display: none;
    position: absolute;
    width: 100%;
    margin-left: -10px;
    background: rgba(18, 64, 149, 0.9);
    border-top: 1px solid #d4d6d7;
    border-bottom: 1px solid #d4d6d7;
    z-index: 9;
  }
  #headercont nav .webmenu li {
    width: 100%;
    border-bottom: 1px solid #d4d6d7;
  }
  #headercont nav .webmenu li:last-child {
    border: none;
  }
  #headercont nav .webmenu li:after {
    content: "";
    padding: 0;
    margin: 0;
  }
  #headercont nav .webmenu li a {
    width: 100%;
    padding: 5px 10px;
  }
  #headercont nav .webmenu li:hover ul {
    display: none;
  }
  #headercont nav .webmenu li.hover ul {
    display: block;
  }
  #headercont nav .webmenu li ul {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    clear: left;
    width: 100%;
    box-shadow: none;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #headercont nav .webmenu li ul li {
    float: left;
    clear: left;
    width: 100%;
    padding: 0;
  }
  #headercont .top {
    margin-bottom: 5px;
  }
  #headercont .logo {
    margin: 32px 0 0 0;
    width: 185px;
  }
  #headercont .logo a {
    height: 42px !important;
  }
  #headercont .prodlist {
    margin-bottom: 5px;
    padding: 5px 0;
  }
  #headercont .prodlist .hdr .btn:before {
    display: inline-block;
    font: normal normal normal 1.8rem/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    margin: 0;
  }
  #headercont .basket .btn:before {
    display: inline-block;
    font: normal normal normal 1.8rem/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
  }
  #headercont .basket .cnt {
    padding: 5px 0;
  }
  #headercont .basket .price {
    padding: 4px 10px 4px 10px;
  }
  #centercont {
    padding: 80px 0 0 0;
  }
  #menu-icon {
    width: 22px;
    height: 22px;
    position: relative;
    margin: 4px auto 3px auto;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  #menu-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  #menu-icon span:nth-child(1) {
    top: 0px;
  }
  #menu-icon span:nth-child(2) {
    top: 8px;
  }
  #menu-icon span:nth-child(3) {
    top: 16px;
  }
  #menu-icon.open span:nth-child(1) {
    top: 9px;
    transform: rotate(135deg);
  }
  #menu-icon.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  #menu-icon.open span:nth-child(3) {
    top: 8px;
    transform: rotate(-135deg);
  }
  .newslettertop input {
    width: auto;
  }
  .document.contact {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
  }
  .btn-zkratky {
    width: 33%;
  }
  .btn-zkratky:nth-child(5n+5) {
    margin: 3px 0.5% 3px 0;
  }
  .btn-zkratky:nth-child(3n+3) {
    margin: 3px 0;
  }
  /* end header cont */
  .modal-content {
    width: 75%;
    max-width: 700px;
  }
}
@media screen and (max-width: 767px) {
  .webnews-topbar {
    padding: 15px;
  }
  .webnews-topbar .text {
    font-size: 1.8rem;
  }
  .mobile #back {
    display: none;
    position: absolute;
    top: 60px;
    height: 45px;
    width: 100%;
    background: #000 url("../img/pcp-ico-arrow-left-white.png") no-repeat 95% center;
    font-size: 1.4rem;
    font-weight: bold;
    color: #FFF;
    border-bottom: 1px solid #95a1c8;
    padding: 13px 20px 13px 15px;
  }
  .mobile #mobile-menu {
    display: none;
  }
  .mobile #mobile-menu.res-tree-open {
    display: block;
    width: 100%;
    position: absolute;
    top: 60px;
  }
  .mobile #mobile-menu.res-tree-open .boxcont {
    float: none;
    margin: 0 auto;
  }
  .mobile #mobile-logged {
    display: none;
    position: absolute;
    top: 105px;
  }
  .mobile #mobile-logged .boxcont {
    margin: 0;
  }
  .mobile #mobile-special {
    display: none;
    position: absolute;
    top: 105px;
    background: none;
    width: 100%;
  }
  .mobile #mobile-special .boxcont {
    width: 100%;
  }
  .mobile .mobile-menu-sub li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #95a1c8;
  }
  .mobile .mobile-menu-sub li:last-child {
    border-bottom: none;
  }
  .mobile .mobile-menu-sub li a {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
    color: #FFF;
    width: 100%;
    padding: 13px 20px 13px 15px;
    background: url("../img/pcp-ico-arrow-right-white.png") no-repeat 95% center;
  }
  .mobile .mobile-menu-sub li a:hover {
    background: url("../img/pcp-ico-arrow-right-white.png") no-repeat 95% center;
  }
  .mobile .mobile-menu-sub li a.compare,
  .mobile .mobile-menu-sub li a.basket {
    display: block !important;
    border: none !important;
  }
  .mobile .mobile-menu-sub li.noarrow a {
    background: none;
  }
  .mobile .mobile-menu-sub li.special {
    background: #c71c19;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c71c19 0%, #af0309 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c71c19 0%, #af0309 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c71c19 0%, #af0309 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c71c19', endColorstr='#af0309', GradientType=0);
  }
  .mobile .mobile-menu-sub li .allcats:before {
    content: url("../img/pcp-ico-mob-folder-white-o.png");
    width: 30px;
    display: inline-block;
    position: relative;
    top: 3px;
  }
  .mobile .mobile-menu-sub li .specialcats:before {
    content: url("../img/pcp-ico-mob-special.png");
    width: 30px;
    display: inline-block;
    position: relative;
    top: 3px;
  }
  .mobile .mobile-menu-sub li .myprofile:before {
    content: url("../img/pcp-ico-mob-user-white-o.png");
    width: 30px;
    display: inline-block;
    position: relative;
    top: 3px;
    left: 5px;
  }
  .mobile .mobile-menu-sub li .favorite:before {
    content: url("../img/pcp-ico-mob-star-white-o.png");
    width: 30px;
    display: inline-block;
    position: relative;
    top: 1px;
  }
  .mobile .mobile-menu-sub li .basket:before {
    content: url("../img/pcp-ico-mob-basket-white-o.png");
    width: 30px;
    display: inline-block;
    position: relative;
    top: 3px;
  }
  #sptnav.res-tree-open {
    top: 105px;
    width: 100%;
  }
  #sptnav.res-tree-open.mobileback {
    top: 60px;
  }
  #sptnav.res-tree-open ul li.special {
    display: none;
  }
  #sptnav.res-tree-open ul li a {
    padding: 13px 20px 13px 15px !important;
  }
  #sptnav.res-tree-open ul li.act .back {
    background: url("../img/pcp-ico-arrow-left-white.png") no-repeat 95% center;
  }
  #sptnav.res-tree-open ul li .sptnavsub ul li a {
    background: url("../img/pcp-ico-arrow-right-white.png") no-repeat 95% center;
  }
  #tree-icon {
    display: none;
  }
  #tree-icon-m {
    float: left;
    width: 26px;
    height: 20px;
    position: relative;
    margin: 20px 15px 0 15px;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  #tree-icon-m span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #124095;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  #tree-icon-m span:nth-child(1) {
    top: 0px;
  }
  #tree-icon-m span:nth-child(2) {
    top: 8px;
  }
  #tree-icon-m span:nth-child(3) {
    top: 16px;
  }
  #tree-icon-m.open span:nth-child(1) {
    top: 10px;
    transform: rotate(135deg);
  }
  #tree-icon-m.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  #tree-icon-m.open span:nth-child(3) {
    top: 10px;
    transform: rotate(-135deg);
    width: 100%;
  }
  .popupstiparcomp {
    max-width: 290px;
  }
  .navbar {
    padding: 0;
    margin: 0 0 5px 0 !important;
  }
  #headercont .logo {
    margin: 17px 0 0 0;
    width: 125px;
  }
  #headercont .logo a {
    height: 28px !important;
  }
  #headercont .basket .hdr {
    min-width: 0;
    width: 55px;
  }
  #headercont .basket .btn-basket:before {
    background: url("../img/pcp-ico-basket-o.png") no-repeat center / 100%;
    height: 30px;
  }
  #headercont .basket .btn-basket:hover:before {
    background: url("../img/pcp-ico-basket.png") no-repeat center / 100%;
  }
  #headercont .basket .basketprice,
  #headercont .basket .basketcount {
    display: none;
  }
  #headercont .search {
    border-right: 1px solid #d4d6d7;
  }
  #headercont .search .hdr-search-res {
    width: 55px;
  }
  #headercont .search .hdr-search-res:before {
    background: url("../img/pcp-ico-search-blue-o.png") no-repeat center / 100%;
    height: 30px;
  }
  #headercont .search .hdr-search-res span {
    display: none;
  }
  #headercont .search .cnt {
    top: 60px;
    padding: 27px 15px;
  }
  #headercont .search .cnt .btn-search {
    width: auto;
  }
  #headercont .search .cnt input {
    width: 100%;
    margin: 0 0 15px 0;
    border: 1px solid #d4d6d7;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #headercont .compare,
  #headercont .favour,
  #headercont .logged {
    display: none;
  }
  #headercont .login {
    display: none;
  }
  #headercont .login .hdr {
    display: none;
  }
  #headercont .login .cnt {
    display: block;
    top: 105px;
    width: 100%;
  }
  #headercont .login .cnt .left,
  #headercont .login .cnt .right {
    width: 100%;
    padding: 25px 15px;
    height: auto;
  }
  #contentcont {
    padding: 20px 15px;
  }
  #contentcont .webnews .banner.logos,
  #contentcont .webnews .why {
    display: none;
  }
  #contentcont .webnews .newslettertop {
    display: none;
  }
  #contentcont .webnews .tabs .ui-tabs-panel {
    border: none;
  }
  #contentcont .webnews .tabs ul.ui-tabs-nav {
    position: relative;
    padding: 50px 0 0 0;
  }
  #contentcont .webnews .tabs ul.ui-tabs-nav li {
    display: none;
    width: 100%;
    border: none;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #contentcont .webnews .tabs ul.ui-tabs-nav li a {
    text-align: left;
  }
  #contentcont .webnews .tabs ul.ui-tabs-nav .ui-state-active {
    position: absolute;
    display: block;
    background: #124095 url("../img/pcp-ico-arrow-down.png") no-repeat 97% center;
  }
  #contentcont .webnews .tabs ul.ui-tabs-nav .ui-state-active.up {
    background: #124095 url("../img/pcp-ico-arrow-up.png") no-repeat 97% center;
  }
  #contentcont .webnews .tabs ul.ui-tabs-nav .ui-state-active a {
    cursor: pointer;
  }
  #contentcont .webnews .tabs .prodbox {
    margin: 25px 2% 15px 0;
    height: auto;
  }
  #contentcont .webnews .tabs .prodbox:first-child {
    margin: 5px 2% 15px 0;
  }
  #contentcont .bannerbottom ul li {
    width: 100%;
  }
  #contentcont .tabs .prodbox {
    width: 100% !important;
  }
  #contentcont .stoitem .hdr.name h1 {
    font-size: 2rem;
  }
  #contentcont .stoitem .stiimg {
    margin: 0;
  }
  #contentcont .stoitem .stiimg .img {
    margin: 0;
  }
  #contentcont .stoitem .stiimg .gallery {
    display: none !important;
  }
  #contentcont .stoitem .stiinfo .hdr p {
    padding: 10px 0;
  }
  #contentcont .stoitem .stiinfo .cnt .catimg {
    display: none;
  }
  #contentcont .stoitem .stiinfo .cnt .float-left,
  #contentcont .stoitem .stiinfo .cnt .float-right {
    width: 100%;
  }
  #contentcont .stoitem .stiinfo .cnt .comparebox {
    display: none;
    width: 100%;
  }
  #contentcont .stoitem .stiinfo .cnt .comparebox .text .btn {
    width: 100%;
  }
  #contentcont .stoitem .stiinfo .cnt .order {
    width: 100%;
    position: relative;
  }
  #contentcont .stoitem .stiinfo .cnt .order .inputs {
    width: 100%;
  }
  #contentcont .stoitem .stiinfo .cnt .order .inputs .buybox {
    width: 100%;
  }
  #contentcont .stoitem .stiinfo .cnt .order .inputs .buybox .qtybox {
    position: absolute;
    bottom: 80px;
  }
  #contentcont .stoitem .stiinfo .cnt .order .inputs .buybox .btn-buy {
    width: 100%;
    margin: 10px 0 0 0;
  }
  #contentcont .stoitem .tools .sendmail {
    left: -200%;
    width: 500%;
  }
  #contentcont .stoitem .tools .sendmail:before {
    right: 49%;
  }
  #contentcont .stoitem .tools .sendmail .rowbox {
    width: 100%;
  }
  #contentcont .tools {
    border: none;
    margin: 0 0 10px 0;
  }
  #contentcont .tools .cnt .btn span {
    display: none;
  }
  #contentcont .tools .cnt .btn .popup span {
    display: inline-block;
  }
  #contentcont .watchdog .hdr h1 {
    font-size: 2rem;
  }
  #contentcont .watchdog .cnt .rightpart {
    width: 100%;
  }
  #contentcont .watchdog .cnt .leftpart {
    width: 100%;
  }
  #contentcont .watchdog .cnt .leftpart .img img {
    max-width: 200px;
  }
  #contentcont .watchdogsetting .cnt #infoprice input {
    min-width: 0;
    max-width: 70px;
    margin: 4px 5px 5px 0;
  }
  #contentcont .watchdogsetting .cnt #infoprice .btn {
    margin: 3px 0;
    float: right;
  }
  #contentcont .watchdogsetting .cnt .rowbox .label {
    padding: 25px 0 0 15px;
    width: 100%;
    border: none;
  }
  #contentcont .watchdogsetting .cnt .rowbox .switch {
    padding: 10px 15px 15px 15px;
  }
  #contentcont .watchdogsetting .cnt .rowbox .text {
    width: 100%;
    padding: 10px 15px 15px 15px;
  }
  #contentcont .watchdogsetting .cnt .rowbox .text input[name="swdemail"] {
    width: 100%;
  }
  #contentcont .watchdogsetting .cnt .rowbox.clearbox .label {
    display: none;
  }
  #contentcont .watchdogsetting .cnt .rowbox.clearbox .text {
    padding: 20px 0;
  }
  #contentcont .watchdogsetting .cnt .rowbox.clearbox .text .btn.btn-watchdog {
    margin: 0;
    width: 100%;
  }
  #contentcont .tabs ul.ui-tabs-nav li {
    width: 100%;
    margin: 0 0 10px 0;
    border: 1px solid #d4d6d7;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #contentcont .tabs ul.ui-tabs-nav li a {
    text-align: left;
  }
  #contentcont .tabs .ui-tabs-panel {
    border: none;
  }
  .stiwatchdogs {
    padding: 0 !important;
  }
  .stiwatchdogs .navbar {
    padding: 20px 20px 10px 20px;
  }
  .stiwatchdogs .headline {
    padding: 0 20px;
  }
  .stiwatchdogs .listpage {
    padding: 0 20px;
  }
  .stiwatchdogs .watchdogs .prodbox .hdr {
    padding: 0 20px;
  }
  .stiwatchdogs .watchdogs .prodbox .cnt .img {
    padding: 0 20px;
  }
  .stiwatchdogs .watchdogs .prodbox .cnt .watchdoginfo .tabinfo th text,
  .stiwatchdogs .watchdogs .prodbox .cnt .watchdoginfo .tabinfo td text {
    display: none;
  }
  .stiwatchdogs .watchdogs .prodbox .cnt .watchdoginfo .tabinfo td {
    width: 40% !important;
  }
  .stiwatchdogs .watchdogs .prodbox .cnt .watchdoginfo .btn-edit {
    margin: 10px 10px 10px 0;
  }
  .spresenttrees .bestseller .prodbox .number {
    display: none;
  }
  .spresenttrees .bestseller .prodbox .img {
    max-width: 15%;
    margin: 20px 10px 7px 10px;
  }
  .spresenttrees .bestseller .prodbox .img img {
    height: auto;
    width: 100%;
  }
  .spresenttrees .bestseller .prodbox .name {
    max-width: 75%;
  }
  .spresenttrees .bestseller .prodbox .name a {
    max-width: none;
    font-size: 1.4rem;
    display: inline;
  }
  .spresenttrees .bestseller .prodbox .availability,
  .spresenttrees .bestseller .prodbox .price {
    display: none;
  }
  .spresenttrees .bestseller .prodbox:first-child {
    margin: 0;
  }
  .spresenttrees .productlist .listpage.btm .btmbox {
    padding: 15px;
  }
  .spresenttrees .productlist .listpage.btm .selectbox span {
    margin: 0;
  }
  .spresenttrees .productlist .listpage.btm .selectbox .custom-select {
    clear: left;
  }
  .spresenttrees .productlist .listpage .paging {
    display: none;
  }
  .spresenttrees .newfilter .prcrange {
    width: 100% !important;
  }
  .spresenttrees .orderby {
    margin: 0;
  }
  .spresenttrees .showstyle {
    display: none;
  }
  .prodbox {
    margin: 25px 2% 15px 0;
  }
  .prodbox:first-child {
    margin: 5px 2% 15px 0;
  }
  .prodbox .buttons .btn-comp {
    display: none;
  }
  .listpage.btm .paging {
    display: none;
  }
  .tabinfo.hor th.stock,
  .tabinfo.hor td.stock {
    display: none;
  }
  #footercont .companyinfo {
    position: relative;
    margin: 0 0 10px 0;
  }
  #footercont .companyinfo ul.webmenu li {
    padding: 10px 15px 0 15px;
    position: relative;
  }
  #footercont .companyinfo ul.webmenu li:first-child ul li:nth-child(2) {
    display: none !important;
  }
  #footercont .companyinfo ul.webmenu li .down {
    width: 40%;
  }
  #footercont .companyinfo ul.webmenu li a {
    width: 60%;
  }
  #footercont .companyinfo .cnt {
    float: left;
  }
  #footercont .companyinfo .cnt img {
    max-width: 145px;
  }
  #footercont .companyinfo .infobox {
    width: auto;
    padding: 0 0 0 15px;
  }
  #footercont .companyinfo .contact {
    width: auto;
    padding: 0 0 0 15px;
    margin: 10px 0 0 0;
    clear: left;
  }
  #footercont .companyinfo .social {
    padding: 0 15px 0 0;
    position: absolute;
    bottom: 273px;
    right: 0;
  }
  #footercont .companyinfo .social li a {
    height: 34px;
    width: 34px;
    margin: 0 0 0 7px;
  }
  #footercont .companyinfo .social li a.facebook {
    background: transparent url("../img/pcp-ico-fb.png") no-repeat scroll top left / 100%;
    margin: 0;
  }
  #footercont .companyinfo .social li a.googleplus {
    background: transparent url("../img/pcp-ico-gplus.png") no-repeat scroll top left / 100%;
  }
  #footercont .companyinfo .social li a.linkedin {
    background: transparent url("../img/pcp-ico-in.png") no-repeat scroll top left / 100%;
  }
  #footercont .newsletterbottom .cnt .roline {
    padding: 0 15px;
  }
  #footercont .newsletterbottom .cnt .roline a img {
    padding: 15px 0;
  }
  #footercont .newsletterbottom .cnt .roline p {
    padding: 15px 20px !important;
  }
  #footercont .newsletterbottom .cnt .mailbox {
    padding: 0 15px;
  }
  #footercont .newsletterbottom .cnt .mailbox p {
    padding: 25px 10px 25px 40px;
  }
  #footercont .newsletterbottom .cnt .mailbox input {
    width: 140px;
  }
  #footercont .newsletterbottom .cnt .mailbox form {
    padding: 15px 0;
  }
  #footercont .footerinfo {
    padding: 15px 15px 30px 15px;
  }
  #footercont .footerinfo .cnt {
    display: block;
  }
  #footercont .footerinfo .cnt .copyright {
    text-align: left;
  }
  #footercont .footerinfo .cnt .copyright span {
    margin: 10px 0 0 0;
    float: left;
    clear: left;
  }
  #footercont .footerinfo .cnt .copyright span:after {
    display: none;
  }
  .katalogy {
    width: 100% !important;
  }
  .katalogy a {
    max-width: 100%;
  }
  .katalogy a img {
    max-width: 100%;
  }
  .katalogy .cnt .tabinfo .download {
    font-size: 0;
  }
  .pcpzkratky .tabinfo.hor td:first-child {
    white-space: normal;
  }
  .document.newpassword {
    padding: 15px;
    background: #eff3f5;
  }
  .document.newpassword .rowbox .inputs {
    width: 100% !important;
  }
  .document.contact {
    padding: 15px;
    min-height: 0;
  }
  .newpasswordtext {
    padding: 0;
  }
  .basketadd .btn-inv,
  .basketadd .btn-big {
    width: 100%;
  }
  .statustabs ul {
    position: relative;
    padding: 50px 0 0 0;
  }
  .statustabs ul li {
    display: none;
    width: 100%;
    border: none;
    margin: 0 0 10px 0;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .statustabs ul li a {
    text-align: left;
  }
  .statustabs ul .act {
    position: absolute;
    display: block;
    background: #124095 url("../img/pcp-ico-arrow-down.png") no-repeat 97% center !important;
  }
  .statustabs ul .act.up {
    background: #124095 url("../img/pcp-ico-arrow-up.png") no-repeat 97% center !important;
  }
  .statustabs ul .act a {
    cursor: pointer;
  }
  .import .rowbox .inputs {
    width: auto;
  }
  .import .rowbox .text {
    width: auto;
    float: right;
  }
  .import .rowbox:nth-of-type(1) .inputs {
    width: 100%;
    margin: 0;
  }
  .import .rowbox:nth-of-type(1) .inputs textarea {
    min-height: 150px;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .import .rowbox:nth-of-type(1) .text {
    width: 100%;
  }
  .btn-buy u.notlog {
    display: none;
  }
  .pcpzkratky .cnt {
    min-height: 60px;
    position: relative;
    padding: 48px 0 0 0;
  }
  .pcpzkratky .btn-zkratky {
    display: none;
    border: none;
    width: 100%;
    background: #eff3f5 !important;
    padding: 10px 8px;
  }
  .pcpzkratky .btn-zkratky.act {
    position: absolute;
    top: 0;
    display: block;
    color: #FFF !important;
    background: #124095 url("../img/pcp-ico-arrow-down.png") no-repeat 97% center !important;
  }
  .pcpzkratky .btn-zkratky.act.up {
    background: #124095 url("../img/pcp-ico-arrow-up.png") no-repeat 97% center !important;
  }
  .pcpzkratky .btn-zkratky.all {
    display: block;
  }
  .navbar ul li span {
    max-width: 250px;
    overflow: hidden;
  }
  .pickupcont {
    border-right: none !important;
    border-left: none !important;
    padding: 10px 0 !important;
  }
  .pickupcont input {
    margin: 3px 0px 3px 0;
  }
  .pickupcont .btn {
    margin: 3px 5px 3px 0 !important;
  }
  .pickupcont .btn.today {
    clear: left;
  }
  .pickupcont .btn.unknown {
    margin: 3px 0 3px 0 !important;
  }
  .pickupcont .custom-select {
    margin: 3px 5px 3px 0 !important;
  }
  .pickupcont .custom-select.small {
    margin: 3px 5px 3px 0 !important;
  }
  .pickupcont .custom-select.big {
    width: auto !important;
  }
}
@media screen and (max-width: 600px) {
  .ordersteps table:before {
    top: 34px;
    width: calc(100% - 140px);
    margin: 0 70px;
  }
  .ordersteps table .step {
    padding: 0 0 10px 0;
  }
  .ordersteps table .step .num:after {
    display: inline-block;
    width: 55px;
    height: 60px;
  }
  .ordersteps table .step .name,
  .ordersteps table .step .nameres {
    font-size: 1.4rem;
  }
  .ordersteps table .step.act .name,
  .ordersteps table .step.act .nameres {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .ordersteps table .step.act.step_1 .num:after {
    background: #FFF url("../img/pcp-ico-basket-step-1-active.png") no-repeat center / 100%;
  }
  .ordersteps table .step.act.step_2 .num:after {
    background: #FFF url("../img/pcp-ico-basket-step-3-active.png") no-repeat center / 80%;
  }
  .ordersteps table .step.act.step_3 .num:after {
    background: #FFF url("../img/pcp-ico-basket-step-2-active.png") no-repeat center / 80%;
  }
  .ordersteps table .step.act.step_4 .num:after {
    background: #FFF url("../img/pcp-ico-basket-step-4-active.png") no-repeat center / 80%;
  }
  .ordersteps table .step.act.step_5 .num:after {
    background: #FFF url("../img/pcp-ico-basket-step-5-active.png") no-repeat center / 100%;
  }
  .ordersteps table .step.step_2 p {
    padding: 0;
  }
  .ordersteps table .step.step_2 p:before {
    top: 40px;
    left: -7px;
    width: 105%;
  }
  .ordersteps table .step.step_2 .name {
    display: none;
  }
  .ordersteps table .step.step_2 .nameres {
    display: block;
  }
  .ordersteps table .step.step_3 {
    width: 10%;
  }
  .ordersteps table .step.step_3 p {
    padding: 0;
  }
  .ordersteps table .step.step_3 p:before {
    top: 40px;
    right: -13px;
    width: 120%;
  }
  .ordersteps table .step.step_3 .name {
    display: none;
  }
  .ordersteps table .step.step_3 .nameres {
    display: block;
  }
  .ordersteps table .step.step_4 p {
    padding: 0;
  }
  .ordersteps table .step.step_4 p:before {
    top: 40px;
    right: -13px;
    width: 120%;
  }
  .ordersteps table .step.step_5 p {
    padding: 0;
  }
  .ordersteps table .step.step_5 p:before {
    top: 40px;
    right: -13px;
    width: 120%;
  }
  .document {
    padding: 15px;
  }
  .document .cnt table th {
    min-width: 100px;
  }
  .document.moredetails .tabinfo tr {
    width: 100%;
  }
  .ordbaskets .addbynum .cnt {
    padding: 0 0 20px 0 !important;
  }
  .ordbaskets .products .table-scroll {
    overflow-x: hidden;
  }
  .ordbaskets .contentcont .boxcont.half {
    padding: 15px;
  }
  .ordbaskets .trippleswitch .trplopt {
    width: 100% !important;
  }
  .ordbaskets .trippleswitch .trplopt p {
    margin-left: 25px !important;
  }
  .ordbaskets .tradeterm .cnt {
    padding: 0 0 20px 0 !important;
  }
  .ordbaskets .tradeterm .cnt .rowbox {
    float: left !important;
  }
  .ordbaskets .stitable th {
    padding: 6px;
  }
  .ordbaskets .stitable .code {
    display: none;
  }
  .ordbaskets .stitable .wovat {
    display: none !important;
  }
  .ordbaskets .stitable .price.totalprc.wvat {
    padding: 5px 0;
  }
  .ordbaskets .stitable .price.totalprc.wvat span {
    display: block;
  }
  .ordbaskets .stitable .price.totalprc.wvat .btn-delete {
    display: block;
  }
  .ordbaskets .stitable .ordcount .qtybox.icon {
    min-width: 30px;
  }
  .ordbaskets .stitable .ordcount .qtybox.icon input {
    min-width: 30px;
  }
  .ordbaskets .stitable .buyout {
    display: none;
  }
  .ordbaskets .sumtab {
    border: none !important;
  }
  .ordbaskets .sumtab .resbuttons {
    float: left;
    clear: left;
    width: 100%;
    border-top: 1px solid #d4d6d7;
    border-bottom: 1px solid #d4d6d7;
  }
  .ordbaskets .sumtab .resbuttons .btn {
    padding: 5px 0 10px 0;
    float: right;
  }
  .ordbaskets .sumtab .resbuttons .btn-empty {
    float: right;
  }
  .ordbaskets .sumtab .tabinfo {
    margin: 15px 0 20px 0 !important;
  }
  .ordbaskets .buttons .btn-big {
    width: 100%;
  }
  .ordsucc .hdr p {
    font-size: 2rem;
  }
  .ordsumtab {
    float: left !important;
  }
  .ordsumtab th {
    text-align: left;
  }
  .legend {
    margin: 0;
  }
  .legend p {
    width: 37px;
  }
  .legend ul li {
    width: 100%;
    padding: 0;
  }
  .legend ul.float-right {
    float: left !important;
  }
  .legend span {
    margin: 0;
  }
}
@media screen and (max-width: 560px) {
  .stoitem .stiimg a img {
    max-width: 280px;
  }
  .spresenttrees .filtersresponse .stiparinf .ftr .paramgroupsactive {
    width: 100%;
  }
  .spresenttrees .filtersresponse .stiparinf .ftr .btn {
    width: 100%;
  }
  .spresenttrees .productlist .listpage.btm .nextpage {
    width: 100%;
  }
  .spresenttrees .productlist .listpage.btm .nextpage .btn {
    width: 100%;
  }
  .spresenttrees .productlist .listpage.btm .pagenav {
    width: 100% !important;
    padding: 25px 0 0 0;
  }
  .spresenttrees .productlist .listpage.btm .pagenav .cnt {
    width: 250px;
    margin: 0 auto;
    float: none;
  }
  #footercont .newsletterbottom .cnt .roline p {
    padding: 0 0 20px 0 !important;
    float: left;
    clear: left;
  }
  #footercont .newsletterbottom .cnt .mailbox {
    padding: 0 15px;
  }
  #footercont .newsletterbottom .cnt .mailbox .newsletter {
    float: left;
    clear: left;
  }
  #footercont .newsletterbottom .cnt .mailbox p {
    padding: 15px 10px 15px 40px;
  }
  #footercont .newsletterbottom .cnt .mailbox form {
    padding: 0 0 15px 0;
  }
  #cookieUseAgreement p {
    width: 100%;
  }
  #cookieUseAgreement .btn {
    float: none;
    width: 100%;
    margin: 10px auto;
  }
}
@media screen and (max-width: 480px) {
  .modal-content {
    width: 90%;
  }
  .stoitem .tools .sharebox:before {
    right: 10%;
  }
  .ordersteps table:before {
    top: 15px;
    width: calc(100% - 80px);
    margin: 0 33px;
  }
  .ordersteps .step .name,
  .ordersteps .step .nameres {
    font-size: 1.2rem !important;
  }
  .ordersteps .step .num:after {
    width: 30px !important;
    height: 30px !important;
  }
  .ordersteps .step.step_2 .num:after,
  .ordersteps .step.step_3 .num:after,
  .ordersteps .step.step_4 .num:after {
    background-size: 60% !important;
  }
  .ordbaskets .rowbox .label {
    min-width: auto;
  }
}
@media screen and (max-width: 360px) {
  .multibuy {
    font-size: 1.4rem;
    margin: 3px 0;
    padding: 10px 19px;
  }
  .newsletterbottom .cnt .roline {
    padding: 0 15px;
  }
  .newsletterbottom .cnt .roline p span {
    float: none !important;
  }
  .import .rowbox .text {
    width: 100%;
  }
  .import .rowbox .text button {
    width: 100%;
    margin: 0;
  }
  .prcrange .cnt {
    width: 100%;
  }
}
/*# sourceMappingURL=styles.css.map */