/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* 
 * =====================================================================================================================
 * CONFIG
 * =====================================================================================================================
*/
/* 
 * =====================================================================================================================
 * CONFIG
 * =====================================================================================================================
*/
/* 
 * =====================================================================================================================
 * SPRITE
 * =====================================================================================================================
*/
/* 
 * =====================================================================================================================
 * CLEAR FIX
 * =====================================================================================================================
*/
/*
 * =====================================================================================================================
 * Default clear style for ul li
 * =====================================================================================================================
 */
/*
 * =====================================================================================================================
 * GRAYSCALE
 * =====================================================================================================================
 */
/* 
 * =====================================================================================================================
 * Font Awesome icon
 * =====================================================================================================================
*/
@import "menus.css";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0 !important;
}
ol,
ul {
  list-style: none;
}
a,
img,
a img,
iframe,
form,
fieldset,
abbr,
acronym,
object,
applet {
  border: none;
}
p {
  padding: 0.2em 0em 1.1em 0em;
  line-height: 1.5em;
  width: 100%;
}
html {
  width: 100% !important;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  background: #fff;
  color: #656565;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
.content sup {
  vertical-align: top;
}
form fieldset sup {
  color: #F00;
  font-size: 1em;
}
input[type="text"],
input[type="password"],
select,
textarea {
  border: 1px solid #e3e3e3;
  background-color: #ffffff;
  height: 24px;
  line-height: 22px;
  padding: 3px;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  height: 110px;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  padding: 2px 10px 0 16px !important;
  position: relative;
}
input[type="radio"] + label:before {
  position: absolute;
  border: 1px solid #a7d5f6;
  background-color: #ffffff;
  height: 10px;
  width: 10px;
  content: "";
  left: 0;
  top: 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
input[type="radio"]:checked + label:after {
  background-color: #006A92;
  position: absolute;
  height: 6px;
  width: 6px;
  content: "";
  left: 3px;
  top: 6px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.td-radio input[type="radio"] {
  display: inline;
}
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: underline;
  outline: 0;
  color: #eb6309;
}
a.btn,
a.btn:hover,
a.btn:active,
a.btn:visited,
button.btn {
  overflow: hidden;
  display: inline-block;
  position: relative;
  vertical-align: top;
  zoom: 1;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  padding: 6px 26px;
  margin: 0 3px;
  cursor: pointer;
  background: #f4690e;
  background: linear-gradient(180deg, #f4690e 0%, #dd5800 100%);
  border: 1px solid #a64200;
  border-top: 0;
  text-shadow: 1px 1px 0 #a02b01;
}
a.btn.whiteBtn,
a.btn:hover.whiteBtn,
a.btn:active.whiteBtn,
a.btn:visited.whiteBtn,
button.btn.whiteBtn {
  border: 1px solid #c7e3f5;
  color: #005a80;
  text-shadow: 1px 1px 0 #fff;
  background-image: url(../../images/responziv/btn_white2.jpg);
  background-color: #ffffff;
  background-position: top center;
  background-repeat: repeat-x;
}
body {
  color: #333333;
  padding: 0 0 20px 0;
  margin: 0;
  min-height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  background-color: #525252;
  /*@media only screen and (max-width: 830px) {
		background: #a2dcff;
	}*/
}
.centered {
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.right-align {
  text-align: right;
  width: 100%;
  overflow: hidden;
  clear: both;
}
#page {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  /*@media only screen and (max-width: 1000px) {
		padding: 0 20px;
	}*/
}
#wrapper {
  position: relative;
  width: 100%;
  order: 3;
}
#wrapper .hpColumnWide h1 {
  color: #fff;
  text-shadow: 2px 2px 0 #4f4f4f;
}
#wrapper h2 {
  font-family: Tahoma, Geneva, 'FreeSans', sans-serif;
  margin: 0.3em 0 0 0;
  padding: 0;
  font-size: 1.6em;
  line-height: 1.5em;
  color: #375662;
  font-weight: normal;
}
#wrapper h2.big {
  font-size: 1.4em;
}
#wrapper h3 {
  font-weight: bold;
  margin: 0.3em 0 0 0;
  font-size: 1.1em;
  line-height: 1.6em;
  color: #006A92;
}
#wrapper h1.detail,
.wideCompare h1.detail {
  margin: 0;
  padding: 5px 0 0.5em 0;
}
#wrapper h1,
.wideCompare h1 {
  padding: 5px 0px 0px 0px;
  margin: 0em 0 0.6em 0;
  font-weight: normal;
  font-size: 2em;
  line-height: 1.3em;
  text-align: left;
  color: #375662;
  display: block;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#wrapper h1.hide,
.wideCompare h1.hide {
  display: none;
}
.sidebarBanner {
  position: absolute;
  margin-top: 198px;
  right: -166px;
  display: block;
}
@media only screen and (max-width: 1330px) {
  .sidebarBanner {
    position: relative;
    margin: 0 auto !important;
    right: auto !important;
    order: 2;
    display: block;
  }
  .sidebarBanner img {
    display: none;
  }
  .sidebarBanner img.mobile-banner {
    display: block !important;
    margin: 0 auto 14px auto;
    width: auto;
    max-width: 100%;
    height: auto;
  }
}
/*******************hlavicka**********************/
#header {
  position: relative;
  display: block;
  margin: 0;
  width: 100%;
  height: 204px;
  height: 176px;
  margin: 0 auto;
  z-index: 50;
  background-image: url(../../images/header1.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  order: 1;
}
#header .infoLine {
  background: url(../../images/infoLine.png) no-repeat left;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
  position: absolute;
  right: 0;
  padding: 0 10px 0 37px;
  font-size: 1.4em;
  top: 113px;
  color: #fff;
}
#header #headerImages {
  width: 100%;
  height: 141px;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  display: block;
}
#header #headerImages .headerImage {
  width: 100%;
  height: 141px;
  position: absolute;
  left: 0;
  top: 0;
}
#header .logo {
  position: absolute;
  top: 58px;
  left: 20px;
  z-index: 100;
  zoom: 1;
  display: block;
}
#header .logo img {
  display: block;
}
#header .slogan,
#header .slogan2 {
  color: #3b5b67;
  font-weight: bold;
  position: absolute;
  font-size: 14px;
  top: 110px;
  left: 20px;
}
#header .isoLogo {
  position: absolute;
  right: 0;
  top: 35px;
  height: 78px;
}
#header #flyout {
  background: url(../../images/bckg_flyoutMenu.png) repeat-x;
  width: 286px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#header #flyout ul {
  position: relative;
  width: 100%;
  display: flex;
}
#header #flyout ul li {
  width: 150px;
  overflow: hidden;
  height: 29px;
}
#header #flyout ul li#cartLink {
  width: 156px;
}
#header #flyout ul li#cartLink a.btn,
#header #flyout ul li#cartLink a.btn:visited {
  padding: 6px 10px;
}
#header #flyout ul li#loginLink {
  width: 130px;
}
#header #flyout ul li a.menuLink {
  background: url(../../images/bckg_flyoutBtnActive.png) repeat-x -9999em -9999em;
  display: inline;
  float: left;
  font-size: 12px;
  font-weight: bold;
  padding: 7px 0 8px 0;
  text-decoration: none;
  width: 100%;
  text-align: center;
}
#header #flyout ul li a.menuLink:hover,
#header #flyout ul li a.menuLink.opened {
  background: url(../../images/bckg_flyoutBtnActive.png) repeat-x top left;
}
#header #flyout ul li span {
  background: url(../../images/cartMini.gif) no-repeat 5px center;
  display: block;
  padding: 0 0 0 22px;
  font-weight: bold;
}
#header #flyout ul li span.textBlock {
  float: right;
  width: 194px;
  font-weight: normal;
  padding: 11px 0 0 0;
  font-size: 11px;
  background: none;
}
#header #flyout ul li#loginLink span {
  background: url(../../images/userMini.gif) no-repeat 5px center;
  padding: 0 0 0 22px;
}
#header #flyout .flyCont {
  background: #ffffff;
  position: absolute;
  top: 29px;
  left: 0px;
  height: 0px;
  width: 286px;
  font-size: 12px;
  overflow: hidden;
}
#header #flyout .flyCont .block {
  background: #ffffff;
  height: 92px;
  margin-bottom: 8px;
  color: #025383;
  padding: 0px 8px 0 8px;
}
#header #flyout .flyCont .block br {
  clear: both;
}
#header #flyout .flyCont .block label {
  display: block;
  float: left;
  padding: 3px 0 10px 0;
  font-weight: bold;
  width: 80px;
}
#header #flyout .flyCont .block input {
  float: right;
}
#header #flyout .flyCont .block p {
  padding: 1px 0 4px 0;
  margin: 0;
}
#header #flyout .flyCont .block a {
  float: left;
}
#header #flyout .flyCont .block .flyLine,
#header #flyout .flyCont .block p {
  padding: 4px 0 0 0;
  width: 100%;
  overflow: hidden;
}
#header #flyout .flyCont .block .dotsLine {
  /*background: url(../../images/dotsLine.gif) repeat-x left top;*/
  border-top: 1px dotted #a5d1ef;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}
#header #flyout .flyCont .block a.btn,
#header #flyout .flyCont .block button.btn {
  float: right;
}
#header #menuStripe {
  background: url(../../images/bckg_topMenu.png) repeat-x #1c3842;
  width: 100%;
  height: 37px;
  bottom: 0;
  display: flex;
  position: absolute;
}
#header #menuStripe #search {
  padding: 6px 0 0 0;
  width: 235px;
  text-align: left;
}
#header #menuStripe #search fieldset {
  display: flex;
  width: 100%;
}
#header #menuStripe #search fieldset input[type="text"] {
  width: 120px;
}
#header #menuStripe #search fieldset select {
  width: 84px;
}
#header #menuStripe #search fieldset > div {
  margin-right: 3px;
}
#header #menuStripe #search fieldset .btn {
  font-size: 0;
  width: 29px;
  height: 24px;
  border: 0;
  padding: 6px;
  margin: 0;
  background: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#header #menuStripe #search fieldset .btn:after {
  content: "\f002";
  font-family: 'FontAwesome';
  z-index: 2;
  display: block;
  position: absolute;
  font-size: 18px;
  font-style: normal;
  line-height: 18px;
  font-weight: normal;
  text-decoration: none;
  width: 18px;
  height: 18px;
  text-align: center;
}
#header #menuStripe #search fieldset .btn:after {
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
}
#header #menuStripe #topMenu {
  margin: 0;
  padding: 0;
  display: inline;
  width: calc(100% - 240px);
}
#header #menuStripe #topMenu ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  position: relative;
  width: 100%;
}
#header #menuStripe #topMenu ul.shopMenu {
  display: none;
}
#header #menuStripe #topMenu ul li {
  padding: 0;
  margin: 0;
  position: relative;
}
#header #menuStripe #topMenu ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  position: relative;
  text-shadow: 1px 1px 0px #063451;
  padding: 0;
}
#header #menuStripe #topMenu ul li a span {
  padding: 11px 17px;
  display: block;
}
#header #menuStripe #topMenu ul li strong {
  background: url(../../images/bckg_menu_strong.png) no-repeat center bottom;
  margin-top: -6px;
  text-shadow: 1px 1px 0px #a12b01;
  display: block;
  color: #fff;
  font-weight: bold;
}
#header #menuStripe #topMenu ul li strong span {
  padding: 18px 15px 10px 15px;
  display: block;
}
#header #menuStripe #topMenu ul li a:hover {
  background: url(../../images/bckg_menu_a.png) repeat-x right 0px #162f38;
}
#header #menuStripe #topMenu ul li.submenu.sfHover ul {
  position: absolute;
  top: 37px;
  width: 180px;
  padding: 8px;
  margin: 0px;
  display: none;
  background: #1f3b45;
}
#header #menuStripe #topMenu ul li.submenu.sfHover ul li {
  border-top: 1px solid #173039;
  display: block;
  width: 100%;
}
#header #menuStripe #topMenu ul li.submenu.sfHover ul li a {
  color: #a9c5d0;
  font-weight: normal;
  padding: 4px 14px 4px 7px;
}
#header #menuStripe #topMenu ul li.submenu.sfHover ul li a:hover {
  background: #284550;
}
#header #menuStripe #topMenu ul li.submenu.sfHover ul li.submenu > a {
  background: url(../../images/bckg_topMenuSubArr.png) 0px top no-repeat;
  padding: 4px 0 4px 7px;
}
#header #menuStripe #topMenu ul li.submenu.sfHover ul li.submenu:hover ul,
#header #menuStripe #topMenu ul li.submenu.sfHover ul li.submenu.submenu ul {
  left: 208px;
  top: -8px;
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 830px) {
  #header #menuStripe #topMenu {
    display: none;
    position: absolute;
    top: 10px;
    left: auto;
    right: 14px;
    width: 250px;
    z-index: 109;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  #header #menuStripe #topMenu ul {
    display: block !important;
    visibility: visible !important;
  }
  #header #menuStripe #topMenu ul li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ce5200;
    background: url(../../images/bckg_shopMenu_li.png) repeat-x left top #dc5800;
  }
  #header #menuStripe #topMenu ul li a,
  #header #menuStripe #topMenu ul li strong {
    color: #fff;
    text-shadow: 1px 1px 0 #a12b01;
    padding: 7px 7px 7px 20px;
    text-decoration: none;
    font-weight: bold;
    display: block;
  }
  #header #menuStripe #topMenu ul li a span,
  #header #menuStripe #topMenu ul li strong span {
    padding: 0 !important;
    display: block;
  }
  #header #menuStripe #topMenu ul li.submenu.sfHover a:hover,
  #header #menuStripe #topMenu ul li a:hover {
    background: #f67520 !important;
    padding: 7px 7px 7px 30px !important;
  }
  #header #menuStripe #topMenu ul li.submenu.sfHover a:hover span,
  #header #menuStripe #topMenu ul li a:hover span {
    margin-left: -10px;
  }
  #header #menuStripe #topMenu ul li ul {
    padding: 0;
  }
  #header #menuStripe #topMenu ul li ul li a {
    padding: 7px 7px 7px 30px !important;
    display: block;
    font-weight: normal;
  }
  #header #menuStripe #topMenu ul li ul li a:hover {
    padding: 7px 7px 7px 30px !important;
  }
  #header #menuStripe #topMenu ul li ul li strong {
    padding: 7px 7px 7px 20px !important;
    display: block;
    font-weight: normal;
    color: #000000;
  }
  #header #menuStripe #topMenu ul li ul li ul li a,
  #header #menuStripe #topMenu ul li ul li ul li strong {
    padding: 4px 4px 4px 34px !important;
  }
  #header #menuStripe #topMenu ul li.submenu.sfHover ul {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    padding: 0px !important;
    margin: 0px;
    display: block;
    background: transparent;
  }
  #header #menuStripe #topMenu ul li.submenu.sfHover ul li {
    border-top: 0;
  }
  #header #menuStripe #topMenu ul li.submenu.sfHover ul li a,
  #header #menuStripe #topMenu ul li.submenu.sfHover ul li strong {
    padding: 7px 7px 7px 30px !important;
    color: #ffffff;
  }
  #header #menuStripe #topMenu ul li.submenu.sfHover ul li ul li a,
  #header #menuStripe #topMenu ul li.submenu.sfHover ul li ul li strong {
    padding: 7px 7px 7px 40px !important;
  }
  #header #menuStripe #topMenu ul li.shopMenu {
    display: block;
  }
}
#header .mobile-controle {
  display: none;
}
#header .mobile-controle .menucontrol {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#header .mobile-controle .menucontrol span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ffffff;
  opacity: 1;
  left: 0;
  top: 50%;
  margin-top: -2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
#header .mobile-controle .menucontrol span:first-child {
  margin-top: -11px;
}
#header .mobile-controle .menucontrol span:last-child {
  margin-top: 7px;
}
#header .mobile-controle .menucontrol.active span {
  background: #f67520;
}
#header .mobile-controle .menucontrol.active span:nth-child(1),
#header .mobile-controle .menucontrol.active span:nth-child(4) {
  margin-top: -4px;
  width: 0%;
  left: 50%;
}
#header .mobile-controle .menucontrol.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .mobile-controle .menucontrol.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 830px) {
  #header {
    margin: 0 0 10px 0;
    background: #525252;
    height: 84px;
  }
  #header.header-search {
    height: 114px;
  }
  #header #headerImages,
  #header #flyout,
  #header .isoLogo {
    display: none;
  }
  #header .slogan {
    top: 60px;
    color: #ffffff;
    font-weight: normal;
    left: 14px;
    width: 150px;
    font-size: 12px;
  }
  #header .infoLine {
    font-weight: normal;
    top: auto;
    bottom: -10px;
    font-size: 1em;
  }
  #header #flyout {
    background: transparent;
    width: 100%;
    position: absolute;
    right: 0px;
    top: 80px;
    display: block;
  }
  #header #flyout ul li {
    width: 100% !important;
    overflow: hidden;
    height: 0  !important;
  }
  #header #flyout .menuLink {
    background: transparent !important;
    float: none !important;
    font-size: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
  }
  #header #flyout .flyCont {
    top: 0px;
    right: 14px;
    left: auto;
    height: 0;
  }
  #header #menuStripe #search {
    display: none;
    width: 100%;
    height: 50px;
    padding: 14px;
    margin-top: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #525252;
  }
  #header #menuStripe #search fieldset {
    justify-content: end;
  }
  #header .logo {
    position: absolute;
    top: 20px;
    left: 14px;
    width: 150px;
  }
  #header .logo img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  #header .mobile-controle {
    display: flex !important;
    position: absolute;
    top: 25px;
    right: 14px;
    width: 132px;
    justify-content: space-between;
  }
  #header .mobile-controle > div {
    display: block;
    position: relative;
  }
  #header .mobile-controle > div.searchcontrol {
    width: 26px;
    height: 26px;
    margin-left: 0;
  }
  #header .mobile-controle > div.searchcontrol:after {
    content: "";
    z-index: 2;
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    background: transparent url("https://www.soldering.cz/web/soldering/images/responziv/sprite.png") 0px 0px;
  }
  #header .mobile-controle > div.usercontrol {
    width: 22px;
    height: 26px;
  }
  #header .mobile-controle > div.usercontrol:after {
    content: "";
    z-index: 2;
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    background: transparent url("https://www.soldering.cz/web/soldering/images/responziv/sprite.png") -100px 0px;
  }
  #header .mobile-controle > div.eshopcontrol {
    width: 26px;
    height: 26px;
  }
  #header .mobile-controle > div.eshopcontrol span {
    background: #f67520;
    color: #ffffff;
    display: block;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    top: -9px;
    right: -4px;
    text-align: center;
    font-weight: bold;
    z-index: 9;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
  }
  #header .mobile-controle > div.eshopcontrol:after {
    content: "";
    z-index: 2;
    display: block;
    position: absolute;
    width: 22px;
    height: 26px;
    background: transparent url("https://www.soldering.cz/web/soldering/images/responziv/sprite.png") -50px 0px;
  }
  #header #menuStripe {
    background: transparent;
    width: 100%;
    bottom: 0;
    top: auto;
    display: block;
    position: absolute;
    left: 0;
  }
}
.smallImg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  float: left;
  background: #fff;
  padding: 0;
  border: 1px solid #c7e3f5;
  margin-bottom: 5px;
}
.smallImg .actionRibbon,
.smallImg .action {
  background: url(../../images/actionRibbon.png) right top;
  height: 40px;
  width: 41px;
  left: 8px;
  top: 4px;
  display: block;
  position: absolute;
}
/*******************hlavicka*********************/
/* Navigation----------------------------------------*/
#navigation {
  padding: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 0;
  color: #ffffff;
}
#navigation a {
  color: #006a92;
  background: url(../../images/bckg_navigation.png) repeat-x;
  display: block;
  float: left;
  margin: 0;
  line-height: 25px;
  cursor: pointer;
  text-decoration: underline;
}
#navigation a:hover {
  text-decoration: none;
}
#navigation a.first span {
  padding: 0 17px 0 5px;
}
#navigation a.last span {
  background: url(../../images/bckg_navigationStrong.png) top right no-repeat;
}
#navigation a span {
  background: url(../../images/bckg_navigationLink.png) top right no-repeat;
  padding: 0 17px 0 8px;
  display: block;
}
#navigation strong {
  padding: 0 5px 0 8px;
  display: inline;
  line-height: 25px;
  margin: 0;
}
@media only screen and (max-width: 1020px) {
  #navigation a span {
    background: none;
  }
  #navigation strong {
    display: block;
    float: left;
  }
}
#navigation strong.first {
  background: url(../../images/bckg_navigationStrong.png) top left no-repeat;
  padding: 5px 5px 5px 22px;
}
/*#navigation {
	padding: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	color: #006a92;
	font-size: 12px;
	background: url(../../images/bckg_navigationStart.png) no-repeat left 10px;

	a {
		color: #006a92;
		background: url(../../images/bckg_navigation.png) repeat-x;
		display: inline;
		cursor: pointer;
		text-decoration: underline;

		&.first {
			padding-left: 8px;
		}

		&:hover{
			text-decoration: none;
		}

		span{
			background: url(../../images/bckg_navigationLink.png) top right no-repeat;
			padding: 5px 17px 5px 8px;
			/*display: block;*/
/*
		}

		&.first span{
			padding: 5px 17px 5px 0
		}

		&.last span{
			background:url(../../images/bckg_navigationStrong.png) top right no-repeat;
		}
	}

	strong{
		padding: 5px 5px 5px 8px;
		display: inline;

		&.first{
			background: url(../../images/bckg_navigationStrong.png) top left no-repeat;
			padding: 5px 5px 5px 22px
		}
	}
}*/
.content p a:hover,
.content a:hover,
#leftSidebar a:hover,
#rightSidebar a:hover,
#offerCatalog a:hover {
  text-decoration: none;
}
.content {
  background: #fff;
  position: relative;
  width: 100%;
}
.content ul,
.content .weditor ul {
  list-style-position: inside;
  list-style-type: disc;
  padding: 0em 0em 1.1em 0em;
}
.content li {
  padding: 0 0 0 10px;
  list-style-type: none;
  position: relative;
}
.content li:before {
  width: 4px;
  height: 4px;
  background-color: #3b4046;
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.content img {
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
}
.content .annotation {
  font-weight: normal;
  width: 100%;
  line-height: 1.6em;
  margin-bottom: 8px;
  background: url(../../images/dotsLine.gif) repeat-x left top #ecf8ff;
}
.content .annotation .cont {
  padding: 6px;
  background: url(../../images/dotsLine.gif) repeat-x left bottom;
}
.content strong {
  font-weight: bold;
}
.content .topBg {
  /*display: flex;
		flex-wrap: wrap;*/
  display: block;
  padding: 10px;
}
.content .topBg:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.content .topBg:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.content .sidebar {
  width: 220px;
  float: left;
  /*order: 2;*/
}
.content .sidebar.recapitulation {
  /*page-break-after: always;
			break-after: always;*/
  order: 1;
}
.content .sidebar .widget {
  background-color: #f7f7f7;
  padding: 1px;
  border: 1px solid #e3e3e3;
  margin-bottom: 10px;
  text-align: left;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
}
.content .sidebar .widget .centered {
  padding-bottom: 10px;
}
.content .sidebar .widget .bgFooter {
  background-color: #f6f6f6;
}
.content .sidebar .widget h2 {
  background: #3b5b67;
  background: linear-gradient(180deg, #3b5b67 0%, #1d3842 100%);
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1em !important;
}
.content .sidebar .widget h2 span {
  display: block;
  font-weight: bold;
  color: #fff;
  line-height: 1.5em;
  padding: 6px 9px 6px 9px;
}
.content .sidebar .widget.menu {
  background-color: #ffffff;
  padding: 0;
  border: 0;
}
.content .sidebar .widget.menu.menu .cont {
  padding: 0;
}
.content .sidebar .widget ul#shopMenu li {
  list-style-type: none;
  border-top: 0;
  width: 100%;
  padding: 0;
  margin: 0;
}
.content .sidebar .widget ul#shopMenu li:before {
  display: none;
}
.content .sidebar .widget ul#shopMenu li a,
.content .sidebar .widget ul#shopMenu li strong {
  display: block;
  padding: 7px 7px 7px 20px;
  position: relative;
  font-weight: bold;
  color: #ffffff;
}
.content .sidebar .widget ul#shopMenu li a span,
.content .sidebar .widget ul#shopMenu li strong span {
  background: url(../../images/bckg_shopMenuArr.gif) no-repeat left top;
  height: 12px;
  width: 7px;
  font-size: 0px;
  line-height: 0px;
  position: absolute;
  top: 9px;
  margin-left: -12px;
  overflow: hidden;
}
.content .sidebar .widget ul#shopMenu li a:hover {
  background: #f67520;
}
.content .sidebar .widget ul#shopMenu li strong,
.content .sidebar .widget ul#shopMenu li li strong {
  background: #fff;
  color: #3b5b67;
  text-shadow: none;
}
.content .sidebar .widget ul#shopMenu li strong span,
.content .sidebar .widget ul#shopMenu li li strong span {
  background: url(../../images/bckg_shopMenuArrHover.gif) no-repeat 0px 0px;
}
.content .sidebar .widget ul#shopMenu li li {
  border-top: 1px solid #d2d2d2;
  border-bottom: 0;
  background: #eeeeee;
}
.content .sidebar .widget ul#shopMenu li li a {
  font-weight: normal;
  padding-left: 30px;
  color: #535353;
}
.content .sidebar .widget ul#shopMenu li li a:hover {
  background: #e7e7e7;
}
.content .sidebar .widget ul#shopMenu li li a span {
  background: url(../../images/bckg_shopMenuArrHover.gif) no-repeat 0px 0px;
}
.content .sidebar .widget ul#shopMenu li li li a,
.content .sidebar .widget ul#shopMenu li li li strong,
.content .sidebar .widget ul#shopMenu li li li a:hover.activated,
.content .sidebar .widget ul#shopMenu li li li a:link.activated,
.content .sidebar .widget ul#shopMenu li li li a:visited.activated {
  padding-left: 40px;
}
.content .sidebar .widget ul#shopMenu li li li li a,
.content .sidebar .widget ul#shopMenu li li li li strong,
.content .sidebar .widget ul#shopMenu li li li li a:hover.activated,
.content .sidebar .widget ul#shopMenu li li li li a:link.activated,
.content .sidebar .widget ul#shopMenu li li li li a:visited.activated {
  padding-left: 50px;
}
.content .sidebar .widget ul#shopMenu li li li li li a,
.content .sidebar .widget ul#shopMenu li li li li li strong,
.content .sidebar .widget ul#shopMenu li li li li li a:hover.activated,
.content .sidebar .widget ul#shopMenu li li li li li a:link.activated,
.content .sidebar .widget ul#shopMenu li li li li li a:visited.activated {
  padding-left: 60px;
}
.content .sidebar .widget ul#shopMenu > li:first-child {
  border-top: 0px;
}
.content .sidebar .widget .cont,
.content .sidebar .widget .articles {
  padding: 5px 10px 10px 10px;
  width: 100%;
  background-image: url(../../images/responziv/bckg_widgetHeaderF.jpg);
  background-position: top center;
  background-repeat: repeat-x;
}
.content .sidebar .widget .cont .article,
.content .sidebar .widget .articles .article {
  border-bottom: 1px solid #d9edfa;
  border-top: 1px solid #ffffff;
  margin: 0;
  display: block;
  width: 100%;
  padding: 8px;
}
.content .sidebar .widget .cont .article:first-child,
.content .sidebar .widget .articles .article:first-child {
  border-top: 0;
  padding-top: 0;
}
.content .sidebar .widget .cont .article h3,
.content .sidebar .widget .articles .article h3 {
  font-weight: bold;
  margin: 3px 0 0 0;
  font-size: 1em;
  line-height: 1.2em;
  color: #006A92;
  background: url(../../images/bckg_arrHP.gif) no-repeat 3px 7px;
  padding: 0px 6px 2px 21px;
}
.content .sidebar .widget .cont .article .annotation,
.content .sidebar .widget .articles .article .annotation {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 6px;
}
@media only screen and (max-width: 850px) {
  .content .sidebar {
    display: none;
  }
}
.content .mainBlock {
  /*order: 3;*/
  width: calc(100% - 230px);
  margin-left: 10px;
  display: block;
  float: right;
  /*&.grid {
			order: 2;
		}*/
}
.content .mainBlock.wide {
  width: 100%;
}
.content .mainBlock.mainBlock-categoryBlock {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 850px) {
  .content .mainBlock {
    width: 100%;
    margin-left: 0;
  }
}
#hpColumnsBg2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 760px) {
  #hpColumnsBg2 #col1 .cont .category {
    display: flex;
    padding: 9px;
    align-items: center;
  }
  #hpColumnsBg2 #col1 .cont .category .cat {
    width: 39px;
    height: 38px;
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    order: 1;
  }
  #hpColumnsBg2 #col1 .cont .category p {
    display: none;
  }
  #hpColumnsBg2 #col1 .cont .category h3 {
    order: 2;
    width: calc(100% - 60px);
    margin-left: 20px;
  }
}
#hpColumnsBg2 .hpColumn,
#hpColumnsBg2 .hpColumnWide {
  width: calc(100% / 3 - 6px);
  display: block;
  margin: 0 9px 9px 0;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (max-width: 760px) {
  #hpColumnsBg2 .hpColumn,
  #hpColumnsBg2 .hpColumnWide {
    width: 100%;
    margin: 0 0 9px 0;
  }
}
#hpColumnsBg2 .hpColumn:last-child,
#hpColumnsBg2 .hpColumnWide:last-child {
  margin: 0 0 9px 0;
}
#hpColumnsBg2 .hpColumn .right-align,
#hpColumnsBg2 .hpColumnWide .right-align {
  padding: 10px 0 0 0;
}
#hpColumnsBg2 .hpColumn h2,
#hpColumnsBg2 .hpColumnWide h2 {
  border: 1px solid #d6c700;
  background-color: #f8ea33;
  display: block;
  margin: -1px -1px 0 -1px;
  padding: 0;
  font-size: 1em;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 3px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#hpColumnsBg2 .hpColumn h2 span,
#hpColumnsBg2 .hpColumnWide h2 span {
  display: block;
  font-weight: bold;
  background-image: url(../../images/responziv/bckg_widgetHeader.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  color: #00436c;
  padding: 8px 5px 8px 30px;
  border: 1px solid #fcf59d;
  border-bottom: 0;
  -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-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#hpColumnsBg2 .hpColumn .cont,
#hpColumnsBg2 .hpColumnWide .cont {
  padding: 16px 10px 10px 10px;
}
#hpColumnsBg2 .hpColumn .cont .category,
#hpColumnsBg2 .hpColumnWide .cont .category,
#hpColumnsBg2 .hpColumn .cont .article,
#hpColumnsBg2 .hpColumnWide .cont .article,
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks a,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks a {
  border-bottom: 1px dotted #a5d1ef;
  background-color: #ffffff;
  /*background: url(../../images/dotsLine.gif) repeat-x bottom left #fff;*/
}
#hpColumnsBg2 .hpColumn .cont .category:after,
#hpColumnsBg2 .hpColumnWide .cont .category:after,
#hpColumnsBg2 .hpColumn .cont .article:after,
#hpColumnsBg2 .hpColumnWide .cont .article:after,
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks a:after,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks a:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
#hpColumnsBg2 .hpColumn .cont .category:after,
#hpColumnsBg2 .hpColumnWide .cont .category:after,
#hpColumnsBg2 .hpColumn .cont .article:after,
#hpColumnsBg2 .hpColumnWide .cont .article:after,
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks a:after,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks a:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
#hpColumnsBg2 .hpColumn .cont .category hr,
#hpColumnsBg2 .hpColumnWide .cont .category hr,
#hpColumnsBg2 .hpColumn .cont .article hr,
#hpColumnsBg2 .hpColumnWide .cont .article hr,
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks a hr,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks a hr {
  display: none;
}
#hpColumnsBg2 .hpColumn .cont .category.last,
#hpColumnsBg2 .hpColumnWide .cont .category.last,
#hpColumnsBg2 .hpColumn .cont .article.last,
#hpColumnsBg2 .hpColumnWide .cont .article.last,
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks a.last,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks a.last {
  border-bottom: 0px;
}
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks {
  display: block;
  line-height: 1.4em;
  width: 100%;
}
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks a,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks a {
  display: block;
  overflow: visible;
  white-space: normal;
  width: calc(100% - 20px);
  padding: 4px 8px;
  margin: 0 10px;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.9em;
}
#hpColumnsBg2 .hpColumn .cont .article,
#hpColumnsBg2 .hpColumnWide .cont .article {
  width: 100%;
  overflow: hidden;
  padding: 5px 0;
}
#hpColumnsBg2 .hpColumn .cont .article h3,
#hpColumnsBg2 .hpColumnWide .cont .article h3 {
  background: url(../../images/bckg_arrHP.gif) no-repeat 6px 6px;
  padding: 0px 6px 6px 22px;
  line-height: 1.4em;
  float: none;
}
#hpColumnsBg2 .hpColumn .cont .article div,
#hpColumnsBg2 .hpColumnWide .cont .article div {
  width: auto;
  float: none;
  line-height: 1.4em;
  padding: 0 11px 3px 22px;
}
#hpColumnsBg2 .hpColumn .cont .article div strong.date,
#hpColumnsBg2 .hpColumnWide .cont .article div strong.date {
  padding-right: 4px;
  display: inline-block;
}
#hpColumnsBg2 .hpColumn .cont .category:hover,
#hpColumnsBg2 .hpColumnWide .cont .category:hover,
#hpColumnsBg2 .hpColumn .cont .article:hover,
#hpColumnsBg2 .hpColumnWide .cont .article:hover,
#hpColumnsBg2 .hpColumn .cont .jshowoff-slidelinks a.jshowoff-1-active,
#hpColumnsBg2 .hpColumnWide .cont .jshowoff-slidelinks a.jshowoff-1-active {
  background-color: #eaf7ff;
}
#hpColumnsBg2 .hpColumn .cont h3,
#hpColumnsBg2 .hpColumnWide .cont h3 {
  width: calc(100% - 70px);
  float: right;
  margin: 0;
  padding: 2px 0 2px 0;
}
#hpColumnsBg2 .hpColumn .cont p,
#hpColumnsBg2 .hpColumnWide .cont p {
  margin: 0;
  padding: 0 0 3px 0;
  width: calc(100% - 70px);
  float: right;
  line-height: 1.2em;
}
#hpColumnsBg2 .hpColumn .cont .cat,
#hpColumnsBg2 .hpColumnWide .cont .cat {
  width: 39px;
  height: 38px;
  float: left;
  margin: 9px 0 0 9px;
  padding-bottom: 9px;
  display: inline;
}
#hpColumnsBg2 .hpColumn .cont #slidingProducts,
#hpColumnsBg2 .hpColumnWide .cont #slidingProducts {
  padding: 10px;
  width: calc(100% - 20px);
  height: 218px;
  overflow: hidden;
  margin: 10px;
  border: 1px solid #eaf7ff;
  background: #fff;
  position: relative;
}
#hpColumnsBg2 .hpColumn .cont #slidingProducts div,
#hpColumnsBg2 .hpColumnWide .cont #slidingProducts div {
  text-align: center;
  width: calc(100% - 20px);
  height: 198px;
  overflow: hidden;
  background: #fff;
  position: absolute;
  left: 10px;
  display: none;
}
#hpColumnsBg2 .hpColumn .cont #slidingProducts div a,
#hpColumnsBg2 .hpColumnWide .cont #slidingProducts div a {
  display: block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 198px;
  line-height: 198px;
  overflow: hidden;
  background: #fff;
}
#hpColumnsBg2 .hpColumn .cont #slidingProducts div a img,
#hpColumnsBg2 .hpColumnWide .cont #slidingProducts div a img {
  vertical-align: middle;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.productBlock,
.categoryBlock,
.eshopBlock,
#wrapper form#loginSecured {
  /*background: url(../../images/bckg_mbHalfCont.png) repeat-y #f0f9ff;*/
  background-image: url(../../images/responziv/bckg_mbHalfHeader.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  background-color: #f7f7f7;
  border: 1px solid #e3e3e3;
  width: calc(100% / 2 - 5px);
  display: block;
  position: relative;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
  margin: 10px 10px 0 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*&.eshopIndex {
		.bg2 {
			.cont {
				display: block;
			}
		}
	}*/
}
@media only screen and (max-width: 620px) {
  .productBlock,
  .categoryBlock,
  .eshopBlock,
  #wrapper form#loginSecured {
    width: 100%;
    margin: 10px 0 0 0 !important;
  }
}
.productBlock.second,
.categoryBlock.second,
.eshopBlock.second,
#wrapper form#loginSecured.second {
  margin: 10px 0 0 0;
}
.productBlock.eshopIndex .cont,
.categoryBlock.eshopIndex .cont,
.eshopBlock.eshopIndex .cont,
#wrapper form#loginSecured.eshopIndex .cont {
  display: flex;
  flex-wrap: wrap;
  min-height: 60px;
  padding: 10px;
  align-items: center;
}
.productBlock.eshopIndex .cont.between,
.categoryBlock.eshopIndex .cont.between,
.eshopBlock.eshopIndex .cont.between,
#wrapper form#loginSecured.eshopIndex .cont.between {
  justify-content: space-between;
}
.productBlock.eshopIndex .cont.between h3,
.categoryBlock.eshopIndex .cont.between h3,
.eshopBlock.eshopIndex .cont.between h3,
#wrapper form#loginSecured.eshopIndex .cont.between h3 {
  width: 120px;
}
.productBlock.eshopIndex .cont.between div,
.categoryBlock.eshopIndex .cont.between div,
.eshopBlock.eshopIndex .cont.between div,
#wrapper form#loginSecured.eshopIndex .cont.between div {
  width: calc(100% - 130px);
  word-wrap: anywhere;
}
.productBlock .cont .imgHolder,
.categoryBlock .cont .imgHolder,
.eshopBlock .cont .imgHolder,
#wrapper form#loginSecured .cont .imgHolder {
  width: 40px;
}
.productBlock .cont .imgHolder img,
.categoryBlock .cont .imgHolder img,
.eshopBlock .cont .imgHolder img,
#wrapper form#loginSecured .cont .imgHolder img {
  display: block;
}
.productBlock .cont h2,
.categoryBlock .cont h2,
.eshopBlock .cont h2,
#wrapper form#loginSecured .cont h2 {
  padding: 0;
  font-size: 1.2em;
  margin: 0 0 0 12px;
  width: calc(100% - 52px);
}
.productBlock .cont .description,
.categoryBlock .cont .description,
.eshopBlock .cont .description,
#wrapper form#loginSecured .cont .description {
  display: none;
}
#footerColumns {
  border-bottom: 1px solid #cae1ef;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin-top: 10px;
}
#footerColumns .column {
  width: calc(100% / 4 - 9px);
  padding: 0;
  margin: 0 12px 12px 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#footerColumns .column ul li a,
#footerColumns .column ul li strong {
  padding: 5px 0 5px 18px;
  display: block;
  margin-right: 10px;
  background: url(../../images/bckg_bottomMenuArr.png) no-repeat 5px 7px;
}
#footerColumns .column:nth-child(4) {
  margin-right: 0;
}
@media only screen and (max-width: 950px) {
  #footerColumns .column {
    width: calc(100% / 2 - 6px);
  }
  #footerColumns .column:nth-child(2) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 480px) {
  #footerColumns .column {
    width: 100%;
    margin-right: 0;
  }
}
#footerCarousel {
  border-bottom: 1px solid #cae1ef;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#footerCarousel h2 {
  position: absolute;
  left: 10px;
  top: 5px;
}
#footerCarousel #footerCarouselWrapper {
  width: calc(100% - 90px);
  height: 40px;
  overflow: hidden;
  margin: 35px 45px 15px 45px;
  padding: 0;
  position: relative;
}
#footerCarousel #footerCarouselWrapper .items {
  position: absolute;
  left: 0;
  width: 20000em;
}
#footerCarousel #footerCarouselWrapper .items .slide {
  float: left;
  /*width: 100%;*/
  position: relative;
}
#footerCarousel #footerCarouselWrapper .items .slide > a {
  display: inline;
  float: left;
  vertical-align: top;
  height: 40px;
  width: 145px;
}
#footerCarousel .browse {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #cae1ef;
  background-color: #fff;
  border-radius: 10px;
  display: block;
  top: 50%;
  text-indent: -999em;
  cursor: pointer;
}
#footerCarousel .browse.prev {
  left: 0;
}
#footerCarousel .browse.prev:after {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #006A92;
}
#footerCarousel .browse.next {
  right: 0;
}
#footerCarousel .browse.next:after {
  margin: -5px 0 0 -2px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #006A92;
}
#footerCarousel .browse:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin: -5px 0 0 -3px;
  top: 50%;
}
.open-cookie-popup {
  padding: 16px 0;
  display: block;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto !important;
  width: 100%;
}
.hpBanners {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  margin: 0;
  width: 100%;
}
.hpBanners .hpBan1 {
  width: calc(31% - 5px);
  margin-right: 5px;
}
.hpBanners .hpBan2 {
  width: 100%;
  margin: 0;
}
.hpBanners .hpBan1 img,
.hpBanners .hpBan2 img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 740px) {
  .hpBanners {
    display: block;
  }
  .hpBanners .hpBan1,
  .hpBanners .hpBan2 {
    width: 100%;
    display: block;
    margin: 0 0 10px 0;
  }
  .hpBanners .hpBan1 img,
  .hpBanners .hpBan2 img {
    margin: 0 auto;
  }
}
.hpBan2 {
  /*padding: 10px 0 0 0;*/
}
.hpBan2 img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.productSearch {
  border: 1px solid #e3e3e3;
  background-color: #f7f7f7;
  width: 100%;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*@media only screen and (max-width: 800px) {
		width: calc(~'100% / 3 - 12px');
	}*/
}
.productSearch .header {
  color: #005a80;
  font-weight: bold;
  padding: 8px 11px 0 11px;
}
.productSearch .cont {
  padding: 0 100px 11px 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 550px) {
  .productSearch .cont {
    background: transparent;
    padding: 0 0 11px 10px;
  }
}
.productSearch .cont span {
  padding: 10px 10px 0 0;
  width: calc(100% / 3);
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.productSearch .cont span:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.productSearch .cont span:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
@media only screen and (max-width: 960px) {
  .productSearch .cont span {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 850px) {
  .productSearch .cont span {
    width: calc(100% / 3);
  }
}
@media only screen and (max-width: 730px) {
  .productSearch .cont span {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 450px) {
  .productSearch .cont span {
    width: 100%;
  }
}
.productSearch .cont span > label {
  display: block;
  padding: 0 0 3px 0;
}
.productSearch .cont span .formOpt:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.productSearch .cont span .formOpt:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.productSearch .cont span .formOpt label,
.productSearch .cont span .formOpt input[type="checkbox"] {
  float: left;
}
.productSearch .cont span .formOpt label {
  padding: 0px 8px 0 2px;
}
.productSearch .cont span .formOpt label:last-child {
  padding-right: 0;
}
.productSearch .cont span.productSearchButton .btn {
  float: right;
  margin-top: 14px;
}
.dotsLine {
  background: url(../../images/dotsLine.gif) repeat-x left top;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
}
.dotsLine hr {
  display: none;
}
.homepageOfferHeader {
  background: #f46a0e;
  border: 1px solid #f46a0e;
  padding: 10px;
  color: #ffffff;
  margin-bottom: 12px;
  position: relative;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.homepageOfferHeader:after,
.homepageOfferHeader:before {
  top: 100%;
  left: 20px;
  border: solid transparent;
  border-top-color: transparent;
  border-top-width: medium;
  border-right-color: transparent;
  border-right-width: medium;
  border-bottom-color: transparent;
  border-bottom-width: medium;
  border-left-color: transparent;
  border-left-width: medium;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.homepageOfferHeader:before {
  border-color: rgba(214, 199, 0, 0);
  border-top-color: #f46a0e;
  border-width: 11px;
  margin-left: -11px;
}
.homepageOfferHeader:after {
  border-color: rgba(248, 234, 51, 0);
  border-top-color: #f46a0e;
  border-width: 12px;
  margin-left: -12px;
  margin-top: -2px;
}
div.tabsSliderCover {
  margin-top: 10px;
  width: 100%;
  overflow: hidden;
  clear: both;
  position: relative;
  bottom: -2px;
}
div.tabsSliderCover .arrowLeft,
div.tabsSliderCover .arrowRight {
  position: absolute;
  z-index: 10;
  display: none;
  top: 6px;
  left: 10px;
  height: 18px;
  line-height: 12px;
  width: 18px;
  padding: 2px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #c7e3f5;
  text-align: center;
  color: #256085;
  cursor: pointer;
}
div.tabsSliderCover .arrowRight {
  right: 10px;
  left: auto;
}
div.tabsSliderCover.tabSliderArrowsActive .arrowLeft,
div.tabsSliderCover.tabSliderArrowsActive .arrowRight {
  display: block;
}
div.tabsSliderCover .tabsCover {
  overflow: hidden;
  width: 100%;
  clear: both;
  position: relative;
}
div.tabsSliderCover .tabsCover .tab-list-vertical-control {
  position: absolute;
  right: 0;
  top: 6px;
  border: 1px solid #a7d5f6;
  border-bottom: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../../images/responziv/bckg_widgetHeaderF.jpg);
}
div.tabsSliderCover .tabsCover ul.tabs {
  padding: 0;
  margin: 0;
  overflow: visible;
  clear: both;
  position: relative;
  /*width: 100% !important;*/
}
div.tabsSliderCover .tabsCover ul.tabs li {
  list-style: none;
  padding: 0 0 0 5px;
  margin: 0 -2px 0 0;
  display: inline;
  float: left;
  position: relative;
  z-index: 1;
  line-height: 0.9em;
  background: url(../../images/bckg_detailTab2.gif) no-repeat 0 0;
}
div.tabsSliderCover .tabsCover ul.tabs li:before {
  display: none;
}
div.tabsSliderCover .tabsCover ul.tabs li a:link,
div.tabsSliderCover .tabsCover ul.tabs li a:visited,
div.tabsSliderCover .tabsCover ul.tabs li a:hover {
  background: url(../../images/bckg_detailTab2.gif) no-repeat right 0;
  padding: 13px 10px 7px 6px;
  display: block;
  text-decoration: none;
  color: #375662;
}
div.tabsSliderCover .tabsCover ul.tabs li.current {
  background: url(../../images/bckg_detailTab1.gif) no-repeat 0 0;
  z-index: 6;
}
div.tabsSliderCover .tabsCover ul.tabs li.current a:link,
div.tabsSliderCover .tabsCover ul.tabs li.current a:visited,
div.tabsSliderCover .tabsCover ul.tabs li.current a:hover {
  background: url(../../images/bckg_detailTab1.gif) no-repeat right 0;
  font-weight: bold;
  padding: 13px 10px 9px 6px;
}
@media only screen and (max-width: 500px) {
  div.tabsSliderCover .tabsCover {
    display: none;
  }
}
.panes {
  border: 1px solid #e3e3e3;
  background-color: #f6f6f6;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
  width: 100%;
  margin-bottom: 10px;
  /*.rounded(3px);*/
}
.panes .tabPane {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.panes .tabPane .desc,
.panes .tabPane > p {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .panes .tabPane {
    display: flex !important;
  }
}
.panes .tabPane h2 {
  margin: 10px 0 5px 0 !important;
  background: url(../../images/dotsLine.gif) repeat-x left bottom;
  width: 100%;
}
.panes .tabPane h2:not(.big) {
  display: block !important;
}
@media only screen and (max-width: 500px) {
  .panes .tabPane h2.big {
    display: block !important;
  }
}
.productBlock .cont {
  padding: 10px;
  width: 100%;
  display: flex;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.productBlock .cont .leftSide {
  width: 150px;
  height: 100%;
  position: relative;
}
.productBlock .cont .leftSide .actionRibbon,
.productBlock .cont .leftSide .action {
  background: url(../../images/actionRibbon.png) no-repeat;
  width: 66px;
  height: 66px;
  position: absolute;
  left: -4px;
  top: -5px;
}
.productBlock .cont .leftSide .actionRibbon.newsRibbon {
  background: url(../../images/actionRibbon_news.png) no-repeat;
}
.productBlock .cont .leftSide .hasVideo {
  position: absolute;
  right: 3px;
  top: 3px;
}
.productBlock .cont .leftSide .buyOnEshop {
  width: 100%;
  margin-top: 10px;
}
.productBlock .cont .leftSide .buyOnEshop strong {
  display: block;
  padding-bottom: 4px;
}
.productBlock .cont .leftSide .buyOnEshop .buyOnEshopLink {
  padding-left: 20px;
  padding-right: 5px;
  background: url(../../images/buyOnEshop.gif) no-repeat left 1px;
}
.productBlock .cont .leftSide .buyOnEshop .buyOnEshopLink:hover {
  background: url(../../images/buyOnEshop.gif) no-repeat left -34px;
}
.productBlock .cont .rightSide {
  width: calc(100% - 160px);
  margin-left: 10px;
  padding-bottom: 40px;
  position: relative;
  height: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.productBlock .cont .rightSide .description {
  height: auto !important;
  height: 142px;
  min-height: 142px;
  padding-bottom: 15px;
  position: relative;
  display: block;
}
.productBlock .cont .rightSide .description h2 {
  width: 100%;
  overflow: hidden;
  margin: 0;
  font-size: 1.2em !important;
  font-weight: bold !important;
  padding: 5px 0 0 0;
}
.productBlock .cont .rightSide .description div.annotation {
  font-size: 0.9em;
  line-height: 1.4em;
  padding-top: 5px;
  background: none;
  font-weight: normal;
  margin-bottom: 0;
}
.productBlock .cont .rightSide a.btn {
  width: 100%;
  padding: 6px;
}
@media only screen and (max-width: 400px) {
  .productBlock .cont {
    flex-wrap: wrap;
  }
  .productBlock .cont .leftSide {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .productBlock .cont .rightSide {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .productBlock .cont .rightSide .description {
    min-height: auto;
  }
}
.productBlock .cont .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}
.productBlock .imgHolder,
.producerDetail .imgHolder {
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  width: 100% !important;
  height: 150px;
  line-height: 148px;
  text-align: center;
  display: block;
  overflow: hidden;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.productBlock .imgHolder span,
.producerDetail .imgHolder span {
  display: none;
}
.productBlock .imgHolder img,
.producerDetail .imgHolder img {
  display: inline !important;
  vertical-align: middle;
}
.productBlock .imgHolder img,
.producerDetail .imgHolder img {
  width: auto;
  max-width: calc(100% - 10px);
  height: auto;
  margin: 0 auto;
}
.content .onStock {
  font-weight: bold;
  color: #438100;
  text-transform: uppercase;
  padding-top: 8px;
  font-size: 1.2em;
  text-align: right;
  position: absolute;
  bottom: -5px;
  right: 0;
}
.dataTable .onStock {
  position: relative;
  right: auto;
  bottom: auto;
  font-size: inherit;
}
.weditor img {
  max-width: 100% !important;
  height: auto !important;
}
#tabPhotos,
#gallery {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0 0 20px 0;
  display: flex;
  flex-wrap: wrap;
}
#tabPhotos .photo,
#gallery .photo,
#tabPhotos .photoNew,
#gallery .photoNew {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0px;
  margin: 6px;
  background: #FFFFFF;
  border: 1px solid #B7DBF3;
  width: calc(100% / 4 - 12px);
}
#tabPhotos .photo a,
#gallery .photo a,
#tabPhotos .photoNew a,
#gallery .photoNew a {
  cursor: pointer;
  width: 100%;
  height: 150px;
  line-height: 150px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#tabPhotos .photo a img,
#gallery .photo a img,
#tabPhotos .photoNew a img,
#gallery .photoNew a img {
  width: auto;
  max-width: calc(100% - 10px);
  margin: 0 auto;
  height: auto;
  vertical-align: middle;
}
#tabPhotos .photo span.description,
#gallery .photo span.description,
#tabPhotos .photoNew span.description,
#gallery .photoNew span.description {
  width: 100%;
  background: #DEF3FF;
  padding: 5px;
  text-align: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 800px) {
  #tabPhotos .photo,
  #gallery .photo,
  #tabPhotos .photoNew,
  #gallery .photoNew {
    width: calc(100% / 3 - 12px);
  }
}
@media only screen and (max-width: 670px) {
  #tabPhotos .photo,
  #gallery .photo,
  #tabPhotos .photoNew,
  #gallery .photoNew {
    width: calc(100% / 2 - 12px);
  }
}
@media only screen and (max-width: 420px) {
  #tabPhotos .photo,
  #gallery .photo,
  #tabPhotos .photoNew,
  #gallery .photoNew {
    width: 100%;
  }
}
form#contacts {
  border: 1px solid #e3e3e3;
  margin: 10px 0 0 0;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form#contacts fieldset {
  padding: 0;
  margin: 0;
  position: relative;
}
form#contacts fieldset h2 {
  background-color: #f8ea33;
  display: block;
  margin: -1px -1px 0 -1px !important;
  margin: 0;
  font-size: 1.1em;
  background: linear-gradient(180deg, #3b5b67 0%, #1d3842 100%);
}
form#contacts fieldset h2 span {
  background-image: url(../../images/responziv/bckg_widgetHeader.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  display: block;
}
form#contacts fieldset h2 span a {
  display: block;
  padding: 7px 10px 6px 10px;
  color: #fff;
  text-shadow: 1px 1px 0 #1e2115;
}
form#contacts fieldset .cont {
  padding: 18px 25px 25px 25px;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
form#contacts fieldset .cont .block {
  width: 212px;
  display: inline;
  margin: 0 10px 0 0;
}
form#contacts fieldset .cont .blockWide {
  padding: 1.5em 0 1em 0;
  overflow: hidden;
  padding: 5px 0 0 0;
  clear: both;
  width: 100%;
}
form#contacts fieldset .cont .blockCaptcha {
  padding: 10px 0 0 0;
  width: 100%;
  max-width: 300px;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form#contacts fieldset .cont .blockCaptcha label,
form#contacts fieldset .cont .blockCaptcha input[type="text"] {
  width: calc(100% - 110px);
}
form#contacts fieldset .cont .blockCaptcha img {
  position: absolute;
  top: 15px;
  right: 0;
}
form#contacts fieldset label {
  padding: 0;
  margin: 5px 0 0 0;
  float: left;
  font-weight: bold;
}
form#contacts fieldset button.btn {
  float: right;
  clear: both;
  margin: 24px 0 0 auto;
  height: 32px;
  display: block;
}
form#contacts em.envelope {
  background: url(../../images/envelope.png) no-repeat left top;
  position: absolute;
  width: 50px;
  height: 48px;
  top: 1px;
  right: 5px;
  z-index: 50;
  display: block;
}
.error-box {
  background: #ffd0d0;
  color: #d8000c;
  position: relative;
  padding: 0 0 1px 0;
  border: 1px solid #feb0b0;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.error-box,
.succes-box,
.info-box,
.download-box {
  margin: 0.5em 0em 1em 0em;
  clear: both;
  width: 100%;
  position: relative;
}
.error-box span,
.succes-box span,
.info-box span {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 36px;
  height: 36px;
  background: url(/web/abetec/tools/common/images/bckg_error.png) no-repeat top left;
  z-index: 3;
}
.succes-box ul,
.error-box ul,
.info-box ul,
.content .discussion .succes-box ul,
.content .discussion .error-box ul,
.content .discussion .info-box ul {
  padding: 7px 0;
  background: -moz-linear-gradient(top, #ffe2e2, #ffc3c3);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe2e2), to(#ffc3c3));
  width: 100%;
  overflow: hidden;
}
.succes-box ul,
.info-box ul,
.content .discussion .succes-box ul,
.content .discussion .info-box ul {
  background: -moz-linear-gradient(top, #d5ffe2, #8dfe95);
  background: -webkit-gradient(linear, left top, left bottom, from(#d5ffe2), to(#8dfe95));
}
#wrapper .succes-box li,
#wrapper .error-box li,
#wrapper .info-box li {
  margin: 2px 28px 1px 5px;
  overflow: hidden;
}
.mainBlock .commonFilter,
.download-box,
.informations-form {
  margin: 10px auto 0 auto !important;
  width: 100% !important;
  /*max-width: 500px;*/
  border: 1px solid #e3e3e3;
  background-color: #f7f7f7;
  background-image: url(../../images/responziv/bckg_widgetHeaderF.jpg);
  background-position: top center;
  background-repeat: repeat-x;
  padding: 6px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mainBlock .commonFilter.small,
.download-box.small,
.informations-form.small {
  max-width: 500px !important;
}
.mainBlock .commonFilter h2,
.download-box h2,
.informations-form h2 {
  font-size: 1em;
  background: url(../../images/dotsLine.gif) repeat-x left bottom;
  padding: 0 0 6px 0;
  margin: 0 8px 8px 8px;
}
.mainBlock .commonFilter .header,
.download-box .header,
.informations-form .header {
  /*min-height: 36px;*/
}
.mainBlock .commonFilter .header .cont,
.download-box .header .cont,
.informations-form .header .cont {
  width: 100% !important;
  padding: 0 !important;
  /*line-height: 36px;
			height: 36px;*/
}
.mainBlock .commonFilter .header .cont .btn.w150,
.download-box .header .cont .btn.w150,
.informations-form .header .cont .btn.w150 {
  margin-right: 0 !important;
  padding: 8px !important;
}
.mainBlock .commonFilter .header .cont .pagination,
.download-box .header .cont .pagination,
.informations-form .header .cont .pagination {
  text-align: right;
}
.mainBlock .commonFilter .header .cont .pagination:after,
.download-box .header .cont .pagination:after,
.informations-form .header .cont .pagination:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.mainBlock .commonFilter .header .cont .pagination:after,
.download-box .header .cont .pagination:after,
.informations-form .header .cont .pagination:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.mainBlock .commonFilter .header .cont .pagination a,
.download-box .header .cont .pagination a,
.informations-form .header .cont .pagination a,
.mainBlock .commonFilter .header .cont .pagination strong,
.download-box .header .cont .pagination strong,
.informations-form .header .cont .pagination strong {
  font-weight: normal;
  background: url(../../images/bckg_pagination.gif) no-repeat -120px 0;
  display: inline-block;
  position: relative;
  padding: 2px 6px;
  margin: 0 2px 0 0;
  height: 23px;
  line-height: 20px;
  width: 30px;
  text-align: center;
}
.mainBlock .commonFilter .header .cont .pagination a span,
.download-box .header .cont .pagination a span,
.informations-form .header .cont .pagination a span,
.mainBlock .commonFilter .header .cont .pagination strong span,
.download-box .header .cont .pagination strong span,
.informations-form .header .cont .pagination strong span {
  visibility: hidden;
}
.mainBlock .commonFilter .header .cont .pagination a.next,
.download-box .header .cont .pagination a.next,
.informations-form .header .cont .pagination a.next,
.mainBlock .commonFilter .header .cont .pagination a.prev,
.download-box .header .cont .pagination a.prev,
.informations-form .header .cont .pagination a.prev,
.mainBlock .commonFilter .header .cont .pagination a.first,
.download-box .header .cont .pagination a.first,
.informations-form .header .cont .pagination a.first,
.mainBlock .commonFilter .header .cont .pagination a.last,
.download-box .header .cont .pagination a.last,
.informations-form .header .cont .pagination a.last {
  background: url(../../images/bckg_pagination.gif) no-repeat 0 0;
  background-position-x: 0px;
  background-position-y: 0px;
  width: 30px;
  height: 23px;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.mainBlock .commonFilter .header .cont .pagination a.next,
.download-box .header .cont .pagination a.next,
.informations-form .header .cont .pagination a.next {
  background-position: -30px 0;
}
.mainBlock .commonFilter .header .cont .pagination a.last,
.download-box .header .cont .pagination a.last,
.informations-form .header .cont .pagination a.last {
  background-position: -90px 0;
}
.mainBlock .commonFilter .header .cont .pagination a.first,
.download-box .header .cont .pagination a.first,
.informations-form .header .cont .pagination a.first {
  background-position: -60px 0;
}
.mainBlock .commonFilter .header .cont .pagination strong,
.download-box .header .cont .pagination strong,
.informations-form .header .cont .pagination strong {
  background: url(../../images/bckg_pagination.gif) no-repeat -120px -23px;
  color: #fff;
}
.mainBlock .commonFilter .header .cont .pagination .ls,
.download-box .header .cont .pagination .ls,
.informations-form .header .cont .pagination .ls,
.mainBlock .commonFilter .header .cont .pagination .rs,
.download-box .header .cont .pagination .rs,
.informations-form .header .cont .pagination .rs {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0;
  min-width: 64px;
}
.mainBlock .commonFilter .header .cont .pagination .pageSize,
.download-box .header .cont .pagination .pageSize,
.informations-form .header .cont .pagination .pageSize {
  float: left;
  line-height: 24px;
}
.mainBlock .commonFilter .header .cont .pagination .pageSize:after,
.download-box .header .cont .pagination .pageSize:after,
.informations-form .header .cont .pagination .pageSize:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.mainBlock .commonFilter .header .cont .pagination .pageSize:after,
.download-box .header .cont .pagination .pageSize:after,
.informations-form .header .cont .pagination .pageSize:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.mainBlock .commonFilter .header .cont .pagination .pageSize select,
.download-box .header .cont .pagination .pageSize select,
.informations-form .header .cont .pagination .pageSize select,
.mainBlock .commonFilter .header .cont .pagination .pageSize strong,
.download-box .header .cont .pagination .pageSize strong,
.informations-form .header .cont .pagination .pageSize strong {
  float: left;
}
.mainBlock .commonFilter .header .cont .pagination .pageSize select,
.download-box .header .cont .pagination .pageSize select,
.informations-form .header .cont .pagination .pageSize select {
  width: auto;
}
.mainBlock .commonFilter .header .cont .pagination .pageSize strong,
.download-box .header .cont .pagination .pageSize strong,
.informations-form .header .cont .pagination .pageSize strong {
  border: none;
  color: #3B4046;
  background: none;
  text-align: left;
  width: auto;
  padding-left: 5px;
}
@media only screen and (max-width: 380px) {
  .mainBlock .commonFilter .header .cont .pagination .pageSize,
  .download-box .header .cont .pagination .pageSize,
  .informations-form .header .cont .pagination .pageSize {
    float: none;
    padding-bottom: 8px;
  }
}
.mainBlock .article {
  padding: 8px 0 3px 0;
  background: url(../../images/dotsLine.gif) repeat-x left bottom;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mainBlock .article:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.mainBlock .article:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.mainBlock .article .articleLine {
  color: #77a2bd;
  padding: 0 5px;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.mainBlock .article .articleLine .date,
.mainBlock .article .articleLine .category {
  display: inline;
}
.mainBlock .article .articleAnotation {
  padding: 10px 0;
  line-height: 1.4em;
}
@media only screen and (max-width: 480px) {
  .mainBlock .article .fright {
    float: none;
    margin: 0 auto;
    display: block;
    padding: 5px 0 10px 0;
    text-align: center;
  }
}
/*.mainBlock .commonFilter .cont {
	width: 100% !important;
	padding: 0 !important;
	line-height: 36px;
	height: 36px;
}*/
.commonFilter .cont fieldset.sorting {
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.commonFilter .cont fieldset.sorting > div {
  width: auto;
}
.commonFilter .cont fieldset.sorting > div.sortBy {
  width: 204px;
}
.commonFilter .cont fieldset.sorting > div.showOnPage {
  width: 230px;
}
.commonFilter .cont fieldset.sorting .sortBy {
  display: flex;
  align-items: center;
}
.commonFilter .cont fieldset.sorting .sortBy a,
.commonFilter .cont fieldset.sorting .sortBy a:hover {
  text-decoration: none;
}
.commonFilter .cont fieldset.sorting .sortBy select {
  width: 100px;
  margin: 0 3px;
}
.commonFilter .cont fieldset.sorting .showOnPage {
  text-align: right;
}
.commonFilter .cont fieldset.sorting .showOnPage select {
  width: 60px;
  margin: 0 3px;
}
@media only screen and (max-width: 620px) {
  .commonFilter .cont fieldset.sorting .sortBy {
    order: 1;
  }
  .commonFilter .cont fieldset.sorting .showOnPage {
    order: 2;
  }
  .commonFilter .cont fieldset.sorting .sortType {
    width: 100%;
    order: 3;
    margin-top: 6px;
    padding-top: 7px;
    position: relative;
  }
  .commonFilter .cont fieldset.sorting .sortType:after {
    background: url(../../images/dotsLine.gif) repeat-x left top;
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .commonFilter .cont fieldset.sorting .dotsLine {
    order: 4;
  }
}
@media only screen and (max-width: 500px) {
  .commonFilter .cont fieldset.sorting div.sortBy,
  .commonFilter .cont fieldset.sorting div.showOnPage {
    width: 100%;
    text-align: center;
    justify-content: center;
    position: relative;
  }
  .commonFilter .cont fieldset.sorting div.sortBy {
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
  .commonFilter .cont fieldset.sorting div.sortBy:after {
    background: url(../../images/dotsLine.gif) repeat-x left top;
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.commonFilter .cont fieldset.sorting .dotsLine {
  margin: 5px 0 0 0;
  width: 100%;
}
.commonFilter .cont fieldset.pagination {
  padding: 8px 0 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.commonFilter .cont fieldset.pagination a,
.commonFilter .cont fieldset.pagination strong {
  width: 30px;
  height: 24px;
  line-height: 24px;
  display: block;
  text-align: center;
  margin: 0 1px;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.commonFilter .cont fieldset.pagination a,
.commonFilter .cont fieldset.pagination strong {
  font-weight: bold;
  color: #006a92;
  height: 21px;
  line-height: 20px;
  width: 28px;
  text-align: center;
  display: block;
  position: relative;
  margin: 0 2px 0 0;
}
.commonFilter .cont fieldset.pagination a.next,
.commonFilter .cont fieldset.pagination a.prev,
.commonFilter .cont fieldset.pagination a.first,
.commonFilter .cont fieldset.pagination a.last {
  background: url(../../images/responziv/bckg_pagination.jpg) no-repeat -1px -1px;
  background-position-x: -3px;
  background-position-y: -2px;
  width: 25px;
  height: 21px;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.commonFilter .cont fieldset.pagination strong {
  background: url(../../images/responziv/bckg_pagination.jpg) no-repeat -120px -24px;
  color: #fff;
  border-color: #106385;
}
.commonFilter .cont fieldset.pagination .ls,
.commonFilter .cont fieldset.pagination .rs {
  display: flex;
  width: 54px;
}
.commonFilter .cont fieldset.pagination a.next {
  background-position: -33px -2px;
}
.commonFilter .cont fieldset.pagination a.next:hover {
  background-position: -33px -25px;
}
.commonFilter .cont fieldset.pagination a.last {
  background-position: -93px -2px;
}
.commonFilter .cont fieldset.pagination a.last:hover {
  background-position: -93px -25px;
}
.commonFilter .cont fieldset.pagination a.prev:hover {
  background-position: -2px -25px;
}
.commonFilter .cont fieldset.pagination a.first {
  background-position: -63px -2px;
}
.commonFilter .cont fieldset.pagination a.first:hover {
  background-position: -63px -25px;
}
.commonFilter .cont fieldset.pagination a span {
  visibility: hidden;
}
.subCategoriesList {
  font-size: 0.1px;
  overflow: hidden;
  padding: 8px;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  margin-top: 8px;
  margin-bottom: 0;
  width: 100%;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.subCategoriesList .subCategoryWrapper {
  position: relative;
  display: block;
  min-height: 36px;
  margin: 0;
  font-size: 11px;
  border: 1px solid transparent;
  width: calc(100% / 3);
}
@media only screen and (max-width: 740px) {
  .subCategoriesList .subCategoryWrapper {
    width: 50%;
  }
}
@media only screen and (max-width: 530px) {
  .subCategoriesList .subCategoryWrapper {
    width: 100%;
  }
}
.subCategoriesList .subCategoryWrapper .subCategory {
  display: flex;
  vertical-align: middle;
  padding: 3px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.subCategoriesList .subCategoryWrapper:hover {
  border-color: #e3e3e3;
  background-color: #f7f7f7;
}
.subCategoriesList .subCategoryWrapper a.imgHolder {
  display: none;
  display: block;
  width: 30px;
}
.subCategoriesList .subCategoryWrapper a.imgHolder img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
}
.subCategoriesList .subCategoryWrapper h3 {
  margin: 0 !important;
  padding: 0;
  font-weight: 400 !important;
}
.subCategoriesList .subCategoryWrapper h3 a {
  padding: 8px;
  display: block;
  text-align: left;
}
.productLine {
  width: 100%;
}
.productLine .productLineFooter {
  display: flex;
  flex-wrap: wrap;
  /*.productBlock {
			width: calc(~'100% / 2 - 5px');
			border: 1px solid #c7e3f5;
			background-color: #ecf8ff;
			background-image: url(../../images/responziv/bckg_widgetHeaderF.jpg);
			background-position: top center;
			background-repeat: repeat-x;
		}*/
}
.productLine .productLineFooter .productBlock .rightSide {
  padding-bottom: 40px;
}
.content table {
  width: 100%;
  margin: 16px 0;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  border: 1px solid #eaeaea;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content table tr th {
  background: #3b5b67;
  background: linear-gradient(180deg, #3b5b67 0%, #1d3842 100%);
  color: #fff;
  text-shadow: 1px 1px 0 #1b1e13;
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  padding: 5px;
}
.content table tr td {
  border: 1px solid #eaeaea;
  vertical-align: middle;
  padding: 2px 5px;
  background-color: #ffffff;
}
.content table.blankTable {
  border: none;
  background: none;
}
.content table.blankTable td {
  padding: 4px !important;
  border: none;
  background: none;
  vertical-align: top !important;
}
.valuesList fieldset {
  padding: 0 8px 10px 8px;
}
.filterTabsWrapper {
  display: flex;
}
.filterTabsWrapper .filterNameSingle {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  width: 160px;
  position: relative;
  z-index: 10;
  right: -1px;
}
.filterTabsWrapper .filterNameSingle span {
  border: 1px solid #c1d8e2;
  border-right: 0;
  vertical-align: middle;
  padding: 2px 5px;
  background-color: #ffffff;
  display: block;
  padding: 6px 8px 6px 13px;
  line-height: 18px;
  font-size: 12px;
  position: relative;
}
.filterTabsWrapper .filterNameSingle span:before {
  background: #006a92;
  display: block;
  content: " ";
  height: 100%;
  width: 3px;
  position: absolute;
  left: -1px;
  top: -1px;
  border: 1px solid #006a92;
}
.filterTabsWrapper ul {
  margin: 10px 0;
  padding: 0;
  list-style-type: none;
  width: 160px;
  position: relative;
  z-index: 10;
  right: -1px;
}
.filterTabsWrapper ul li {
  padding: 0;
  display: block;
}
.filterTabsWrapper ul li:before {
  display: none;
}
.filterTabsWrapper ul li a:link,
.filterTabsWrapper ul li a:visited,
.filterTabsWrapper ul li a:hover {
  display: block;
  padding: 6px 8px 6px 13px;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-top-width: 1px;
  border-right-color: transparent;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-width: 1px;
  border-left-color: transparent;
  border-left-width: 1px;
  border-width: 1px 0 1px 1px;
  background: none;
  position: relative;
  text-decoration: none;
}
.filterTabsWrapper ul li.current a:link,
.filterTabsWrapper ul li.current a:visited,
.filterTabsWrapper ul li.current a:hover {
  background: white;
  border-color: #bde4fb;
}
.filterTabsWrapper ul li.current a:link:before,
.filterTabsWrapper ul li.current a:visited:before,
.filterTabsWrapper ul li.current a:hover:before {
  background: #006a92;
  display: block;
  content: " ";
  height: 100%;
  width: 3px;
  position: absolute;
  left: -1px;
  top: -1px;
  border: 1px solid #006a92;
}
.filterTabsWrapper .filterTabsContent {
  overflow: hidden;
  background: white;
  border: 1px solid #bde4fb;
  padding: 15px;
  margin: 10px 0;
  width: calc(100% - 159px);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filterTabsWrapper .filterTabsContent .filterTab {
  display: flex;
  flex-wrap: wrap;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol {
  width: 50%;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper {
  width: 100%;
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper label,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper label {
  border: 1px solid transparent;
  padding: 0 5px 0 30px;
  position: relative;
  cursor: pointer;
  height: 42px;
  width: 100%;
  display: table;
  table-layout: fixed;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper label.checkedFilterItem:hover,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper label.checkedFilterItem:hover {
  background: #fdf8b6;
  border-color: #faf06c;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper label:hover,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper label:hover {
  border-color: #bde4fb;
  background: #ecf8ff;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper input.checkbox,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper input.checkbox {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -23px !important;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper .cell,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper .cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding-left: 6px;
  text-align: left;
  width: 100%;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper .cell.cellImage,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper .cell.cellImage {
  width: 40px;
}
.filterTabsWrapper .filterTabsContent .filterTab .leftCol .paramWrapper .cell img,
.filterTabsWrapper .filterTabsContent .filterTab .rightCol .paramWrapper .cell img {
  max-width: 100%;
  max-height: 42px;
  vertical-align: middle;
}
@media only screen and (max-width: 650px) {
  .filterTabsWrapper .filterTabsContent .filterTab .leftCol,
  .filterTabsWrapper .filterTabsContent .filterTab .rightCol {
    width: 100%;
  }
}
@media only screen and (max-width: 490px) {
  .filterTabsWrapper {
    width: 100%;
  }
  .filterTabsWrapper .filterNameSingle,
  .filterTabsWrapper > ul {
    display: none;
  }
  .filterTabsWrapper .filterTabsContent {
    width: 100%;
    /*.filterTab {
				display: flex !important;
			}*/
  }
  .filterTabsWrapper .filterTabsContent h3 {
    display: block !important;
    margin: 0.3em 0 !important;
    border-bottom: 1px solid #bde4fb;
    padding-right: 20px;
    position: relative;
  }
  .filterTabsWrapper .filterTabsContent h3:after {
    content: "\f107";
    font-family: 'FontAwesome';
    z-index: 2;
    display: block;
    position: absolute;
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    width: 16px;
    height: 16px;
    text-align: center;
  }
  .filterTabsWrapper .filterTabsContent h3.active:after {
    content: "\f106";
    font-family: 'FontAwesome';
    z-index: 2;
    display: block;
    position: absolute;
    font-size: 16px;
    font-style: normal;
    line-height: 16px;
    font-weight: normal;
    text-decoration: none;
    width: 16px;
    height: 16px;
    text-align: center;
  }
  .filterTabsWrapper .filterTabsContent h3:after {
    top: 50%;
    right: 0;
    margin-top: -8px;
  }
}
/*@media only screen and (max-width: 570px) {
	form[name="form_basket"] {
		table {
			display: block;
			width: 100%;
			border: 0 !important;
			.box-sizing();

			thead {
				display: none;
			}

			tbody {
				display: block;
				width: 100%;
				border: 1px solid #c7e3f5 !important;

				tr {
					display: block;
					width: 100%;

					td {
						display: flex;
						flex-wrap: wrap;
						width: 100% !important;
						height: auto !important;
						border: 0 !important;
						border-bottom: 1px solid #c7e3f5 !important;
						text-align: right;
						padding: 6px;
						position: relative;
						justify-content: space-between;
						.box-sizing();

						&.photo a {
							max-width: 55px !important;
							width: auto !important;
							height: auto !important;
							max-height: 55px !important;
						}

						span.gray,
						a.p-name {
							margin: 0 0 3px auto;
							display: block;
							width: calc(~'100% - 100px');
						}

						&:before {
							content: attr(data-title);
							position: relative;
							width: 100px;
							text-align: left;
						}
					}

					&:nth-child(2n + 0) td {
						background: #f4fbff !important;
					}
				}
			}

			tfoot {
				width: 100%;
				display: block;

				tr {
					width: 100%;
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: center;

					td {
						display: block;

						&:nth-child(1),
						&:nth-child(2) {
							display: none;
						}

						&:nth-child(3) {
							order: 1;
						}

						&:nth-child(4) {
							order: 2;
						}

						&:nth-child(5) {
							order: 4;
						}

						&:nth-child(6) {
							order: 3;
						}

						&:nth-child(3),
						&:nth-child(6) {
							width: calc(~'100% - 120px');
							text-align: left;
						}
					}
				}
			}
		}
	}
}*/
.informations-form {
  width: 100% !important;
  margin: 0 auto 0 auto !important;
  position: relative !important;
  float: none !important;
  display: block !important;
}
.informations-form .header {
  float: none !important;
  width: 100% !important;
}
.informations-form .cont {
  padding: 0px !important;
  float: none !important;
  width: 100% !important;
}
.informations-form .cont .field {
  clear: both !important;
  float: none !important;
  padding: 2px 0;
}
.informations-form .cont .field .pos-holder {
  float: none !important;
}
.informations-form .cont .field .pos-holder:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.informations-form .cont .field .pos-holder:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.informations-form .cont .field label {
  width: 170px;
  padding: 2px 10px 0 0;
  text-align: right;
  display: block;
  float: left;
}
.informations-form .cont .field input[type="text"],
.informations-form .cont .field input[type="password"],
.informations-form .cont .field select,
.informations-form .cont .field textarea {
  width: auto;
}
@media only screen and (max-width: 540px) {
  .informations-form .cont .field .textarea {
    width: 100% !important;
    float: none !important;
  }
}
@media only screen and (max-width: 450px) {
  .informations-form .cont .field label {
    width: 100% !important;
    /*padding: 10px 0 2px 0 !important;*/
    text-align: left !important;
    display: block;
    float: none !important;
  }
  .informations-form .cont .field input.text {
    float: none !important;
    width: 100% !important;
  }
}
.content #shop-content h2 {
  margin: 0 0 0 0;
  padding: 17px 0 3px 0;
  display: block;
}
.content #shop-content table {
  text-align: center;
  border-width: 1px 0 0 0;
  margin-bottom: 5px;
  margin-top: 1px;
}
.content #shop-content table input[type="text"],
.content #shop-content table input[type="password"],
.content #shop-content table select,
.content #shop-content table textarea {
  text-align: center;
}
.content #shop-content table tfoot tr td {
  border: none;
  background: #fff;
  background: url(../images/bckg-news.gif) 0 -20px repeat-x;
  padding: 7px 5px 7px 5px;
}
.content #shop-content table tfoot tr td.priceDPH,
.content #shop-content table tfoot tr td.priceFinal {
  background: #3b5b67;
  background: linear-gradient(180deg, #3b5b67 0%, #1d3842 100%);
  color: #ffa200;
  text-shadow: 1px 1px 0px #063451;
  font-size: 1.2em;
  font-weight: bold;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 8px;
}
.content #shop-content table tfoot tr td a.recount {
  background: url(../../images/recount.gif) no-repeat left center;
  line-height: 22px;
  height: 22px;
  position: relative;
  vertical-align: top;
  zoom: 1;
  display: inline-block;
  padding: 0 3px 0 22px;
}
.content #shop-content #steps {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.content #shop-content #steps li {
  margin: 0 5px 5px 0 !important;
  padding: 0;
  float: none !important;
  width: calc(100% / 4 - 15px / 4);
  /*a:hover {
				background-color: #0c496b;
				background-image: url(../../images/responziv/bckg_widgetHeaderB.jpg);
				.rounded(3px);
			}*/
}
.content #shop-content #steps li:before {
  display: none;
}
.content #shop-content #steps li:nth-child(4) {
  margin: 0 0 5px 0 !important;
}
.content #shop-content #steps li a,
.content #shop-content #steps li span {
  padding: 0px 14px;
  height: 60px;
  line-height: 20px;
  width: 100%;
  display: block;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border: 1px solid #e3e3e3;
  background-color: #f7f7f7;
  color: #c0c0c0;
  font-size: 1.2em;
  font-weight: bold;
  text-shadow: #fff 1px 1px 0px;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content #shop-content #steps li a {
  color: #203b45;
  text-shadow: #fff 1px 1px 0px;
  text-decoration: none;
}
.content #shop-content #steps li a:hover,
.content #shop-content #steps li strong {
  padding: 0 14px;
  height: 60px;
  line-height: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  background: #3b5b67;
  background: linear-gradient(180deg, #3b5b67 0%, #1d3842 100%);
  position: relative;
}
.content #shop-content #steps li a:hover:after,
.content #shop-content #steps li strong:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1d3842;
  font-size: 0;
  line-height: 0;
  content: "";
  bottom: -10px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
}
.content #shop-content #steps li a:hover {
  text-shadow: #000 1px 1px 0px;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.content #shop-content #steps li a:hover:after {
  display: none;
}
@media only screen and (max-width: 520px) {
  .content #shop-content #steps li a:link,
  .content #shop-content #steps li a:visited,
  .content #shop-content #steps li a:hover,
  .content #shop-content #steps li span,
  .content #shop-content #steps li strong {
    font-size: 1em !important;
  }
}
@media only screen and (max-width: 420px) {
  .content #shop-content #steps li {
    margin: 0 4px 4px 0 !important;
    width: calc(100% / 2 - 4px / 2);
  }
  .content #shop-content #steps li:nth-child(2) {
    margin: 0 0px 4px 0 !important;
  }
}
.content #shop-content #steps-bottom {
  background-image: url(../../images/dotsLine.gif);
  background-repeat: repeat-x;
  background-position: top center;
  position: relative;
  margin: 15px 0 1em 0;
}
.content #shop-content #steps-bottom #buttons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 10px;
}
.content #shop-content #steps-bottom #buttons a {
  height: 22px;
  line-height: 22px;
  font-weight: bold;
}
.content #shop-content #steps-bottom #buttons a.back,
.content #shop-content #steps-bottom #buttons a.back:hover {
  background: url(../../images/sArrowLeft.png) no-repeat 0 0;
  padding: 0 0 0 28px;
}
.content #shop-content #steps-bottom #buttons a.finish {
  background: url(../../images/s-butt-right.png) no-repeat right top;
  height: 25px;
  padding-right: 26px;
  text-decoration: none;
  overflow: hidden;
}
.content #shop-content #steps-bottom #buttons a.finish span {
  background: url(../../images/s-butt-left.png) no-repeat left top;
  height: 25px;
  line-height: 27px;
  position: relative;
  display: block !important;
  display: inline-block;
  padding: 0 0 0 6px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2em;
  cursor: pointer;
}
.block-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.block-menu .item {
  background-color: #fffdde;
  width: calc(100% / 4 - 12px);
  margin: 0 16px 16px 0;
  height: 160px;
  line-height: 160px;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  background-position: right bottom;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.37);
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.block-menu .item:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.37);
}
.block-menu .item:nth-child(4n + 0) {
  margin-right: 0;
}
@media only screen and (max-width: 700px) {
  .block-menu .item {
    background-size: 100px;
    height: 100px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 560px) {
  .block-menu .item {
    width: calc(100% / 2 - 8px);
  }
  .block-menu .item:nth-child(2n + 0) {
    margin-right: 0;
  }
}
.categoryBlock .imgHolder {
  margin-right: 10px;
}
.leftSideDetail {
  width: calc(100% - 290px);
  float: left;
  margin: 10px 0;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.leftSideDetail .detailBlock {
  width: 100%;
  background-color: #f7f7f7;
  position: relative;
  z-index: 20;
  border: 1px solid #e3e3e3;
  margin-bottom: 10px;
  -webkit-box-shadow: inset 0px 0px 1px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 1px 1px #ffffff;
  box-shadow: inset 0px 0px 1px 1px #ffffff;
}
.leftSideDetail .detailBlock .cont .line {
  background: url(../../images/dotsLine.gif) repeat-x left bottom;
  margin: 0 10px;
  padding: 0;
  position: relative;
  display: flex;
  width: calc(100% - 20px);
}
.leftSideDetail .detailBlock .cont .line.noPrint {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.leftSideDetail .detailBlock .cont .line.noPrint .leftSide:first-child {
  display: none;
}
.leftSideDetail .detailBlock .cont .line.noPrint .rightSide {
  text-align: center;
}
.leftSideDetail .detailBlock .cont .line.noPrint .rightSide:nth-child(2) {
  width: 100%;
}
@media only screen and (max-width: 880px) {
  .leftSideDetail .detailBlock .cont .line.noPrint .leftSide:nth-child(3),
  .leftSideDetail .detailBlock .cont .line.noPrint .rightSide:nth-child(4) {
    width: 100%;
    text-align: center;
  }
}
.leftSideDetail .detailBlock .cont .line .leftSide {
  padding: 7px 0 7px 0;
  width: 120px;
  font-weight: bold;
  color: #005a80;
}
.leftSideDetail .detailBlock .cont .line .rightSide {
  padding: 7px 0 7px 0;
  width: calc(100% - 120px);
}
.leftSideDetail .detailBlock .cont .line .rightSide #count {
  width: 40px;
}
.leftSideDetail .detailBlock .cont .line .rightSide .bargainPrice {
  padding-bottom: 4px;
}
.leftSideDetail .detailBlock .cont .line .rightSide .bargainPrice strong,
.leftSideDetail .detailBlock .cont .line .rightSide .bargainPrice span {
  text-decoration: line-through;
}
.leftSideDetail .detailBlock .cont .line .rightSide .save {
  display: block;
  float: left;
  width: 100%;
}
.rightSideDetail {
  float: right;
  width: 280px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rightSideDetail a.btn,
.rightSideDetail a.btn:hover,
.rightSideDetail a.btn:active,
.rightSideDetail a.btn:visited,
.rightSideDetail button.btn {
  margin: 0 auto 3px auto;
  width: 150px;
  padding: 6px 6px;
  display: inline-block;
}
.rightSideDetail a.btn.disabled,
.rightSideDetail a.btn:hover.disabled,
.rightSideDetail a.btn:active.disabled,
.rightSideDetail a.btn:visited.disabled,
.rightSideDetail button.btn.disabled {
  display: none;
}
.rightSideDetail #imagesCont {
  margin-top: 10px;
  width: 100%;
  float: none;
  position: relative;
  /*background: url(../../images/bckg_detailImage.png) no-repeat;*/
  height: 286px;
}
.rightSideDetail #imagesCont .prevPage,
.rightSideDetail #imagesCont .nextPage {
  background: url(../../images/bclg_imgScrollLeft.png) no-repeat left center;
  width: 30px;
  height: 238px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  text-indent: -999em;
  cursor: pointer;
}
.rightSideDetail #imagesCont .nextPage {
  background: url(../../images/bclg_imgScrollRight.png) no-repeat left center;
  left: auto;
  right: 0;
}
.rightSideDetail #imagesCont div.photosBlock {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: 1px solid #e3e3e3;
  height: 238px;
  margin: 0px;
}
.rightSideDetail #imagesCont div.photosBlock div#photos {
  width: 20000em;
  position: absolute;
}
.rightSideDetail #imagesCont div.photosBlock div#photos a,
.rightSideDetail #imagesCont div.photosBlock div#photos em {
  float: left;
  cursor: pointer;
  width: 259px;
  height: 216px;
  line-height: 216px;
  margin: 8px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.rightSideDetail #imagesCont div.photosBlock div#photos a img,
.rightSideDetail #imagesCont div.photosBlock div#photos em img {
  display: inline;
  vertical-align: middle;
}
.rightSideDetail #imagesCont span.imgDescription {
  display: none;
  position: absolute;
  left: 0;
  top: 244px;
  background: #fff;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 650px) {
  .leftSideDetail,
  .rightSideDetail {
    width: 100%;
    float: none;
  }
}
#stockAvailabilityWrapper {
  position: relative;
  display: inline;
  cursor: help;
  border-bottom: 1px dotted #444;
}
.stockAvailabilityTooltip {
  display: none;
  background-color: #ffffaa;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
  width: 240px;
  height: auto;
  z-index: 999;
  -moz-box-shadow: 2px 2px 11px #666;
  -webkit-box-shadow: 2px 2px 11px #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.stockAvailabilityTooltip p {
  padding: 0;
}
.hyperlink {
  background: transparent;
  font-weight: bold;
  border: none;
  color: #00436c;
  text-decoration: underline;
}
.toolTipHolder {
  display: none;
  padding: 3px 3px 15px 3px;
  margin: 0 0 0 3px;
  height: 97px;
  width: 148px;
  color: #000;
  overflow: hidden;
  background: url(../../images/tooltip.gif) no-repeat left top;
}
#toolTips {
  display: flex;
  flex-wrap: wrap;
}
#toolTips a {
  display: block;
  width: 49px;
  height: 49px;
  line-height: 49px;
  margin: 5px;
}
#toolTips a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: inline;
  vertical-align: middle;
}
.sortType {
  padding: 0;
  text-align: center;
  margin: 0 auto;
}
.sortType a:link,
.sortType a:visited,
.sortType a:hover,
.sortType strong {
  background: url(../../images/listing.png) -15px 0;
  background-position-x: -15px;
  background-position-y: 0px;
  width: 15px;
  height: 15px;
  text-indent: -9999em;
  overflow: hidden;
  top: -1px;
}
.sortType a:hover,
.sortType strong {
  background-position: 0 0;
}
.sortType a.tableSort:link,
.sortType a.tableSort:visited,
.sortType a.tableSort:hover,
.sortType strong.tableSort {
  background-position: -15px -15px;
}
.sortType a.tableSort:hover,
.sortType strong.tableSort {
  background-position: 0 -15px;
}
.sortType .title,
.sortType a:link,
.sortType a:visited,
.sortType a:hover,
.sortType strong {
  font-size: 12px;
  *zoom: 1;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
@media only screen and (max-width: 620px) {
  .sortType {
    width: 100%;
    margin-top: 6px;
    padding-top: 7px;
    position: relative;
  }
  .sortType:after {
    background: url(../../images/dotsLine.gif) repeat-x left top;
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.videos {
  width: 100%;
  overflow: hidden;
  clear: both;
}
.videos .videoWrapper {
  display: block;
  position: relative;
  width: 100%;
}
.videos .videoWrapper .video {
  position: relative;
  padding: 0;
}
.videos .videoWrapper .video iframe {
  width: 100% !important;
  height: 350px !important;
  display: block;
}
.videos .videoWrapper .video_description {
  display: block;
  text-align: center;
  padding: 5px;
  background: #DEF3FF;
  border: 1px solid #B7DBF3;
  border-top: 0;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  line-height: 1;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fright {
  float: right;
  margin: 5px 1px 5px 15px;
}
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.table-wrapper table {
  /*tbody:nth-child(2n) {
			td {
				background-color: #f2f2f2;
			}
		}*/
}
.table-wrapper table td.price strong,
.table-wrapper table td.priceDPH strong,
.table-wrapper table td.priceFinal strong {
  float: right;
}
.table-wrapper table th.priceAll {
  background: #ecf8ff;
  color: #006a92;
  text-align: left;
  font-weight: bold;
}
.product-comparator-header:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.product-comparator-header:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.product-comparator-header h1.detail {
  padding: 5px 170px 0.5em 35px !important;
}
@media only screen and (max-width: 1000px) {
  .product-comparator-header h1.detail {
    padding: 5px 0px 0.5em 35px !important;
  }
  .product-comparator-header .backLink {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    margin-top: 0px !important;
    float: right;
  }
}
@media only screen and (max-width: 900px) {
  .product-comparator-footer,
  #product-comparator {
    display: none !important;
  }
}
@media only screen and (max-width: 900px) {
  .mobile-product-comparator-wrapper {
    display: block !important;
  }
}
.mobile-product-comparator-wrapper td {
  font-size: 0.9rem;
}
.mobile-product-comparator-wrapper td:nth-child(2) {
  text-align: right;
}
@media only screen and (max-width: 710px) {
  .wmSuggest.showSuggestWindow {
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
  }
}
iframe {
  max-width: 100% !important;
}
@media only screen and (max-width: 610px) {
  .content table.product-table {
    display: block;
    margin: 0;
  }
  .content table.product-table th {
    display: none;
  }
  .content table.product-table td {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #c1d8e2;
    padding-left: 100px;
    text-align: right;
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .content table.product-table td:after {
    content: attr(data-title);
    position: absolute;
    left: 5px;
    top: 5px;
  }
  .content table.product-table tr:nth-child(2n) td {
    background: #DEF3FF;
  }
  .content table.product-table tr:last-child td:last-child {
    border-bottom: 0;
  }
}
@media only screen and (max-width: 850px) {
  .footer-widget {
    display: block !important;
    width: 100% !important;
    float: none !important;
    padding: 0 10px 0 10px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer-widget .sidebar {
    display: flex;
    flex-wrap: wrap;
    width: 100% !important;
    float: none !important;
  }
  .footer-widget .sidebar > div {
    width: calc(25% - 30px / 4);
    margin: 0 10px 10px 0;
  }
  .footer-widget .sidebar > div:nth-child(4n + 1) {
    margin: 0 0 10px 0;
  }
  .footer-widget .sidebar .menu {
    display: none !important;
  }
}
@media only screen and (max-width: 720px) {
  .footer-widget .sidebar > div {
    width: calc(50% - 5px);
  }
  .footer-widget .sidebar > div:nth-child(4n + 1),
  .footer-widget .sidebar > div:nth-child(2n + 1) {
    margin: 0 0 10px 0;
  }
}
@media only screen and (max-width: 480px) {
  .footer-widget .sidebar > div {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
#imagesCont.oneImage .nextPage,
#imagesCont.oneImage .prevPage,
#imagesCont.noImage .nextPage,
#imagesCont.noImage .prevPage {
  display: none;
}
.left-align {
  text-align: left;
}
#s-login-block {
  display: block !important;
  padding: 0 6px;
}
@media only screen and (max-width: 530px) {
  .content #shop-content .h2FormFix em {
    position: relative !important;
    top: auto !important;
  }
  ul#steps li a:link,
  ul#steps li a:visited,
  ul#steps li a:hover,
  ul#steps li span,
  ul#steps li strong {
    font-size: 1em;
  }
}
@media only screen and (max-width: 560px) {
  .step4 table {
    display: block;
  }
  .step4 table thead {
    display: none;
  }
  .step4 table tbody {
    display: block;
    width: 100%;
  }
  .step4 table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .step4 table tbody tr td {
    display: block;
    width: 100% !important;
    text-align: right;
  }
  .step4 table tbody tr td:before {
    content: attr(data-title);
    float: left;
  }
  .step4 table tbody tr:nth-child(2n) td {
    background-color: #f2f2f2 !important;
  }
  .step4 table tfoot {
    display: block;
    width: 100%;
  }
  .step4 table tfoot tr {
    display: block;
    width: 100%;
  }
  .step4 table tfoot tr td {
    width: 50%;
  }
  .step4 table tfoot tr td:first-child,
  .step4 table tfoot tr td:nth-child(2),
  .step4 table tfoot tr td:nth-child(3) {
    display: none;
  }
  .step4 .finish.hide-mobile {
    display: none;
  }
  .step4 #steps-bottom {
    height: 110px !important;
  }
  .step4 #steps-bottom #buttons {
    height: 102px !important;
  }
  .step4 #steps-bottom #buttons a.finish {
    top: auto;
    bottom: 40px;
  }
}
@media only screen and (max-width: 450px) {
  form[name="form_step2"] #paymentTypes table thead,
  form[name="form_step2"] .table-wrapper table thead {
    display: none;
  }
  form[name="form_step2"] #paymentTypes table tbody,
  form[name="form_step2"] .table-wrapper table tbody {
    display: block;
    width: 100%;
  }
  form[name="form_step2"] #paymentTypes table tbody tr,
  form[name="form_step2"] .table-wrapper table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  form[name="form_step2"] #paymentTypes table tbody tr td,
  form[name="form_step2"] .table-wrapper table tbody tr td {
    display: block;
  }
  form[name="form_step2"] #paymentTypes table tbody tr td:first-child,
  form[name="form_step2"] .table-wrapper table tbody tr td:first-child {
    width: 25px !important;
  }
  form[name="form_step2"] #paymentTypes table tbody tr td:nth-child(2),
  form[name="form_step2"] .table-wrapper table tbody tr td:nth-child(2) {
    width: calc(100% - 25px) !important;
  }
  form[name="form_step2"] #paymentTypes table tbody tr td:before,
  form[name="form_step2"] .table-wrapper table tbody tr td:before {
    content: attr(data-title);
  }
  form[name="form_step2"] #paymentTypes table tbody tr td.t-price,
  form[name="form_step2"] .table-wrapper table tbody tr td.t-price {
    width: 100% !important;
    text-align: left;
  }
  form[name="form_step2"] #paymentTypes table tbody tr td.t-price strong,
  form[name="form_step2"] .table-wrapper table tbody tr td.t-price strong {
    float: right;
  }
  form[name="form_step2"] #paymentTypes table tbody tr td.t-price.full,
  form[name="form_step2"] .table-wrapper table tbody tr td.t-price.full {
    width: 100% !important;
  }
  form[name="form_step2"] #paymentTypes table tbody tr.licha td,
  form[name="form_step2"] .table-wrapper table tbody tr.licha td {
    background-color: #f2f2f2 !important;
  }
  form[name="form_step2"] #paymentTypes table tbody tr.licha td.td-radio,
  form[name="form_step2"] .table-wrapper table tbody tr.licha td.td-radio {
    background: #ECF8FF !important;
  }
}
@media only screen and (max-width: 390px) {
  form[name="form_step2"] #paymentTypes table tbody tr td.t-price,
  form[name="form_step2"] .table-wrapper table tbody tr td.t-price {
    width: 100% !important;
  }
}
.productBlock .cont .priceBlock {
  width: 150px;
  margin-top: 11px;
  text-align: center;
  background: url(../../images/bckg_topMenu.png) repeat-x #0f486c;
}
.productBlock .cont .priceBlock div {
  padding: 5px 3px 5px 3px;
  color: #ffffff;
}
.productBlock .cont .priceBlock strong {
  color: #ff8f00;
}
.detailBlock .cont .line .normalPrice {
  background: url(../../images/bckg_topMenu.png) repeat-x #1d3842;
  display: inline;
  float: left;
  position: relative;
  overflow: hidden;
  padding: 8px;
  color: #839ea9;
}
.detailBlock .cont .line .normalPrice strong {
  color: #f8ea33;
  font-size: 14px;
}
/*.productBlock .cont .priceBlock {
  background: url(../../images/bckg_priceListBottom.png) left bottom no-repeat #3a5965;
  width: 150px;
  margin-top: 11px;
  text-align: center;
  float: left;
}*/
#productAttributes,
.attributesBlock {
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 9;
}
#productAttributes strong,
.attributesBlock strong {
  display: block;
  padding: 2px 4px;
  text-align: center;
  margin-bottom: 3px;
  font-size: 9px;
  color: #ffffff;
  font-weight: strong;
  border-bottom: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#productAttributes strong span,
.attributesBlock strong span {
  font-weight: bold;
}
#productAttributes strong.attrPurple,
.attributesBlock strong.attrPurple {
  background: #a814a6;
  border-color: #440543;
}
#productAttributes strong.attrLightBlue,
.attributesBlock strong.attrLightBlue {
  background: #ace0ff;
  color: #356482;
  border-color: #60acda;
}
#productAttributes {
  top: 13px;
}
.content table.sidebar-order-table {
  border: 0;
  margin-top: 4px;
}
.content table.sidebar-order-table td {
  padding: 7px 5px;
  border: 0;
}
.content table.sidebar-order-table td.td-image {
  width: 60px;
}
.content table.sidebar-order-table td.priceFinal span,
.content table.sidebar-order-table td.priceDPH span,
.content table.sidebar-order-table td.price span,
.content table.sidebar-order-table td.priceFinal strong,
.content table.sidebar-order-table td.priceDPH strong,
.content table.sidebar-order-table td.price strong {
  float: right;
}
.content table.sidebar-order-table tbody tr:last-child td {
  border-bottom: 1px solid #c1d8e2;
  padding-bottom: 15px;
}
.content table.sidebar-order-table tbody:last-child tr:last-child td {
  border-bottom: 0;
}
.content table.sidebar-order-table tfoot td {
  background: #cbe6e7;
}
.content table.sidebar-order-table tfoot td strong {
  font-size: 1.2em;
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (max-width: 570px) {
  table.basket-table {
    display: block;
  }
  table.basket-table thead {
    display: none;
  }
  table.basket-table tbody {
    display: block;
    width: 100%;
  }
  table.basket-table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  table.basket-table tbody tr td {
    border: 0 !important;
    padding: 7px 5px;
  }
  table.basket-table tbody tr td.photo {
    width: 100px !important;
    height: 80px !important;
  }
  table.basket-table tbody tr td.photo img {
    width: auto;
    max-height: 100% !important;
  }
  table.basket-table tbody tr td:nth-child(2) {
    width: calc(100% - 100px);
    padding-bottom: 40px;
  }
  table.basket-table tbody tr td:nth-child(3),
  table.basket-table tbody tr td:nth-child(4),
  table.basket-table tbody tr td:nth-child(5) {
    width: 100%;
    text-align: right;
    font-weight: bold;
  }
  table.basket-table tbody tr td:nth-child(3):before,
  table.basket-table tbody tr td:nth-child(4):before,
  table.basket-table tbody tr td:nth-child(5):before {
    content: attr(data-title);
    position: relative;
    width: 100px;
    text-align: left;
    font-weight: normal;
    float: left;
  }
  table.basket-table tbody tr td:nth-child(3) {
    width: calc(100% - 100px) !important;
    margin-left: 100px;
    position: relative;
    font-size: 0;
    /*div {
							display: none;
						}*/
  }
  table.basket-table tbody tr td:nth-child(3) div.line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
  }
  table.basket-table tbody tr td:nth-child(3):after {
    content: attr(data-value);
    position: absolute;
    right: 5px;
    bottom: 27px;
    font-size: 12px;
  }
  table.basket-table tbody tr td:nth-child(3):before {
    position: absolute;
    left: 5px;
    bottom: 27px;
    font-size: 12px;
  }
  table.basket-table tbody tr td:nth-child(3) input[type="text"] {
    position: absolute;
    right: 5px;
    bottom: 27px;
    width: 50px;
  }
  table.basket-table tbody tr td:last-child {
    border-bottom: 1px solid #c7e3f5 !important;
    width: 100%;
  }
  table.basket-table tbody tr.tr-phe td:first-child {
    width: 100%;
  }
  table.basket-table tbody tr.tr-phe td:nth-child(2),
  table.basket-table tbody tr.tr-phe td:nth-child(3) {
    width: 100% !important;
    padding-bottom: 7px;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    margin-left: 0;
  }
  table.basket-table tbody tr.tr-phe td:nth-child(2):before,
  table.basket-table tbody tr.tr-phe td:nth-child(3):before {
    content: attr(data-title);
    position: relative;
    width: 100px;
    text-align: left;
    font-weight: normal;
    float: left;
    font-size: 12px;
    bottom: auto;
    left: auto;
  }
  table.basket-table tbody tr.delivery,
  table.basket-table tbody tr.payment {
    position: relative;
  }
  table.basket-table tbody tr.delivery td:first-child,
  table.basket-table tbody tr.payment td:first-child {
    width: 50% !important;
    height: auto !important;
    text-align: left;
  }
  table.basket-table tbody tr.delivery td:nth-child(2),
  table.basket-table tbody tr.payment td:nth-child(2) {
    width: 50% !important;
    height: auto !important;
    text-align: right;
    padding-bottom: 7px;
  }
  table.basket-table tbody tr.delivery td:nth-child(3),
  table.basket-table tbody tr.payment td:nth-child(3) {
    width: 100%!important;
    margin-left: 0;
    position: relative;
    padding: 5px 7px;
    font-size: 12px;
  }
  table.basket-table tbody tr.delivery td:nth-child(3):before,
  table.basket-table tbody tr.payment td:nth-child(3):before {
    position: relative;
    left: 0px;
    bottom: 0;
  }
  table.basket-table tfoot {
    display: block;
    width: 100%;
  }
  table.basket-table tfoot tr {
    display: block;
    width: 100%;
  }
  table.basket-table tfoot td {
    display: block;
    width: 100%;
    display: none;
  }
  table.basket-table tfoot td.priceDPH,
  table.basket-table tfoot td.priceFinal {
    width: 100%;
    text-align: right;
    font-weight: bold;
    padding: 7px 5px;
    display: block;
    background: #f7f7f7 !important;
    color: #3b4046 !important;
    text-shadow: none !important;
    font-size: 1em !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  table.basket-table tfoot td.priceDPH:before,
  table.basket-table tfoot td.priceFinal:before {
    content: attr(data-title);
    position: relative;
    width: 100px;
    text-align: left;
    font-weight: normal;
    float: left;
  }
  #shop-content #steps-bottom {
    height: auto !important;
    margin: 15px 0 5px 0 !important;
  }
  #shop-content #steps-bottom #buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 42px !important;
    height: auto !important;
    padding: 10px 0;
  }
  #shop-content #steps-bottom #buttons a {
    position: relative;
    top: auto;
    margin: 2px 0;
  }
}
.clear-fix:after {
  content: "";
  display: block;
  position: relative;
  height: 0;
  clear: both;
}
.step4-cont-wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 570px) {
  #buttons a.finish {
    right: auto !important;
    top: auto !important;
    position: relative !important;
    display: block !important;
    max-width: 400px;
    margin-top: 10px;
  }
}
.type-registration-wrapper {
  display: flex;
}
.type-registration-wrapper .item {
  margin: 0 14px 14px 0;
  width: calc(100% / 3 - 24px / 3);
  border: 1px solid #c7e3f5;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.type-registration-wrapper .item:last-child {
  margin-right: 0;
}
.type-registration-wrapper .item.active {
  background-color: #c7e3f5;
  color: #006A92;
}
.type-registration-wrapper .item strong {
  display: block;
  color: #006A92;
}
.eshopBlockWrapper {
  display: flex;
  flex-wrap: wrap;
}
.eshopBlockWrapper h3 {
  margin-right: 10px !important;
}
.hpColumnWide {
  text-align: left;
  color: #e4e4e4;
}
#hpColumns {
  width: 100%;
  margin: 0 auto;
  position: relative;
  /*overflow: hidden;
	background-image: url(../../images/bckg_hpColumn.png);
	background-position: -60px top;
	background-repeat: repeat-y;*/
  padding-bottom: 10px;
}
#hpColumnsWrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}
#hpColumnsWrapper:before {
  background: linear-gradient(90deg, #626262 0%, #565656 100%);
  width: 240px;
  content: "";
  height: calc(100% + 10px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#hpColumnsWrapper .hpColumn {
  width: 230px;
  padding: 0;
  margin: 10px 0 0 0;
  background: #626262;
  background: url(../../images/shopMenu.png) 0 top repeat-y;
  z-index: 2;
}
#hpColumnsWrapper .hpColumnWide {
  padding: 10px 0 0 10px;
  width: calc(100% - 240px);
}
@media only screen and (max-width: 830px) {
  #hpColumnsWrapper:before {
    display: none;
  }
  #hpColumnsWrapper .hpColumn {
    display: none;
  }
  #hpColumnsWrapper .hpColumnWide {
    padding: 10px 10px 0 10px;
    width: 100%;
  }
}
#shopMenu {
  margin: 0 0 0 0;
  text-align: left;
}
.lineBg {
  position: relative;
}
.lineBg:before {
  background: #626262;
  content: "";
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  left: calc(-50vw + 50%);
}
.tabs.tabsHP li a:link,
.tabs.tabsHP li a:visited,
.tabs.tabsHP li a:hover {
  font-size: 1.2em;
  padding: 13px 10px 7px 6px;
}
input.w160,
select.w160,
textarea.w160,
th.w160,
td.w160 {
  width: 160px;
}
#footer {
  background: #525252;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
#footer ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 220px);
}
#footer ul li {
  color: #ffffff;
}
#footer ul li a,
#footer ul li strong {
  padding: 12px 0 0 18px;
  display: inline;
  margin-right: 10px;
  background: url(../../images/bckg_bottomMenuArr.gif) no-repeat 5px 15px;
  display: block;
}
#footer ul li a {
  color: #ffffff;
}
#footer .creator {
  width: 185px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer .creator span {
  color: #707070;
  padding-right: 4px;
}
#footer .creator a {
  display: block;
  width: 120px;
}
#footer .creator a img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 420px) {
  #footer ul {
    width: 100%;
    padding-bottom: 20px;
  }
  #footer .creator {
    width: 100%;
    justify-content: center;
  }
}