@charset "UTF-8";
@font-face {
  font-family: "dTest";
  font-weight: normal;
  font-style: normal;
  src: url('webfonts/dtest.eot?ver=9');
  src: url('webfonts/dtest.eot?ver=9#iefix') format('embedded-opentype'), url('webfonts/dtest.woff?ver=9') format('woff'), url('webfonts/dtest.ttf?ver=9') format('truetype');
}
.center-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.responsive-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .backgroundsize .retina {
    background-image: url("/img/bg/all24@2x.png");
    -webkit-background-size: 250px 250px;
    background-size: 250px;
  }
}
.greyscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  /* IE 6-9 */
}
.blue {
  color: #008ac9;
}
.red {
  color: #da202b;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.vcenter {
  vertical-align: middle;
}
.nobr {
  white-space: nowrap;
}
.to-upper {
  text-transform: uppercase;
}
.mp-reset {
  margin: 0;
  padding: 0;
}
.mt-reset {
  margin-top: 0 !important;
}
.mb-reset {
  margin-bottom: 0 !important;
}
.reset {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
ul.reset {
  list-style: none;
}
.out {
  position: absolute;
  left: -5000px;
  top: auto;
}
.l {
  float: left;
}
.r {
  float: right;
}
.nobr {
  white-space: nowrap;
}
.w-full {
  width: 100%;
}
.no-js .jsOnly,
.js .jsHide,
.hidden {
  display: none;
}
.break {
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.clear {
  clear: both;
}
@media (min-width: 100px) {
  .col-h-l {
    display: block;
    float: left;
    width: 45%;
  }
  .col-h-r {
    display: block;
    float: right;
    width: 45%;
  }
  .col-h-r .col-h-l,
  .col-h-l .col-h-l,
  .col-h-r .col-h-r,
  .col-h-l .col-h-r {
    float: none;
    width: auto;
  }
}
@media (min-width: 100px) {
  .col-h-r .col-h-l,
  .col-h-l .col-h-l {
    float: left;
    width: 45%;
  }
  .col-h-r .col-h-r,
  .col-h-l .col-h-r {
    float: right;
    width: 45%;
  }
}
html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font: 87.5%/1.7 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: #333333;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
}
a {
  text-decoration: underline;
  color: #008ac9;
  -webkit-transition: color 300ms ease;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  transition: color 300ms ease;
}
a:hover {
  text-decoration: none;
  color: #000;
}
img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border: 0;
}
p {
  margin: 0 0 1.5em;
  padding: 0;
}
ul {
  margin: 1.5em 0;
}
ul.arrows {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
ul.arrows li {
  padding-left: 20px;
  position: relative;
}
ul.arrows li:before {
  content: "m";
  font-family: 'dTest';
  width: 14px;
  height: 14px;
  font-size: 6px;
  text-align: center;
  line-height: 14px;
  color: #fff;
  background: #5a7482;
  border-radius: 7px;
  position: absolute;
  left: 0;
  top: 5px;
}
#footer ul.arrows li {
  padding-left: 16px;
}
#footer ul.arrows li:before {
  content: "m";
  font-family: 'dTest';
  width: 10px;
  height: 10px;
  font-size: 4px;
  text-align: center;
  line-height: 10px;
  color: #fff;
  background: #5a7482;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 7px;
}
ul.arrows-2 {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
ul.arrows-2 li {
  padding-left: 40px;
  position: relative;
  margin: 8px 0;
}
ul.arrows-2 li:before {
  content: "j";
  font-family: 'dTest';
  font-size: 21px;
  height: 21px;
  line-height: 21px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 1px;
  left: 0;
  color: #eb222e;
}
ul.red-dots {
  list-style: none;
  margin-left: 0;
  padding: 0;
  line-height: 1.7;
}
ul.red-dots li {
  padding-left: 19px;
  position: relative;
  margin: 0 0 12px;
}
ul.red-dots li:before {
  content: "C";
  font-family: 'dTest';
  font-size: 7px;
  color: #da202b;
  height: 7px;
  line-height: 7px;
  position: absolute;
  left: 1px;
  top: 9px;
}
ul.red-dots.reduced li {
  margin-bottom: 0;
}
hr {
  border-width: 0;
  border-top: 1px solid #dde7ef;
  margin-bottom: 1.5em;
}
h1 {
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.5;
  color: #475f6b;
  margin: .3em 0 .6em;
}
@media (min-width: 100px) {
  h1 {
    font-size: 40px;
    margin: .1em 0 .2em;
  }
}
#pd-box-desc h1 {
  margin-top: 2em;
}
@media (min-width: 100px) {
  #pd-box-desc h1 {
    font-size: 30px;
    margin-top: 1em;
  }
}
h2,
h3,
.h2,
.h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  font-size: 19px;
  line-height: 1.3;
  color: #000;
  margin: 1em 0 .3em;
}
.group-title {
  margin: 0 0 1em;
  color: #5b7b8b;
  font-family: 'Oswald', sans-serif;
  font-size: 19px;
  text-align: center;
  position: relative;
  padding-bottom: 5px;
  line-height: 1.4;
}
.group-title:after {
  content: "";
  height: 4px;
  width: 44px;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #5b7b8b;
}
.group-title .logged-only {
  display: inline-block;
  vertical-align: middle;
  background: #eb222e;
  padding: 3px 12px;
  color: #fff;
  font-size: 14px;
  margin: 0 0 2px 5px;
  position: relative;
}
.group-title .logged-only:before {
  content: "K";
  font-family: 'dTest';
  font-size: 14px;
  margin-right: 5px;
}
.group-title .logged-only:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 6px 5px 0;
  border-color: transparent #eb222e transparent transparent;
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -5px;
}
.group-title .product-rating {
  color: #008ac9;
}
.group-title .count {
  color: #008ac9;
  font-size: 66.667%;
}
@media (min-width: 100px) {
  .group-title {
    font-size: 24px;
    text-align: left;
    line-height: 1.4;
  }
  .group-title:after {
    left: 0;
    right: auto;
    width: 59px;
  }
  .group-title .logged-only {
    font-size: 16px;
  }
  .group-title.center {
    text-align: center;
  }
  .group-title.center:after {
    left: 0;
    right: 0;
  }
}
@media (min-width: 100px) {
  .group-title {
    font-size: 30px;
  }
  .group-title:after {
    width: 74px;
  }
}
.whole-title {
  position: relative;
  margin: 0 0 1em;
  font-size: 19px;
}
.whole-title:before {
  content: "";
  height: 1px;
  background: #e8e8e8;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.whole-title .group-title {
  display: inline-block;
  background: #fff;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.whole-title .in {
  position: relative;
  z-index: 1;
}
@media (min-width: 100px) {
  .whole-title {
    ont-size: 24px;
  }
  .whole-title .in {
    padding: 0 10px 0 74px;
    max-width: 1100px;
  }
}
@media (min-width: 100px) {
  .whole-title {
    font-size: 30px;
  }
}
@media (min-width: 100px) {
  .whole-title .in {
    max-width: 1100px;
    padding: 0 184px 0 64px;
    margin: 0 auto;
  }
}
.img-title {
  margin: 1em 0 2em;
  padding: 10px;
  background: rgba(1, 24, 35, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQYV2NkwAN8fHz+M+KSB0lu2bKFEasCmCRIM4YCZEkMBeiSKAqwScIV4JIEK8AnCVIAAFzSHexjqznsAAAAAElFTkSuQmCC) repeat;
}
.img-title .title {
  color: #fff;
  font-size: 22px;
  line-height: 1.5;
  position: relative;
  display: block;
  font-family: 'Oswald', sans-serif;
}
.img-title .title:before {
  font-family: 'dTest';
  color: #da202b;
  position: absolute;
  left: 0;
  font-weight: normal;
}
.img-title .title br {
  display: none;
}
.img-title img {
  display: none;
}
.img-title.dangerous-title .title {
  padding-left: 30px;
}
.img-title.dangerous-title .title:before {
  content: "s";
}
@media (min-width: 100px) {
  .img-title {
    overflow: hidden;
    position: relative;
    height: 200px;
    background: none;
    padding: 0;
  }
  .img-title .in {
    width: 50%;
    position: relative;
    padding: 0 15px;
    height: 200px;
    line-height: 200px;
    z-index: 1;
    background: rgba(1, 24, 35, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQYV2NkwAN8fHz+M+KSB0lu2bKFEasCmCRIM4YCZEkMBeiSKAqwScIV4JIEK8AnCVIAAFzSHexjqznsAAAAAElFTkSuQmCC) repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .img-title .title {
    padding: 0 0 10px;
    margin: 0;
    line-height: 1.3;
    display: inline-block;
    vertical-align: bottom;
    font-size: 26px;
  }
  .img-title .title:before {
    position: static;
    display: block;
    font-size: 60px;
    height: 60px;
    line-height: 60px;
  }
  .img-title .title br {
    display: inline;
  }
  .img-title img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    z-index: 0;
  }
  .img-title.dangerous-title .title {
    padding-left: 0;
  }
  .img-title.reduced {
    height: 120px;
  }
  .img-title.reduced .in {
    height: 120px;
    line-height: 120px;
  }
  .img-title.reduced .title {
    position: relative;
    font-size: 24px;
    vertical-align: middle;
    padding-bottom: 0;
  }
  .img-title.reduced .title:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
  }
  .img-title.reduced.dangerous-title .title {
    padding-left: 75px;
  }
}
@media (min-width: 100px) {
  .img-title .title {
    font-size: 34px;
  }
  .img-title.reduced .title {
    font-size: 30px;
  }
}
@media (min-width: 100px) {
  .img-title .title {
    font-size: 40px;
  }
}
.btn {
  height: 36px;
  border-radius: 3px;
  padding: 0 20px;
  border: 0;
  font-weight: normal;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  color: #fff;
  background: #008ac9;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.btn > span {
  line-height: 1.3;
}
.btn .count {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
a.btn,
span.btn {
  line-height: 36px;
  text-decoration: none;
}
a.btn > span,
span.btn > span {
  display: inline-block;
}
.btn:hover {
  background: #0074ab;
  color: #fff;
  cursor: pointer;
}
.btn.btn-small {
  height: 30px;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}
a.btn.btn-small,
span.btn.btn-small {
  line-height: 30px;
}
a.btn.btn-small > span,
span.btn.btn-small > span {
  line-height: 1.1;
}
.btn.btn-large {
  height: 40px;
}
a.btn.btn-large,
span.btn.btn-large {
  line-height: 40px;
}
.btn.btn-red {
  background: #eb222e;
}
.btn.btn-red:hover {
  background: #c71d27;
}
.btn.btn-green {
  background: #55ac3c;
}
.btn.btn-green:hover {
  background: #3D7B30;
}
.btn.btn-gray {
  background: #fff;
  border: 1px solid #5b7b8b;
  color: #5b7b8b;
  -webkit-transition: color 300ms ease, border-color 300ms ease;
  -moz-transition: color 300ms ease, border-color 300ms ease;
  -o-transition: color 300ms ease, border-color 300ms ease;
  transition: color 300ms ease, border-color 300ms ease;
}
.btn.btn-gray:hover {
  color: #333333;
  border-color: #333333;
}
.btn.btn-ico {
  padding-left: 13px;
}
.btn.btn-ico > span {
  padding-left: 28px;
  position: relative;
}
.btn.btn-ico > span:after {
  font-family: 'dTest';
  position: absolute;
  font-size: 18px;
  left: 0;
  top: 50%;
  height: 18px;
  line-height: 18px;
  margin-top: -9px;
  font-weight: normal;
}
.btn.btn-arr-down {
  padding-right: 13px;
}
.btn.btn-arr-down > span {
  padding-right: 28px;
  padding-left: 0;
}
.btn.btn-arr-down > span:after {
  content: "j";
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  left: auto;
  right: 0;
  margin-top: -6px;
}
.btn.btn-arr-up > span:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.btn.btn-arr-right {
  padding-left: 20px;
  padding-right: 13px;
}
.btn.btn-arr-right > span {
  padding-right: 20px;
  padding-left: 0;
}
.btn.btn-arr-right > span:after {
  content: "D";
  left: auto;
  right: 0;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  margin-top: -7px;
}
.btn.btn-flask > span:after {
  content: "G";
}
.btn.btn-mail > span:after {
  content: "w";
}
.btn.btn-login > span:after {
  content: "r";
}
.btn.btn-cart > span:after {
  content: "B";
}
.btn.btn-ribbon > span:after {
  content: "v";
}
.btn.btn-danger > span:after {
  content: "s";
}
.btn.btn-arr-left > span:after {
  content: "q";
}
.btn.btn-pencil > span:after {
  content: "J";
  font-size: 16px;
}
.btn.btn-cellphone > span:after {
  content: "L";
}
.btn.btn-user > span:after {
  content: "I";
}
.btn.btn-plus > span:after {
  content: "u";
}
.btn.btn-gift > span:after {
  content: "S";
}
.btn.btn-remove > span:after {
  content: "×";
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 13px;
}
.ico-link {
  text-decoration: none;
}
.ico-link:before {
  font-family: 'dTest';
  font-size: 27px;
  margin: 5px 5px 8px 0;
  display: inline-block;
  vertical-align: middle;
  height: 27px;
  line-height: 27px;
}
.ico-link span {
  text-decoration: underline;
}
.ico-link:hover span {
  text-decoration: none;
}
.ico-link.ico-link-file:before {
  content: "n";
}
.ico-link.ico-link-darr {
  position: relative;
  padding-right: 20px;
}
.ico-link.ico-link-darr:before {
  display: none;
}
.ico-link.ico-link-darr:after {
  content: "j";
  font-family: 'dTest';
  position: absolute;
  right: 0;
  top: auto;
}
.ext {
  padding-right: 15px;
  position: relative;
}
.ext:after {
  font-family: 'dTest';
  content: "@";
  height: 10px;
  overflow: hidden;
  line-height: 10px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  font-weight: normal;
}
@media all {
  #header {
    height: 112px;
    position: relative;
  }
  #header:after {
    content: "";
    height: 63px;
    display: block;
    background: #475f6b;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
  }
  #logo {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
  }
  #logo img {
    height: 112px;
    width: auto;
    display: block;
    -webkit-transition: height 300ms ease;
    -moz-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease;
  }
  #phones {
    position: absolute;
    left: 84px;
    top: 5px;
    text-align: left;
    padding-right: 6px;
    line-height: 19px;
  }
  #phones:before {
    content: "F";
    font-family: 'dTest';
    font-size: 24px;
    position: absolute;
    width: 34px;
    left: -34px;
    top: 0;
    line-height: 38px;
    color: #333333;
  }
  #phones .nomob,
  #phones .opening {
    display: none;
  }
  #phones .phone {
    font-weight: bold;
    color: #da202b;
  }
  #lang {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 80px;
    text-align: center;
    font-size: 13px;
    color: #acc0cb;
  }
  #lang li {
    display: inline;
  }
  #lang li:before {
    content: "|";
    margin: 0 5px 0 3px;
  }
  #lang li:first-child:before {
    content: "";
    margin: 0;
    display: none;
  }
  #lang li a {
    color: #acc0cb;
    text-decoration: none;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
  }
  #lang li a:hover,
  #lang li a.active {
    color: #333333;
  }
}
@media all and (min-width: 100px) {
  #header {
    height: 164px;
    -webkit-transition: height 300ms ease;
    -moz-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease;
  }
  #header:after {
    display: none;
  }
  .stick_menu #header {
    height: 119px;
  }
  .stick-line {
    content: "";
    height: 59px;
    border-top: 45px solid #fff;
    display: block;
    background: #475f6b;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 1;
  }
  .stick_menu .stick-line {
    position: fixed !important;
    top: -45px !important;
  }
  .no-main-menu .stick-line {
    height: 0;
    overflow: hidden;
    visibility: hidden;
  }
  #logo {
    position: fixed;
  }
  #logo img {
    height: 164px;
  }
  .page-compare.stick_compare #logo img {
    width: 28px;
    height: 59px;
    -webkit-transition: height 300ms ease;
    -moz-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease;
  }
  #phones {
    left: 74px;
    top: 5px;
    right: 80px;
    padding-right: 0;
  }
  #phones:before {
    display: none;
  }
  #phones li {
    display: inline-block;
    padding-left: 21px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    font-size: 12px;
  }
  #phones li:before {
    content: "F";
    font-family: 'dTest';
    font-size: 17px;
    height: 17px;
    position: absolute;
    left: 2px;
    bottom: -2px;
  }
  #phones li .nomob,
  #phones li .opening {
    display: inline;
  }
  #lang {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 80px;
    text-align: center;
    font-size: 13px;
    color: #acc0cb;
  }
  #lang li {
    display: inline;
  }
  #lang li:before {
    content: "|";
    margin: 0 5px 0 3px;
  }
  #lang li:first-child:before {
    content: "";
    margin: 0;
    display: none;
  }
  #lang li a {
    color: #acc0cb;
    text-decoration: none;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
  }
  #lang li a:hover,
  #lang li a.active {
    color: #333333;
  }
  .no-main-menu #header {
    height: 103px;
    border-bottom: 1px solid #ced4d8;
  }
}
@media all and (min-width: 100px) {
  #phones li {
    font-size: 14px;
  }
}
@media all and (min-width: 100px) {
  #phones {
    left: 64px;
    right: 64px;
    padding: 0 20px;
    max-width: 1260px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (min-width: 100px) {
  #logo {
    left: 0;
    right: 50%;
    margin-right: 630px;
  }
  #logo img {
    float: right;
    width: 100%;
    height: auto;
    max-width: 100px;
    -webkit-transition: max-width 300ms ease;
    -moz-transition: max-width 300ms ease;
    -o-transition: max-width 300ms ease;
    transition: max-width 300ms ease;
  }
  #phones {
    left: 50%;
    right: 50%;
    margin: 0 -630px;
  }
  #lang {
    right: 50%;
    margin-right: -630px;
  }
  .stick_menu  #logo img,
  .stick_menu_order  #logo img {
    max-width: 69px;
    height: auto;
  }
}
@media all {
  #footer {
    border-top: 1px solid #aabdc7;
    background: #b9ccd9 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAW0lEQVQYV2Ncd+DMf24eXgYQ+PrlMwOMDRZAEmPceebmf5ACEMClCCQHVojNNHTNcIXIipGdAGOjKMTnTkZsnsHmKZyeQVcMV4jNx8ghgWI1ethhhCNMAT7PAAADlGBln7pWwgAAAABJRU5ErkJggg==') repeat;
  }
  #footer:before {
    content: "";
    display: block;
    height: 1px;
    background: rgba(255, 255, 255, 0.36);
  }
  #footer .fb-nav {
    display: none;
  }
  #footer #fb-box {
    display: none;
    max-width: 500px;
  }
  #footer .nav-group {
    border-bottom: 1px solid rgba(96, 122, 136, 0.3);
    text-align: left;
  }
  #footer .nav-group .fb-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #5a7482;
    padding: 10px 0 10px;
  }
  #footer .nav-group .fb-title span {
    font-size: 114.286%;
  }
  .no-js #footer .nav-group .nav-title {
    display: block;
    padding: 10px 20px 5px;
    font-size: 114.286%;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #5a7482;
  }
  .no-js #footer .nav-group .nav-title span {
    display: inline-block;
  }
  .no-js #footer .nav-group .nav-content {
    padding: 0 20px 8px;
  }
  .no-js #footer .nav-group .nav-content li {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .no-js #footer .nav-group .nav-content a {
    display: block;
    color: #333333;
  }
  .js #footer .nav-group .nav-title a {
    display: block;
    padding: 10px 20px 10px;
    font-size: 114.286%;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #5a7482;
    text-decoration: none;
  }
  .js #footer .nav-group .nav-title a span {
    display: inline-block;
    padding-right: 26px;
    position: relative;
  }
  .js #footer .nav-group .nav-title a span:after {
    content: "l";
    font-family: 'dTest';
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
  }
  .js #footer .nav-group .nav-content {
    padding: 0 20px 8px;
  }
  .js #footer .nav-group .nav-content li {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .js #footer .nav-group .nav-content a {
    display: inline-block;
    color: #333333;
  }
  .js #footer .nav-group.ca-expanded .nav-title a span:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  #footer .nav-group .nav-content li {
    line-height: 1.3;
  }
  #footer .nav-group .nav-content a:hover {
    text-decoration: none;
  }
  #footer .nav-group .nav-content .arrows {
    margin-top: 0;
  }
  #footer .nav-group .nav-content .arrows li {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  #footer .nav-group .nav-content form p {
    margin: 6px 0;
  }
  #footer .nav-group .nav-content form .inp-text {
    max-width: 180px;
  }
  #footer .app-touch .app {
    margin: 0;
    border-bottom: 1px solid rgba(96, 122, 136, 0.3);
    text-align: left;
  }
  #footer .app-touch .app a {
    display: block;
    padding: 10px 20px 10px;
    font-size: 114.286%;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color: #5a7482;
    text-decoration: none;
  }
  #footer .app-touch .app a span {
    display: inline-block;
    padding-right: 26px;
    position: relative;
  }
  #footer .app-touch .app a span:after {
    content: "l";
    font-family: 'dTest';
    font-size: 10px;
    font-weight: normal;
    top: 50%;
    margin-top: -8px;
    position: absolute;
    right: 0;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
  }
  #footer .app-touch .touch {
    font-size: 92.857%;
    padding: 10px 0;
    height: 54px;
    line-height: 54px;
  }
  #footer .app-touch .touch ul {
    display: inline-block;
    height: 54px;
    vertical-align: middle;
    margin-left: 6px;
  }
  #footer .app-touch .touch ul li {
    display: inline-block;
    margin: 0 2px;
    padding: 0;
  }
  #footer .app-touch .touch ul a {
    text-decoration: none;
  }
  #footer .app-touch .touch ul a:before {
    font-family: 'dTest';
    font-size: 23px;
  }
  #footer .app-touch .touch ul a span {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }
  #footer .app-touch .touch ul .rss a:before {
    content: "b";
    color: #e77010;
  }
  #footer .app-touch .touch ul .fb a:before {
    content: "c";
    color: #44619c;
  }
  #footer .app-touch .touch ul .tw a:before {
    content: "d";
    color: #2eadf6;
  }
  #footer .f-contacts {
    margin: 0;
    text-align: left;
    font-size: 92.857%;
    padding: 0 20px;
    line-height: 1.3;
  }
  #footer .f-contacts a {
    color: #333333;
  }
  #footer .f-copy {
    font-size: 92.857%;
    padding: 20px;
    text-align: center;
    line-height: 1.3;
    color: #5a7482;
    margin: 0;
  }
}
@media all and (min-width: 100px) {
  #footer .fb-nav {
    display: block;
    margin-left: 25px;
  }
  #footer .fb-nav .fb-title {
    padding-top: 10px;
    display: block;
  }
  #footer .fb-nav .fb-title span {
    position: relative;
  }
  #footer .fb-nav .fb-title span:after {
    content: "";
    width: 30px;
    height: 3px;
    background: #5a7482;
    position: absolute;
    right: auto;
    left: 0;
    bottom: -3px;
    top: auto;
    margin: 0;
  }
  #footer .fb-nav #fb-box {
    margin: 5px auto;
  }
  #footer #fb-box {
    display: block;
    min-height: 222px;
    margin: 1.5em auto;
    position: relative;
    z-index: 0;
  }
  #footer #fb-box > div {
    z-index: 0;
  }
  #footer #footer-nav {
    letter-spacing: -0.34em;
    padding-top: 1em;
    text-align: left;
  }
  #footer .nav-group {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    letter-spacing: normal;
    border: 0;
    margin-bottom: 1em;
  }
  .js #footer .nav-group .nav-title a {
    cursor: default;
  }
  .js #footer .nav-group .nav-title a span {
    padding-right: 0;
  }
  .js #footer .nav-group .nav-title a span:after {
    content: "";
    width: 30px;
    height: 3px;
    background: #5a7482;
    right: auto;
    left: 0;
    bottom: -1px;
    top: auto;
    margin: 0;
  }
  .js #footer .nav-group .nav-content {
    display: block !important;
    height: auto !important;
  }
  .js #footer .nav-group.ca-expanded .nav-title a span:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .no-js #footer .nav-group .nav-title {
    padding-bottom: 10px;
  }
  .no-js #footer .nav-group .nav-title span {
    display: inline-block;
    padding-right: 0;
    position: relative;
  }
  .no-js #footer .nav-group .nav-title span:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    background: #5a7482;
    left: 0;
    bottom: -1px;
  }
  #footer .app-touch {
    border-top: 2px solid rgba(90, 116, 130, 0.2);
    border-bottom: 2px solid rgba(90, 116, 130, 0.2);
    padding: 0;
    height: 54px;
    line-height: 54px;
    position: relative;
    margin: 0 auto 1em;
  }
  #footer .app-touch:before,
  #footer .app-touch:after {
    content: " ";
    display: table;
  }
  #footer .app-touch:after {
    clear: both;
  }
  #footer .app-touch .app {
    border: 0;
    text-align: center;
  }
  #footer .app-touch .app a {
    display: inline-block;
    padding: 0 0 0 30px;
    position: relative;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
  }
  #footer .app-touch .app a:before {
    content: "L";
    font-family: 'dTest';
    font-size: 26px;
    position: absolute;
    left: 0;
  }
  #footer .app-touch .app a span {
    position: static;
    padding-right: 0;
  }
  #footer .app-touch .app a span:after {
    display: none;
  }
  #footer .app-touch .app a:hover {
    color: #333333;
  }
  #footer .app-touch .touch {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
  }
}
@media all and (min-width: 100px) {
  #footer .footer-in {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 20px 0 74px;
  }
  #footer #footer-nav {
    margin: 0 -20px;
  }
  #footer .fb-nav {
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
  }
  .js #footer .nav-group .nav-title {
    font-size: 135.714%;
  }
  .no-js #footer .nav-group .nav-title {
    font-size: 135.714%;
  }
  #footer .nav-group li {
    font-size: 92.857%;
  }
  #footer .f-bottom {
    padding-bottom: 3em;
  }
  #footer .f-bottom:before,
  #footer .f-bottom:after {
    content: " ";
    display: table;
  }
  #footer .f-bottom:after {
    clear: both;
  }
  #footer .f-bottom .f-contacts {
    padding: 0;
    float: left;
    width: 73%;
    text-align: left;
  }
  #footer .f-bottom .f-copy {
    padding: 0;
    float: right;
    width: 27%;
    text-align: right;
  }
}
@media all and (min-width: 100px) {
  #footer .nav-group {
    width: 20%;
  }
  .js #footer .nav-group .nav-content li {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .no-js #footer .nav-group .nav-content li {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
@media all and (min-width: 100px) {
  #footer .footer-in {
    margin: 0 auto;
    padding: 0 64px;
    max-width: 1220px;
  }
}
@media all and (max-width: 799px) {
  .menu-box .ext:after {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 0;
    margin-left: 5px;
  }
  .menu-box .box-control {
    position: absolute;
    width: 69px;
    height: 63px;
    left: 43px;
    top: 49px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    z-index: 82;
  }
  .menu-box .box-control a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 63px;
    position: relative;
    padding-top: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  .menu-box .box-control a:before {
    content: "A";
    font-family: 'dTest';
    font-size: 23px;
    height: 24px;
    line-height: 1;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
  }
  .menu-box.ca-expanded .box-control a {
    background: #28353c;
  }
  .menu-box.ca-expanded .box-control a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #28353c transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
  }
  .menu-box .menu {
    width: 237px;
    position: absolute;
    top: 112px;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #5c7785;
    box-shadow: inset -3px 3px 8px rgba(4, 4, 4, 0.26);
    z-index: 81;
  }
  .csstransforms3d.csstransitions .menu-box .menu {
    left: 0;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transform: translate3d(-237px, 0px, 0px);
    -moz-transform: translate3d(-237px, 0px, 0px);
    -ms-transform: translate3d(-237px, 0px, 0px);
    -o-transform: translate3d(-237px, 0px, 0px);
    transform: translate3d(-237px, 0px, 0px);
  }
  .menu-opened .menu-box .menu {
    left: 0;
  }
  .csstransforms3d.csstransitions .menu-opened .menu-box .menu {
    left: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  .menu-box .menu a {
    position: relative;
    display: block;
    padding: 13px 45px 13px 20px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    height: auto !important;
    font-family: 'Oswald', sans-serif;
    text-align: left;
  }
  .menu-box .menu .as-btn a {
    background: #008ac9;
  }
  .menu-box .menu li {
    border-bottom: 1px solid #4d6571;
  }
  .menu-box .menu .hasSub > a:after,
  .menu-box .title a:before {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 35px;
    height: 14px;
    line-height: 14px;
    margin-top: -7px;
    content: "i";
    font-family: 'dTest';
    font-size: 10px;
  }
  .menu-box .side {
    display: none;
  }
  .menu-box .title a {
    text-align: center;
    padding-left: 45px;
    color: #88b6cd;
  }
  .menu-box .title a:before {
    content: 'q';
    right: auto;
    left: 20px;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
  }
  .menu-box .title a:before {
    right: auto;
    left: 10px;
    background-position: -75px 0;
  }
  .menu-box .level-1,
  .menu-box .level-2 {
    background: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .menu-box .level-1 {
    position: relative;
  }
  .menu-box .on-level-2.level-1 {
    left: -100%;
    height: 0;
  }
  .menu-box .level-2 {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    display: none;
  }
  .menu-box .level-2.active {
    display: block;
  }
  .menu-box .menu-add,
  .menu-box .level-3,
  .menu-box .more,
  .menu-box .group-text .content,
  .menu-box .cross-menu .img,
  .menu-box .cross-menu .content {
    display: none;
  }
  .menu-box .cross-menu .title {
    margin-bottom: 0;
  }
  .csstransforms3d.csstransitions .menu-box .level-1 {
    left: 0 !important;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
  }
}
@media all and (min-width: 100px) {
  .menu-box {
    position: absolute;
    top: 105px;
    left: 64px;
    right: 0;
    z-index: 1;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .menu-box .box-control {
    display: none;
  }
  .menu-box .level-1 {
    letter-spacing: -0.34em;
    transform: none !important;
  }
  .menu-box .level-1 > li {
    display: inline-block;
    vertical-align: top;
    height: 59px;
    border-right: 1px solid #6a7d87;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .menu-box .level-1 > li > a {
    letter-spacing: normal;
    display: block;
    height: 59px;
    padding: 0 10px;
    line-height: 58px;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 14px;
    position: relative;
    -webkit-transition: background 300ms ease 150ms;
    -moz-transition: background 300ms ease 150ms;
    -o-transition: background 300ms ease 150ms;
    transition: background 300ms ease 150ms;
  }
  .menu-box .level-1 > li > a span {
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  .menu-box .level-1 > li > a:hover {
    background: #28353c;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .menu-box .level-1 > li:hover > a {
    background: #28353c;
  }
  .menu-box .level-1 > li.as-btn {
    border-right: none;
    height: auto;
    position: absolute;
    right: 0;
    top: 11px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    max-width: none;
  }
  .menu-box .level-1 > li.as-btn > a {
    height: 36px;
    padding: 0;
    line-height: 33px;
    font-family: 'Oswald', sans-serif;
    background: #008ac9;
    border-radius: 3px;
    text-align: center;
  }
  .menu-box .level-1 > li.as-btn > a span {
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }
  .menu-box .level-1 > li.as-btn > a:hover {
    background: #0074ab;
  }
  .menu-box .level-1 > li.hasSub > a span {
    padding-right: 17px;
  }
  .menu-box .level-1 > li.hasSub > a span:after {
    content: "l";
    font-family: 'dTest';
    font-size: 10px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    line-height: 16px;
    right: 0;
    -webkit-transition: opacity 300ms ease 150ms;
    -moz-transition: opacity 300ms ease 150ms;
    -o-transition: opacity 300ms ease 150ms;
    transition: opacity 300ms ease 150ms;
  }
  .menu-box .level-1 > li.hasSub > a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #28353c transparent transparent transparent;
    position: absolute;
    top: 100%;
    right: 15px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 0s linear 150ms;
    -moz-transition: opacity 0s linear 150ms;
    -o-transition: opacity 0s linear 150ms;
    transition: opacity 0s linear 150ms;
  }
  .menu-box .level-1 > li.hasSub > a:hover span:after {
    opacity: 0;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .menu-box .level-1 > li.hasSub > a:hover:after {
    opacity: 1;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .menu-box .level-1 > li.hasSub:hover > a span:after {
    opacity: 0;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .menu-box .level-1 > li.hasSub:hover > a:after {
    opacity: 1;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .menu-box .level-1 > li.hasSub > .sub {
    letter-spacing: normal;
    position: absolute;
    left: 0;
    right: 0;
    top: 59px;
    z-index: 0;
    /* width:415px;*/
    padding: 20px 8px;
    background: #405560;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    visibility: hidden;
    box-shadow: 0 10px 10px rgba(4, 4, 4, 0.39);
    -webkit-transition: visibility 0s linear 150ms;
    -moz-transition: visibility 0s linear 150ms;
    -o-transition: visibility 0s linear 150ms;
    transition: visibility 0s linear 150ms;
  }
  .menu-box .level-1 > li.hasSub > .sa {
    visibility: visible;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .menu-box .level-1 > li.hasSub:hover > .sub,
  .menu-box .level-1 > li.hasSub.jsHover > .sub,
  .menu-box .level-1 > li.hasSub.touchHover > .sub {
    visibility: visible;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
  }
  .menu-box .more {
    margin-bottom: 0;
  }
  .menu-box .more:after {
    display: none;
  }
  .menu-box .more a {
    font-size: 12px;
    color: #82c7e7;
    text-decoration: none;
  }
  .menu-box .more a:hover {
    text-decoration: underline;
  }
  .menu-box .group-text .content {
    color: #fff;
    font-size: 12px;
    margin-bottom: 0;
  }
  .is-menu-btn .menu-box {
    padding-right: 128px;
  }
  .is-menu-btn .menu-box .level-1 > li {
    max-width: 20%;
  }
  .is-menu-btn .menu-box .level-1 > li.as-btn {
    max-width: none;
    width: 128px;
  }
  .is-menu-btn .menu-box .item-count-7 > li {
    max-width: 16.667%;
  }
  .stick_menu .menu-box {
    padding-right: 186px;
    position: fixed;
    top: 0;
  }
  .stick_menu .menu-box .level-1 > li {
    max-width: 16.667%;
  }
  .stick_menu .menu-box .level-1.item-count-7 > li {
    max-width: 14.2%;
  }
  .stick_menu.is-hidden-compare .menu-box {
    padding-right: 124px;
  }
  .stick_menu.is-menu-btn .menu-box {
    padding-right: 286px;
  }
  .stick_menu.is-menu-btn .menu-box .level-1 > li {
    max-width: 20%;
  }
  .stick_menu.is-menu-btn .menu-box .level-1 > li.as-btn {
    right: 186px;
    max-width: none !important;
    width: 100px !important;
  }
  .stick_menu.is-menu-btn .menu-box .level-1.item-count-7 > li {
    max-width: 16.667%;
  }
  .stick_menu.is-hidden-compare.is-menu-btn .menu-box {
    padding-right: 224px;
  }
  .stick_menu.is-hidden-compare.is-menu-btn .menu-box .level-1 > li.as-btn {
    right: 124px;
  }
  .menu-box .level-2 {
    transform: none !important;
    letter-spacing: -0.34em;
    margin-bottom: -30px;
  }
  .menu-box .level-2 > li {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px;
    margin-bottom: 30px;
    letter-spacing: normal;
    line-height: 1.3em;
  }
  .menu-box .level-2 > li > a {
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
  }
  .menu-box .level-2 > li > a:hover {
    color: #92aebd;
    text-decoration: underline;
  }
  .menu-box .level-2 > li.title {
    display: none;
  }
  .menu-box .level-3 > li > a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
  }
  .menu-box .level-3 > li > a:hover {
    color: #92aebd;
  }
  .menu-box .menu-add {
    display: none;
  }
  .menu-box .cross-menu {
    margin-bottom: -30px;
  }
  .menu-box .cross-menu li {
    line-height: 1.3em;
    margin-bottom: 30px;
  }
  .menu-box .cross-menu a {
    display: block;
    padding-left: 110px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
  }
  .menu-box .cross-menu a:hover .name {
    color: #92aebd;
  }
  .menu-box .cross-menu .img {
    float: left;
    margin: 2px 0 0 -110px;
    width: 100px;
    display: block;
  }
  .menu-box .cross-menu .img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .menu-box .cross-menu .name {
    text-decoration: underline;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  .menu-box .cross-menu .title {
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    margin: 0;
    text-decoration: none;
  }
  .menu-box .level-2.cross-menu > li > a {
    color: #fff;
    font-size: 12px;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
  }
  .menu-box .level-2.cross-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
  }
}
@media all and (min-width: 100px) {
  .menu-box {
    left: 64px;
  }
  .menu-box .menu {
    max-width: 1260px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .menu-box .level-1 > li > a {
    padding: 0 20px;
  }
  .menu-box .level-1 > li.as-btn {
    right: -128px;
  }
  .menu-box .level-1 > li.hasSub > .sub {
    padding: 30px 20px;
    max-width: 1260px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .menu-box .level-2 > li {
    width: 25%;
  }
  .menu-box .sub-split .level-2 > li.group-text,
  .menu-box .level-2.cross-menu > li {
    width: 33.3%;
  }
  .is-menu-btn .menu-box .level-1 > li {
    max-width: none;
  }
  .is-menu-btn .menu-box .item-count-5 > li {
    max-width: none;
  }
  .is-menu-btn .menu-box .item-count-7 > li {
    max-width: none;
  }
  .stick_menu .menu-box .level-1 > li {
    max-width: none;
  }
  .stick_menu .menu-box .menu {
    position: static;
  }
}
@media all and (min-width: 100px) {
  .menu-box {
    right: 64px;
  }
  .menu-box .menu {
    position: static;
  }
  .menu-box .level-1 > li.as-btn {
    right: -50px;
  }
  .menu-box .level-1 > li.hasSub > .sub.sub-split {
    padding-right: 300px;
  }
  .menu-box .level-1 > li.hasSub > .sub.sub-split:before,
  .menu-box .level-1 > li.hasSub > .sub.sub-split:after {
    content: " ";
    display: table;
  }
  .menu-box .level-1 > li.hasSub > .sub.sub-split:after {
    clear: both;
  }
  .menu-box .level-1 > li.hasSub > .sub.sub-split:before {
    content: "";
    position: absolute;
    right: 300px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #576d78;
    display: block;
  }
  .menu-box .level-2 {
    float: left;
    width: 100%;
  }
  .menu-box .menu-add {
    float: right;
    margin-right: -280px;
    width: 260px;
    display: block;
  }
  .menu-box .menu-add h3 {
    margin-top: 0;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .is-menu-btn .menu-box .level-1 > li.as-btn {
    right: -64px;
  }
  .stick_menu .menu-box .level-1 > li {
    max-width: none;
  }
  .stick_menu .menu-box .level-1.item-count-5 > li {
    max-width: none;
  }
  .stick_menu .menu-box .level-1.item-count-7 > li {
    max-width: none;
  }
  .stick_menu.is-menu-btn .menu-box {
    padding-right: 124px;
  }
  .stick_menu.is-menu-btn .menu-box .level-1 > li {
    max-width: none;
  }
  .stick_menu.is-menu-btn .menu-box .level-1 > li.as-btn {
    right: 124px;
    width: 124px !important;
  }
  .stick_menu.is-menu-btn .menu-box .level-1.item-count-5 > li {
    max-width: none;
  }
  .stick_menu.is-menu-btn .menu-box .level-1.item-count-7 > li {
    max-width: none;
  }
  .stick_menu.is-menu-btn.is-hidden-compare .menu-box .level-1 > li {
    max-width: none;
  }
  .stick_menu.is-menu-btn.is-hidden-compare .menu-box .level-1 > li.as-btn {
    right: 62px;
  }
}
@media all and (min-width: 100px) {
  .menu-box .menu {
    position: relative;
    padding-right: 124px;
  }
  .is-menu-btn .menu-box {
    padding-right: 0;
  }
  .is-menu-btn .menu-box .level-1 > li.as-btn {
    right: 0;
  }
  .stick_menu .menu-box {
    left: 50%;
    right: 50%;
    padding-right: 240px;
    margin-left: -630px;
    margin-right: -630px;
  }
  .stick_menu.is-menu-btn .menu-box .level-1 > li.as-btn {
    right: 240px;
  }
  .stick_menu.is-menu-btn.is-hidden-compare .menu-box .level-1 > li.as-btn {
    right: 178px;
  }
}
@media all {
  #outer-wrap {
    width: 100%;
    overflow: hidden;
  }
  .inner-wrap {
    padding: 1em 10px;
    text-align: left;
  }
  .inner-wrap:before,
  .inner-wrap:after {
    content: " ";
    display: table;
  }
  .inner-wrap:after {
    clear: both;
  }
  .inner-wrap.iw-nop {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .inner-wrap.iw-nopt {
    padding-top: 0 !important;
  }
  .inner-wrap.iw-nopb {
    padding-bottom: 0 !important;
  }
  .inner-wrap + .inner-wrap {
    margin-top: 2em;
  }
  .inner-wrap + .inner-wrap:before,
  .inner-wrap.iw-bt:before {
    margin: -1.7em -10px 1.7em;
    content: "";
    display: block;
    height: 1px;
    background: #e4ecf2;
  }
  .inner-wrap + .page-part {
    border-top: 1px solid #e4ecf2;
    padding: 1.5em 0 2em;
  }
  .page-part {
    position: relative;
    z-index: 0;
    padding: .7em 0 2em;
  }
  .page-part:hover {
    z-index: 1;
  }
  .page-part > p {
    padding-left: 10px;
    padding-right: 10px;
  }
  .page-part .inner-wrap {
    position: relative;
    z-index: 1;
  }
  .page-part.page-part-blue {
    overflow: hidden;
  }
  .page-part.page-part-blue:after {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 244px;
    background-color: #f7fbfd;
    background: -webkit-linear-gradient(top, #fff 0%, #eff6fb 100%);
    background: -moz-linear-gradient(top, #fff 0%, #eff6fb 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eff6fb 100%);
    background: -o-linear-gradient(top, #fff 0%, #eff6fb 100%);
    background: linear-gradient(top, #fff 0%, #eff6fb 100%);
  }
  .page-part.pp-bb {
    border-bottom: 1px solid #e4ecf2;
  }
  .page-part.pp-nobt {
    border-top: 0;
  }
  .page-part.pp-nop {
    padding-top: 0 !important;
  }
  .page-part.pp-nopb {
    padding-bottom: 0 !important;
  }
  .page-part.page-part-gray {
    background-color: #f2f4f7;
    background: -webkit-linear-gradient(top, #fafbfd 0%, #e9edf0 100%);
    background: -moz-linear-gradient(top, #fafbfd 0%, #e9edf0 100%);
    background: -ms-linear-gradient(top, #fafbfd 0%, #e9edf0 100%);
    background: -o-linear-gradient(top, #fafbfd 0%, #e9edf0 100%);
    background: linear-gradient(top, #fafbfd 0%, #e9edf0 100%);
  }
  .page-part.page-part-dark {
    background: #e4edf4;
    border-top: 0;
  }
  .page-part.page-part-dark2 {
    background: #f4f8fb;
    border-top: 0;
  }
  .page-part.mb {
    margin-bottom: 2.5em;
  }
  .page-part + .page-part {
    border-top: 1px solid #e4ecf2;
    padding: 1.5em 0 2em;
  }
  .col-side .tags {
    margin-bottom: 1.5em;
  }
  .col-side #side-stick-btn {
    width: auto !important;
  }
}
@media all and (max-width: 799px) {
  .menu-opened #page-wrap {
    position: fixed;
    left: 0;
    right: 0;
  }
  .csstransforms3d.csstransitions #page-wrap #main,
  .csstransforms3d.csstransitions #page-wrap footer {
    left: 0;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transform: translate3d(0, 0px, 0px);
    -moz-transform: translate3d(0, 0px, 0px);
    -ms-transform: translate3d(0, 0px, 0px);
    -o-transform: translate3d(0, 0px, 0px);
    transform: translate3d(0, 0px, 0px);
  }
  .menu-opened #page-wrap #main,
  .menu-opened #page-wrap footer {
    position: relative;
    left: 237px;
  }
  .csstransforms3d.csstransitions .menu-opened #page-wrap #main,
  .csstransforms3d.csstransitions .menu-opened #page-wrap footer {
    left: 0;
    -webkit-transform: translate3d(237px, 0px, 0px);
    -moz-transform: translate3d(237px, 0px, 0px);
    -ms-transform: translate3d(237px, 0px, 0px);
    -o-transform: translate3d(237px, 0px, 0px);
    transform: translate3d(237px, 0px, 0px);
  }
}
@media all and (min-width: 100px) {
  .stick_info_col #page-wrap #main {
    transform: none !important;
  }
}
@media all and (max-width: 799px) {
  #ca-overlay {
    position: fixed;
    top: 112px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
  }
}
@media all and (min-width: 100px) {
  .inner-wrap {
    padding-left: 74px;
    max-width: 1220px;
  }
  .inner-wrap + .inner-wrap:before,
  .inner-wrap.iw-bt:before {
    margin: -1.7em -20px 1.7em;
  }
  .inner-wrap.article {
    max-width: 1040px;
  }
  .inner-wrap.article-wide {
    max-width: 1100px;
  }
  .inner-wrap.hp {
    max-width: 1100px;
  }
}
@media all and (min-width: 100px) {
  .inner-wrap {
    margin: 0 auto;
    padding: 1em 64px;
  }
  .inner-wrap.article {
    max-width: 1040px;
    padding: 1em 244px 1em 64px;
  }
  .inner-wrap.article-wide {
    max-width: 1100px;
    padding: 1em 184px 1em 64px;
  }
  .inner-wrap.hp {
    max-width: 1100px;
    padding: 1em 184px 1em 64px;
  }
}
@media all and (min-width: 100px) {
  .page-part {
    padding: 1.5em 0 2em;
  }
  .page-part > p {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-part + .page-part {
    padding: 3em 0 2em;
  }
}
@media all and (min-width: 100px) {
  .page-part {
    padding: 2em 0 3.5em;
  }
  .page-part + .page-part {
    padding: 3em 0 3.5em;
  }
}
@media all and (min-width: 100px) {
  .col-content {
    width: 77.05%;
    max-width: 940px;
    float: left;
    padding-bottom: 2em;
  }
  .inverted-cols .col-content {
    float: right;
  }
  .article .col-content {
    width: 73.077%;
    max-width: 760px;
  }
}
@media all and (min-width: 100px) {
  .article p {
    max-width: 790px;
  }
  .article p.center {
    margin-left: auto;
    margin-right: auto;
  }
  .article .col-content p {
    max-width: 760px;
    overflow: hidden;
  }
}
@media all and (min-width: 100px) {
  .col-side {
    width: 22.95%;
    max-width: 280px;
    float: right;
    padding-bottom: 2em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
  }
  .inverted-cols .col-side {
    float: left;
    padding-left: 0;
    padding-right: 20px;
  }
  .article .col-side {
    width: 25%;
    max-width: 260px;
  }
}
@media all {
  #search-box .box-control {
    position: absolute;
    width: 62px;
    height: 63px;
    right: 62px;
    top: 49px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    z-index: 82;
  }
  #search-box .box-control a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 63px;
    position: relative;
    padding-top: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  #search-box .box-control a:before {
    content: "a";
    font-family: 'dTest';
    font-size: 30px;
    height: 24px;
    line-height: 1;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
  }
  .is-hidden-compare #search-box .box-control {
    right: 62px;
  }
  #search-box.ca-expanded .box-control a {
    background: #28353c;
  }
  #search-box.ca-expanded .box-control a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #28353c transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
  }
  #search-box .box-content {
    position: absolute;
    z-index: 1;
    height: 0;
    top: 112px;
    left: 0;
    right: 0;
    background: #5c7785;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 300ms ease;
    -moz-transition: height 300ms ease;
    -o-transition: height 300ms ease;
    transition: height 300ms ease;
  }
  #search-box .box-content p {
    padding: 20px 105px 20px 20px;
  }
  #search-box .box-content .inp-text {
    border-width: 2px;
    width: 100%;
  }
  #search-box .box-content .btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 75px;
    padding: 0;
  }
  #search-box.ca-expanded .box-content {
    height: 76px;
  }
}
@media all and (min-width: 100px) {
  #search-box .box-control {
    display: none;
  }
  #search-box .box-content {
    top: 45px;
    left: 74px;
    right: 40%;
    max-width: 606px;
    height: auto;
    display: block;
    background: none;
  }
  #search-box .box-content p {
    padding: 0 80px 0 0;
  }
  #search-box .box-content .btn {
    top: 0;
    right: 0;
  }
  #search-box.ca-expanded .box-content {
    height: auto;
  }
  .stick_menu #search-box {
    position: fixed;
    top: 0;
    right: 62px;
    left: auto;
    width: 62px;
    height: 59px;
    z-index: 1;
  }
  .stick_menu #search-box .box-control {
    height: 59px;
    width: 62px;
    display: block;
    left: 0;
    top: 0;
  }
  .stick_menu #search-box .box-control a {
    padding: 3px 0 0;
    height: 59px;
    color: #fff;
    line-height: 1.7;
    text-align: center;
  }
  .stick_menu #search-box .box-control a:before {
    height: 53px;
    width: auto;
    font-size: 32px;
    display: block;
    margin: 0;
    text-align: center;
    color: #fff;
    position: static;
    line-height: 53px;
    padding-top: 3px;
  }
  .stick_menu #search-box .box-control a span {
    display: none;
  }
  .stick_menu #search-box .box-content {
    top: 59px;
    left: auto;
    right: -100px;
    width: 550px;
    height: 0;
    background: #5c7785;
  }
  .stick_menu #search-box .box-content p {
    padding: 20px 125px 20px 40px;
  }
  .stick_menu #search-box .box-content .btn {
    right: 40px;
    top: 20px;
  }
  .stick_menu #search-box.ca-expanded .box-content {
    height: 76px;
  }
  .stick_menu.is-hidden-compare #search-box {
    right: 62px;
  }
}
@media all and (min-width: 100px) {
  #search-box .box-content p {
    position: relative;
  }
  #search-box .box-content p:before {
    content: "a";
    font-family: 'dTest';
    display: block;
    height: 26px;
    width: 44px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 2px;
    line-height: 26px;
    text-align: center;
    font-size: 26px;
    color: #8aa5b3;
  }
  #search-box .box-content .inp-text {
    padding-left: 44px;
  }
  .stick_menu #search-box .box-content p:before {
    left: 42px;
  }
}
@media all and (min-width: 100px) {
  #search-box .box-content {
    left: 64px;
    right: 64px;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #search-box .box-content p {
    position: relative;
    max-width: 40%;
  }
  .stick_menu #search-box .box-content {
    padding: 0;
  }
  .stick_menu #search-box .box-content p {
    max-width: none;
  }
}
@media all and (min-width: 100px) {
  #search-box .box-content {
    left: 50%;
    right: 50%;
    margin: 0 -630px;
  }
  .stick_menu #search-box {
    right: 50%;
    margin-right: -452px;
  }
  .stick_menu #search-box .box-content {
    left: auto;
    right: -140px;
    margin: 0;
    padding: 0;
  }
  .stick_menu.is-hidden-compare #search-box {
    right: 50%;
    margin-right: -514px;
  }
}
@media all {
  #compare-box .box-control {
    position: absolute;
    width: 62px;
    height: 63px;
    right: 124px;
    top: 49px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    z-index: 82;
  }
  #compare-box .box-control a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 63px;
    position: relative;
    padding-top: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  #compare-box .box-control a:before {
    content: "t";
    font-family: 'dTest';
    font-size: 30px;
    height: 24px;
    line-height: 1;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
  }
  #compare-box .box-control .count {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 10px;
    background: #008ac9;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
  }
  #compare-box.ca-expanded .box-control a {
    background: #28353c;
  }
  #compare-box.ca-expanded .box-control a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #28353c transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
  }
  #compare-box .box-content {
    position: absolute;
    top: 112px;
    right: 0;
    display: none;
    width: 230px;
    background: #5c7785;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
  }
  #compare-box .box-content p {
    padding: 30px 20px;
    margin: 0;
  }
  #pseudoCompareBox {
    position: absolute;
  }
}
@media all and (min-width: 100px) {
  #compare-box {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 20px;
  }
  #compare-box .box-control {
    position: static;
    height: 36px;
    width: auto;
    font-size: 13px;
  }
  #compare-box .box-control a {
    color: #59737f;
    height: 36px;
    padding: 0 20px 0 50px;
    line-height: 36px;
    width: auto;
    z-index: 1;
    position: relative;
  }
  #compare-box .box-control a:before {
    height: 36px;
    line-height: 36px;
    width: 50px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    text-align: center;
    color: #8aa5b3;
  }
  #compare-box .box-control .count {
    right: auto;
    left: 5px;
  }
  #compare-box .box-content {
    top: 36px;
  }
  #compare-box.ca-expanded .box-control a {
    color: #fff;
  }
  #compare-box.ca-expanded .box-control a:before {
    color: #fff;
  }
  .stick_menu #compare-box {
    position: absolute;
    top: 0;
    right: 124px;
  }
  .stick_menu #compare-box .box-control {
    height: 59px;
    width: 62px;
  }
  .stick_menu #compare-box .box-control a {
    padding: 0;
    height: 59px;
    color: #fff;
    line-height: 1.7;
    text-align: center;
  }
  .stick_menu #compare-box .box-control a:before {
    height: 59px;
    width: auto;
    font-size: 30px;
    display: block;
    margin: 0;
    text-align: center;
    color: #fff;
    position: static;
    line-height: 59px;
  }
  .stick_menu #compare-box .box-control a > span {
    font-size: 0;
  }
  .stick_menu #compare-box .box-control a .count {
    font-size: 12px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    right: 5px;
    bottom: 10px;
    top: auto;
    left: auto;
    line-height: 18px;
  }
  .stick_menu #compare-box .box-content {
    top: 59px;
  }
}
@media all and (min-width: 100px) {
  .stick_menu #compare-box {
    right: 116px;
  }
}
@media all {
  #user-box .box-control {
    position: absolute;
    width: 62px;
    height: 63px;
    right: 0;
    top: 49px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    z-index: 82;
  }
  #user-box .box-control a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 63px;
    position: relative;
    padding-top: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  #user-box .box-control a:before {
    content: "r";
    font-family: 'dTest';
    font-size: 30px;
    height: 24px;
    line-height: 1;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
  }
  #user-box .box-control .count {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    background: #008ac9;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
  }
  #user-box.logged .box-control a:before {
    font-size: 18px;
    height: 14px;
    margin-top: -5px;
  }
  #user-box.ca-expanded .box-control a {
    background: #28353c;
  }
  #user-box.ca-expanded .box-control a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #28353c transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
  }
  #user-box .box-content {
    position: absolute;
    top: 112px;
    right: 0;
    display: none;
    width: 230px;
    background: #5c7785;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
  }
  #user-box .box-content .in {
    padding: 10px 20px;
    text-align: left;
  }
  #user-box .box-content p {
    margin: 10px 0;
  }
  #user-box .box-content p.center {
    margin: 20px 0;
  }
  #user-box .box-content .inp-text {
    border-width: 2px;
  }
  #user-box .box-content ul {
    text-align: center;
    margin: 20px -20px 0;
    padding: 10px 20px;
    border-top: 1px solid #788e9a;
  }
  #user-box .box-content ul a {
    color: #fff;
  }
  #user-box .box-content .mojeid-btn {
    border: 1px solid #242424;
    display: inline-block;
    border-radius: 2px;
    box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4);
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    height: 29px;
    line-height: 28px;
    padding: 0 37px 0 6px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    position: relative;
    background: #595959;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(top, #595959 0%, #262626 50%, #262626 51%, #262626 100%);
    background-image: -moz-linear-gradient(top, #595959 0%, #262626 50%, #262626 51%, #262626 100%);
    background-image: -ms-linear-gradient(top, #595959 0%, #262626 50%, #262626 51%, #262626 100%);
    background-image: -o-linear-gradient(top, #595959 0%, #262626 50%, #262626 51%, #262626 100%);
    background-image: linear-gradient(top, #595959 0%, #262626 50%, #262626 51%, #262626 100%);
    background-size: auto 200%;
    background-position: 0 0;
    -webkit-transition: background-position 300ms ease;
    -moz-transition: background-position 300ms ease;
    -o-transition: background-position 300ms ease;
    transition: background-position 300ms ease;
  }
  #user-box .box-content .mojeid-btn .img {
    width: 29px;
    padding-left: 2px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
  }
  #user-box .box-content .mojeid-btn .img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 1px;
  }
  #user-box .box-content .mojeid-btn .img:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    width: 1px;
  }
  #user-box .box-content .mojeid-btn .img img {
    display: block;
    margin: 5px auto 0;
  }
  #user-box .box-content .mojeid-btn:hover {
    background-position: 0 100%;
  }
}
@media all and (min-width: 100px) {
  #user-box {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 20px;
  }
  #user-box .box-control {
    position: static;
    height: 36px;
    width: auto;
    font-size: 13px;
  }
  #user-box .box-control a {
    color: #59737f;
    height: 36px;
    padding: 0 20px 0 50px;
    line-height: 36px;
    width: auto;
    z-index: 1;
    position: relative;
  }
  #user-box .box-control a:before {
    height: 36px;
    line-height: 32px;
    width: 50px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    text-align: center;
    color: #8aa5b3;
  }
  #user-box .box-content {
    top: 36px;
  }
  #user-box.logged .box-control a:before {
    font-size: 24px;
    height: 36px;
    margin-top: 0;
  }
  #user-box.ca-expanded .box-control a {
    color: #fff;
  }
  #user-box.ca-expanded .box-control a:before {
    color: #fff;
  }
  .stick_menu #user-box {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
  .stick_menu #user-box .box-control {
    height: 59px;
    width: 62px;
  }
  .stick_menu #user-box .box-control a {
    padding: 0;
    height: 59px;
    color: #fff;
    line-height: 1.7;
    text-align: center;
  }
  .stick_menu #user-box .box-control a:before {
    height: 59px;
    width: auto;
    font-size: 30px;
    display: block;
    margin: 0;
    text-align: center;
    color: #fff;
    position: static;
    line-height: 58px;
  }
  .stick_menu #user-box .box-control a span {
    display: none;
  }
  .stick_menu #user-box .box-content {
    top: 59px;
  }
}
@media all and (min-width: 100px) {
  .stick_menu #user-box .box-control {
    width: 116px;
  }
  .stick_menu #user-box .box-control a {
    padding: 0 5px 0 50px;
    line-height: 58px;
    text-align: left;
  }
  .stick_menu #user-box .box-control a:before {
    width: 50px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    text-align: center;
  }
  .stick_menu #user-box .box-control a span {
    display: inline-block;
    line-height: 1.2;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
  }
}
@media all and (min-width: 100px) {
  .compare-user-holder {
    position: absolute;
    top: 45px;
    right: 5px;
    z-index: 100;
    text-align: right;
  }
  .stick_menu .compare-user-holder {
    top: 0;
    right: 0;
    position: fixed;
    z-index: 1;
  }
}
@media all and (min-width: 100px) {
  .compare-user-holder {
    right: 50%;
    margin-right: -630px;
  }
  .stick_menu .compare-user-holder {
    z-index: 100;
    right: 50%;
  }
}
@media all {
  #breadcrumbs {
    display: none;
  }
}
@media all and (min-width: 100px) {
  #breadcrumbs {
    display: block;
    margin: 1em 0 0;
    font-size: 12px;
    color: #5b7b8b;
    max-width: none;
  }
  #breadcrumbs a {
    color: #5b7b8b;
  }
  #breadcrumbs a:hover {
    color: #000;
  }
  #breadcrumbs .arr:before {
    content: "i";
    font-family: 'dTest';
    font-size: 5px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 2px;
  }
}
@media all {
  .tags {
    letter-spacing: -0.34em;
    margin: 0 -2px;
  }
  .tags li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 4px;
    letter-spacing: normal;
  }
  .tags li a {
    display: block;
    border: 1px solid #5b7b8b;
    border-radius: 2px;
    background: #fff;
    line-height: 1.2;
    padding: 6px;
    min-width: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #5b7b8b;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
  }
  .tags li a:hover {
    background: rgba(91, 123, 139, 0.2);
  }
  .images {
    letter-spacing: -0.34em;
    margin: 2em -5px;
    clear: both;
  }
  .images li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 12px;
    line-height: 1.58;
    margin: 5px 0;
  }
  .images li .spc {
    margin: 0 5px;
    background: #f1f6f9;
    color: #666;
  }
  .images li .img {
    display: block;
    background: #fff;
    margin: 0;
  }
  .images li .img img {
    display: block;
    margin: 0 auto;
  }
  .images li .desc {
    margin: 0;
    padding: 5px;
    position: relative;
    overflow: visible;
  }
  .images li .desc:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #f1f6f9 transparent;
    position: absolute;
    left: 16px;
    bottom: 100%;
  }
  .more {
    position: relative;
    padding-right: 12px;
  }
  .more:after {
    content: "m";
    font-family: 'dTest';
    font-size: 8px;
    height: 8px;
    line-height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
  }
  .review-composition {
    margin: 2em 0;
    color: #008ac9;
    border-collapse: collapse;
  }
  .review-composition th {
    font-weight: normal;
    padding: 8px 10px 8px 0;
    vertical-align: top;
    line-height: 1.3;
    text-align: left;
  }
  .review-composition td {
    width: 125px;
    padding: 8px 0;
    vertical-align: top;
  }
  .review-composition td .bar {
    display: block;
    height: 14px;
    background: #008ac9;
    margin: 4px 0 0;
  }
  .login-buy-box {
    background: #e5eef4;
    margin-top: 3em;
  }
  .login-buy-box .title {
    background: #f5f9fc;
    margin: 0;
    padding: 15px 15px 20px;
    color: #5a7482;
    position: relative;
  }
  .login-buy-box .title .in {
    position: relative;
    display: inline-block;
  }
  .login-buy-box .title .in:after {
    content: "";
    width: 30px;
    height: 3px;
    background: #5a7482;
    position: absolute;
    left: 0;
    bottom: -5px;
    margin: 0;
  }
  .login-buy-box .title .red {
    color: #da202b;
  }
  .login-buy-box .title:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #f5f9fc transparent transparent transparent;
  }
  .login-buy-box .box-title {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .login-buy-box .log-in {
    padding: 20px 10px;
    text-align: center;
    position: relative;
    max-width: 260px;
    margin: 0 auto;
  }
  .login-buy-box .log-in:after {
    content: "";
    display: block;
    height: 1px;
    background: #cad9e7;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
  }
  .login-buy-box .log-in p {
    margin: 10px 0;
  }
  .login-buy-box .log-in .cta {
    margin: 1em 0 0;
  }
  .login-buy-box .log-in .cta:before {
    content: "M";
    font-family: 'dTest';
    text-align: center;
    display: block;
    width: 66px;
    height: 66px;
    border: 2px solid #97b0bd;
    border-radius: 100%;
    line-height: 66px;
    color: #97b0bd;
    font-size: 32px;
    margin: 0 auto .5em;
  }
  .login-buy-box .subscribe {
    padding: 20px 10px;
    text-align: center;
    max-width: 310px;
    margin: 0 auto;
  }
  .login-buy-box .subscribe img {
    float: right;
    max-width: 53%;
    margin-left: 10px;
    margin-bottom: 15px;
  }
  .login-buy-box .subscribe ul {
    text-align: left;
  }
  .login-buy-box .subscribe ul li {
    margin: 15px 0;
    line-height: 1.3;
  }
  .login-buy-box .subscribe .cta {
    clear: both;
    margin: 1em 0 0;
  }
  .login-buy-box .only-this {
    margin: 0;
    padding: 10px 0;
    color: #b4bbc0;
    font-size: 85.714%;
  }
  .login-buy-box .only-this a {
    color: #b4bbc0;
  }
  .login-buy-box .only-this a:hover {
    color: #333333;
    text-decoration: underline;
  }
  #pd-box-desc .login-buy-box {
    margin: 0;
  }
  #pd-box-desc .login-buy-box h1 {
    margin-top: 0;
  }
  #sort {
    display: none;
  }
  .compare-add {
    text-decoration: none;
    padding-left: 20px;
    position: relative;
  }
  .compare-add:before {
    content: "t";
    font-family: 'dTest';
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
  }
  .compare-add span {
    text-decoration: underline;
  }
  .compare-add:hover span {
    text-decoration: none;
  }
  .locked {
    display: inline;
    color: #da202b;
    position: relative;
  }
  .locked:before {
    content: "K";
    font-family: 'dTest';
  }
  .locked span {
    display: none;
  }
  .locked:hover {
    cursor: pointer;
  }
  .locked:hover span {
    display: block !important;
    margin-left: 15px;
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    line-height: 30px;
    background: #eb222e;
    padding: 0 10px;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-weight: normal;
    white-space: nowrap;
    z-index: 10000;
  }
  .locked:hover span:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 7px 4.5px 0;
    border-color: transparent #eb222e transparent transparent;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -4px;
  }
  .product-item .locked:hover span {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 15px;
  }
  .product-item .locked:hover span:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 7px;
    border-color: transparent transparent transparent #eb222e;
    left: 100%;
    right: auto;
  }
  #sharrre {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  #sharrre li {
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
  }
  #sharrre .sharrre {
    display: inline;
  }
  #sharrre .sharrre .share-btn {
    display: inline-block;
    vertical-align: middle;
  }
  #sharrre .sharrre .share-btn .share {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px 0 33px;
    color: #fff;
    position: relative;
    border-radius: 2px;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
  }
  #sharrre .sharrre .share-btn .share:before {
    display: block;
    font-family: 'dTest';
    font-size: 22px;
    height: 22px;
    line-height: 22px;
    width: 18px;
    text-align: center;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -9px;
  }
  #sharrre .sharrre .share-btn .count {
    display: none;
  }
  #sharrre .sharrre#share-facebook .share {
    background: #0055c1;
  }
  #sharrre .sharrre#share-facebook .share:before {
    content: "c";
  }
  #sharrre .sharrre#share-facebook .share:hover {
    background: #0048a4;
  }
  #sharrre .sharrre#share-twitter .share {
    background: #00b8ff;
  }
  #sharrre .sharrre#share-twitter .share:before {
    content: "d";
  }
  #sharrre .sharrre#share-twitter .share:hover {
    background: #00a2e0;
  }
  #sharrre .sharrre#share-linkedin .share {
    background: #0084ba;
  }
  #sharrre .sharrre#share-linkedin .share:before {
    content: "T";
  }
  #sharrre .sharrre#share-linkedin .share:hover {
    background: #0072a0;
  }
  #sharrre .sharrre#share-googleplus .share {
    background: #ff8246;
  }
  #sharrre .sharrre#share-googleplus .share:before {
    content: "U";
  }
  #sharrre .sharrre#share-googleplus .share:hover {
    background: #e76a2e;
  }
  .page-part > #sharrre {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ico {
    display: inline-block;
    vertical-align: middle;
    color: #000;
  }
  .ico:before,
  .ico:after {
    font-family: 'dTest';
  }
  .ico.plusplus:before {
    content: "uu";
    font-size: 16px;
  }
  .ico.plus:before {
    content: "u";
    font-size: 16px;
  }
  .ico.circle:before {
    content: "H";
    font-size: 14px;
  }
  .ico.minus:before {
    content: "z";
    font-size: 16px;
  }
  .ico.minusminus:before {
    content: "zz";
    font-size: 16px;
  }
  .ico.yes:before {
    content: "e";
    font-size: 16px;
  }
  .ico.no {
    height: 24px;
  }
  .ico.no:before {
    content: "×";
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    height: 24px;
    margin-top: -3px;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
  }
  .ico span {
    display: none;
  }
  .group-btn {
    text-align: center;
  }
  .no-js .expand-box .expand-control {
    display: none;
  }
  .expand-box .expand-control .btn-arr-down span:after,
  .expand-box .expand-control .ico-link-darr:after {
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
  }
  .expand-box.ca-expanded .expand-control .btn-arr-down span:after,
  .expand-box.ca-expanded .expand-control .ico-link-darr:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .expand-box.ca-expanded.expand-box-nobtn .expand-control {
    display: none;
  }
  .need-help {
    margin: 1.5em -10px 0;
    padding: 1em 10px;
    text-align: center;
    border-top: 1px solid #dde7ee;
    border-bottom: 1px solid #dde7ee;
  }
  .need-help .title {
    font-family: 'Oswald', sans-serif;
    font-size: 171.429%;
    color: #5b7b8b;
    margin-bottom: .5em;
  }
  .need-help .info {
    display: inline-block;
    margin: 0;
    padding-left: 42px;
    position: relative;
    text-align: left;
  }
  .need-help .info:before {
    content: "F";
    font-family: 'dTest';
    font-size: 33px;
    position: absolute;
    left: 0;
    bottom: 5px;
    height: 33px;
    line-height: 33px;
  }
  .need-help .info .red {
    color: #da202b;
  }
  .sign {
    display: inline-block;
    width: 87px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #fff;
    background: #475f6b;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
  }
  .sign.safe {
    background: #55ac3c;
  }
  .sign.dangerous {
    background: #eb222e;
  }
  h1 .sign {
    margin: 0 5px 9px 0;
  }
  .customer-service {
    text-align: center;
    margin-bottom: 1.5em;
  }
  .customer-service p {
    margin: 0;
  }
  .customer-service .note {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    margin-right: 20px;
  }
  .customer-service .phone {
    display: inline-block;
    vertical-align: middle;
    padding-left: 45px;
    position: relative;
    text-align: left;
    line-height: 1.3;
  }
  .customer-service .phone:before {
    display: block;
    content: "F";
    font-family: 'dTest';
    font-size: 35px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    bottom: 2px;
    left: 0;
  }
  .customer-service .phone .red {
    font-size: 164.286%;
    font-family: 'Oswald', sans-serif;
    margin-right: 5px;
  }
  .customer-service.reduced {
    text-align: left;
  }
  .customer-service.reduced .phone:before {
    color: #da202b;
  }
  .customer-service.fixed {
    position: absolute;
    top: 5px;
    left: 50px;
    z-index: 1;
  }
  .customer-service.fixed .note {
    display: none;
  }
  .customer-service.fixed .phone:before {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    left: 8px;
  }
  .customer-service.fixed .phone .red {
    font-size: 114.286%;
  }
  .info-box {
    padding-left: 34px;
    position: relative;
  }
  .info-box:before {
    content: "i";
    font-family: Georgia,serif;
    width: 22px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #acc0cb;
    position: absolute;
    left: 0;
    top: 0;
  }
  .info-box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #acc0cb;
    position: absolute;
    left: 22px;
    top: 8px;
  }
  .open-box .op-box {
    padding: 1px 0;
  }
  .btn-back {
    background-color: transparent;
    color: #5a7b8c;
    border: 1px solid #5a7b8c;
    font-size: 13px;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
  .buttonset {
    text-align: left;
    margin-bottom: 0;
    margin-top: 15px;
  }
  .buttonset .btn {
    margin: 0 5px 10px 0;
  }
  .all-expanded .expand-all-results .btn-arr-down span:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .expand-ext-cont {
    padding-top: 1px;
  }
  .expand-ext-cont .ext-cntrl {
    display: none;
  }
  .js .expand-ext-cont .ext-box {
    display: none;
  }
  #sort {
    display: block;
    margin: 0 0 10px;
  }
  #sort p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4.89% 0 0;
  }
  #sort select {
    margin-left: 5px;
  }
  #sort form {
    float: none;
  }
  #sort .products-view {
    display: none;
  }
}
@media all and (min-width: 100px) {
  .images.images-3 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .images.images-3 li {
    width: 33.333%;
  }
  .images.images-3 li .spc {
    margin: 0 10px;
  }
  .images.images-3 li .desc {
    padding: 10px;
  }
  .images.images-4 {
    margin-left: -7px;
    margin-right: -7px;
  }
  .images.images-4 li {
    width: 25%;
  }
  .images.images-4 li .spc {
    margin: 0 7px;
  }
  .images.images-4 li .desc {
    padding: 10px;
  }
}
@media all and (min-width: 100px) {
  .login-buy-box .title {
    font-size: 24px;
  }
  .login-buy-box .title span:after {
    width: 42px;
  }
  .login-buy-box .title:after {
    display: none;
  }
  .login-buy-box .box-title {
    font-size: 17px;
  }
  .login-buy-box .login-bb-in {
    padding: 0 15px;
    position: relative;
  }
  .login-buy-box .login-bb-in:after {
    left: 42.143%;
    position: absolute;
    top: 30px;
    bottom: 90px;
    width: 1px;
    content: "";
    background: #cad9e7;
    height: auto;
    right: auto;
  }
  .login-buy-box .log-in {
    float: left;
    width: 37.14%;
    max-width: none;
    padding: 30px 0 90px;
  }
  .login-buy-box .log-in:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #f5f9fc transparent transparent transparent;
  }
  .login-buy-box .log-in:after {
    display: none;
  }
  .login-buy-box .log-in p {
    margin-bottom: 80px;
  }
  .login-buy-box .log-in .cta {
    position: absolute;
    bottom: 30px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 100%;
  }
  .login-buy-box .log-in .cta:before {
    margin-bottom: 1.2em;
  }
  .login-buy-box .subscribe {
    float: right;
    width: 50.71%;
    max-width: none;
    padding: 30px 0 90px;
    position: relative;
  }
  .login-buy-box .subscribe .box-title {
    text-align: left;
    margin-right: 33.8%;
  }
  .login-buy-box .subscribe:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    border-color: #f5f9fc transparent transparent transparent;
  }
  .login-buy-box .subscribe img {
    width: 40%;
    margin-top: -30px;
  }
  .login-buy-box .subscribe ul li {
    margin: 8px 0;
  }
  .login-buy-box .subscribe .cta {
    position: absolute;
    bottom: 30px;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 100%;
  }
}
@media all and (min-width: 100px) {
  .login-buy-box .title {
    padding: 25px 30px;
    font-size: 30px;
  }
  .login-buy-box .box-title {
    font-size: 19px;
  }
  .login-buy-box .login-bb-in {
    padding: 0 30px;
  }
}
@media all and (min-width: 100px) {
  #sort {
    display: block;
    margin: 0 0 10px;
  }
  #sort p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4.89% 0 0;
  }
  #sort select {
    margin-left: 5px;
  }
  #sort .products-view a {
    display: inline-block;
    color: #ccc;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 10px;
  }
  #sort .products-view a:before {
    font-family: 'dTest';
    font-size: 19px;
    display: block;
    height: 19px;
    line-height: 19px;
  }
  #sort .products-view a:hover {
    color: #000;
  }
  #sort .products-view a span {
    display: none;
  }
  #sort .products-view a.active {
    color: #000;
  }
  #sort .products-view a#tiles:before {
    content: "g";
  }
  #sort .products-view a#lines:before {
    content: "E";
  }
}
@media all and (min-width: 100px) {
  .page-part > #sharrre {
    padding-left: 20px;
    padding-right: 10px;
  }
}
@media all and (min-width: 100px) {
  .group-btn {
    position: absolute;
    top: 17px;
    right: 10px;
    margin: 0;
  }
}
@media all and (min-width: 100px) {
  .group-btn {
    top: 18px;
  }
}
@media all and (min-width: 100px) {
  .group-btn {
    top: 20px;
  }
}
@media all and (min-width: 100px) {
  .group-btn {
    right: 244px;
    top: 8px;
  }
  .iw-bt .group-btn {
    top: 33px;
  }
}
@media all and (min-width: 100px) {
  .need-help {
    letter-spacing: -0.34em;
    padding: 3em 10px;
  }
  .need-help .title {
    display: inline-block;
    margin: 0;
    width: 50%;
    letter-spacing: normal;
    vertical-align: middle;
    max-width: 330px;
    font-size: 214.286%;
  }
  .need-help .info {
    width: 50%;
    vertical-align: middle;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 400px;
  }
}
@media all and (min-width: 100px) {
  .need-help {
    margin: 1.5em 0 0;
    padding: 4em 0;
  }
}
@media all and (min-width: 100px) {
  .customer-service.fixed .note {
    display: inline-block;
    line-height: 1.3;
  }
}
@media all and (min-width: 100px) {
  .customer-service.fixed {
    left: 74px;
    right: 120px;
    margin: 0;
    top: 0;
    line-height: 102px;
  }
  .customer-service.fixed .phone:before {
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    left: 4px;
    bottom: 4px;
  }
  .customer-service.fixed .phone .red {
    font-size: 135.714%;
  }
}
@media all and (min-width: 100px) {
  .customer-service.fixed {
    left: 50%;
    right: 50%;
    margin: 0 -630px;
    padding-left: 30px;
  }
}
@media all and (min-width: 100px) {
  #sort form {
    float: left;
    width: 470px;
    margin-right: 10px;
  }
}
@media all and (min-width: 100px) {
  #sort .products-view {
    display: inline-block;
  }
  #sort .products-view a {
    display: inline-block;
    color: #ccc;
    text-decoration: none;
    vertical-align: middle;
    margin-left: 10px;
  }
  #sort .products-view a:before {
    font-family: 'dTest';
    font-size: 19px;
    display: block;
    height: 19px;
    line-height: 19px;
  }
  #sort .products-view a:hover {
    color: #000;
  }
  #sort .products-view a span {
    display: none;
  }
  #sort .products-view a.active {
    color: #000;
  }
  #sort .products-view a#tiles:before {
    content: "g";
  }
  #sort .products-view a#lines:before {
    content: "E";
  }
}
@media all {
  #annot .img {
    margin: 0 0 .5em;
  }
  #annot .published {
    font-size: 12px;
    margin: .5em 0 .2em;
    color: #5b7b8b;
  }
  #annot .annot {
    margin-top: .5em;
    font-weight: bold;
  }
}
@media all {
  .box {
    margin: 0 0 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
  }
  .box .box-title {
    border-bottom: 1px solid #000;
    display: inline;
    margin: 0;
  }
  .box p {
    margin: 5px 0 10px;
  }
  .box .box-img {
    text-align: center;
  }
  .box .box {
    margin: 0 0 10px;
  }
  .box-red,
  .box-blue {
    margin-left: -10px;
    margin-right: -10px;
  }
  .box-red,
  .box-blue {
    padding: 10px 10px 1px;
  }
  .box-red {
    background: #eb222e;
    color: #fff;
  }
  .box-red .box-title {
    color: #fff;
    border-bottom-color: #fff;
  }
  .box-blue {
    background: #e4edf4;
    color: #000;
  }
}
@media all and (min-width: 100px) {
  .box {
    margin: 0 0 1.5em;
  }
  .box-red,
  .box-blue {
    padding: 15px 15px 4px;
  }
  .box-red .box-img,
  .box-blue .box-img {
    margin: -14px -14px 10px;
  }
  .box-red p + .img,
  .box-blue p + .img {
    margin-top: 0;
  }
  .box-300 {
    width: 39.474%;
    max-width: 300px;
  }
  .box-400 {
    width: 52.632%;
    max-width: 400px;
  }
  .box-l {
    float: left;
  }
  .box-l.box-300 {
    margin-right: 3.947%;
  }
  .box-l.box-400 {
    margin-right: 2.632%;
  }
  .box-r {
    float: right;
  }
  .box-r.box-300 {
    margin-left: 3.947%;
  }
  .box-r.box-400 {
    margin-left: 2.632%;
  }
}
@media all and (min-width: 100px) {
  .box-red,
  .box-blue {
    padding: 30px 30px 20px;
  }
  .box-red .box-img,
  .box-blue .box-img {
    margin: -29px -29px 20px;
  }
}
@media all {
  .crossroad > li .title {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 100%;
    display: block;
    margin: 0;
    line-height: 1.7;
  }
  .crossroad > li:after {
    content: "";
    display: table;
    clear: both;
  }
  .crossroad .published {
    font-size: 12px;
    color: #5b7b8b;
    margin: 0;
  }
  .crossroad .tags {
    margin-top: 1.5em;
  }
  .crossroad.cross-img-small > li {
    margin: .7em 0 .9em;
  }
  .crossroad.cross-img-small > li a {
    display: block;
    padding-left: 60px;
  }
  .crossroad.cross-img-small > li a:before,
  .crossroad.cross-img-small > li a:after {
    content: " ";
    display: table;
  }
  .crossroad.cross-img-small > li a:after {
    clear: both;
  }
  .crossroad.cross-img-small > li a .img {
    float: left;
    margin-left: -60px;
  }
  .crossroad.cross-img > li {
    border-top: 1px solid #dde7ef;
    padding: 1.5em 0 1.5em 100px;
    margin: 0;
  }
  .crossroad.cross-img > li:first-child {
    border-top: 0;
    padding-top: .5em;
  }
  .crossroad.cross-img > li .title {
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
  }
  .crossroad.cross-img > li .title a {
    text-decoration: none;
    color: #333;
  }
  .crossroad.cross-img > li .title a:hover {
    color: #008ac9;
  }
  .crossroad.cross-img > li .title .img {
    display: block;
    float: left;
    width: 85px;
    margin: 4px 0 0 -100px;
  }
  .crossroad.cross-img > li .title .name {
    display: block;
  }
  .crossroad.cross-img > li p {
    margin: 10px 0 0 -100px;
    line-height: 1.5;
  }
  .crossroad.cross-img > li .published {
    margin: 0;
  }
  .crossroad.cross-img-2 > li {
    padding-left: 75px;
  }
  .crossroad.cross-img-2 > li .title a {
    color: #008ac9;
    text-decoration: underline;
  }
  .crossroad.cross-img-2 > li .title a:hover {
    color: #000;
  }
  .crossroad.cross-img-2 > li .title .img {
    width: 60px;
    margin: 0 0 0 -75px;
  }
  .crossroad.cross-img-2 > li p {
    margin: 0;
  }
  .crossroad.cross-line > li {
    margin: .5em 0 1.5em;
  }
  .crossroad.cross-no-img > li {
    margin: 0;
    border-top: 1px solid #dde7ef;
    padding: 1.5em 0;
  }
  .crossroad.cross-no-img > li:first-child {
    border-top: 0;
    padding-top: .5em;
  }
  .crossroad.cross-no-img > li .title {
    font-family: 'Oswald', sans-serif;
    font-size: 135.714%;
  }
  .crossroad.cross-no-img > li p {
    margin: 10px 0 0;
  }
  .crossroad.cross-cols {
    margin-bottom: 1.5em;
  }
  .crossroad.cross-cols > li {
    margin: 0 0 2px;
  }
  .crossroad.cross-cols > li a {
    text-decoration: none;
    display: block;
    background: #e4edf4;
    padding: 0 10px 0 113px;
    position: relative;
  }
  .crossroad.cross-cols > li a:before,
  .crossroad.cross-cols > li a:after {
    content: " ";
    display: table;
  }
  .crossroad.cross-cols > li a:after {
    clear: both;
  }
  .crossroad.cross-cols > li .img {
    display: block;
    width: 100px;
    float: left;
    margin-left: -113px;
    position: relative;
  }
  .crossroad.cross-cols > li .img img {
    display: block;
  }
  .crossroad.cross-cols > li .img:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 10px 7px 0;
    border-color: transparent #e4edf4 transparent transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
  }
  .crossroad.cross-cols > li .name {
    display: block;
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-size: 19px;
    line-height: 1.2;
    padding-top: 5px;
    margin-bottom: 25px;
  }
  .crossroad.cross-cols > li .published {
    position: absolute;
    bottom: 2px;
    left: 113px;
    right: 10px;
  }
  .crossroad.tools {
    margin: 0 -10px;
    border-top: 1px solid #e1eaf1;
  }
  .crossroad.tools > li {
    border-bottom: 1px solid #e1eaf1;
  }
  .crossroad.tools > li .title {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 114.286%;
  }
  .crossroad.tools > li .title [class*="ico-"] {
    display: block;
    padding: 7px 15px 7px 54px;
    position: relative;
    color: #000;
  }
  .crossroad.tools > li .title [class*="ico-"]:before {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -18px;
    font-family: 'dTest';
    font-size: 35px;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    speak: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    line-height: 1;
  }
  .crossroad.tools > li .title .ico-danger:before {
    content: "\"";
    color: #dc1c23;
  }
  .crossroad.tools > li .title .ico-cross:before {
    content: ">";
    color: #ff9500;
  }
  .crossroad.tools > li .title .ico-box:before {
    content: "9";
    color: #396a93;
  }
  .crossroad.tools > li .title .ico-chemical-glass:before {
    content: "8";
    color: #82a400;
  }
  .crossroad.tools > li .title .ico-play:before {
    content: "%";
    color: #2f0001;
  }
  .crossroad.tools > li .title .ico-discuss:before {
    content: "#";
    color: #ffbd66;
  }
  .crossroad.tools > li .title .ico-phone:before {
    content: "$";
    color: #19a6c9;
  }
  .crossroad.tools > li .title .ico-saving:before {
    content: "'";
    color: #b00003;
  }
  .crossroad.tools > li .title .ico-life:before {
    content: "(";
    color: #009974;
  }
  .crossroad.tools > li .title .ico-advocate:before {
    content: ")";
    color: #7b7b7b;
  }
  .crossroad.tools > li .title .ico-lawyer:before {
    content: "*";
    color: #1d75c7;
  }
  .crossroad.tools > li .title .ico-charges:before {
    content: "+";
    color: #000;
  }
  .crossroad.tools > li .title .ico-check:before {
    content: ",";
    color: #deac00;
  }
  .crossroad.tools > li .title .ico-quality:before {
    content: "-";
    color: #000;
  }
  .crossroad.tools > li .title .ico-consumer1:before {
    content: ".";
    color: #dd5600;
  }
  .crossroad.tools > li .title .ico-brochure:before {
    content: "/";
    color: #d676ae;
  }
  .crossroad.tools > li .title .ico-calculator1:before {
    content: ":";
    color: #742488;
  }
  .crossroad.tools > li .title .ico-consumer2:before {
    content: ";";
    color: #dd5600;
  }
  .crossroad.tools > li .title .ico-calculator2:before {
    content: "=";
    color: #742488;
  }
  .crossroad.tools > li .title .ico-consumer3:before {
    content: "<";
    color: #dd5600;
  }
  .crossroad.tools > li .desc {
    display: none;
  }
  .dictionary-list {
    margin-top: 2em;
  }
  .dictionary-list .title {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 135.714%;
    margin: 0;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-img > li {
    padding-left: 180px;
  }
  .crossroad.cross-img > li .title {
    max-width: 540px;
  }
  .crossroad.cross-img > li .title .img {
    width: 160px;
    margin-left: -180px;
  }
  .crossroad.cross-img > li p {
    margin-left: 0;
    max-width: 540px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-img > li {
    padding-left: 220px;
  }
  .crossroad.cross-img > li .title .img {
    width: 200px;
    margin-left: -220px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-img > li {
    padding-left: 250px;
    margin-left: -20px;
  }
  .crossroad.cross-img > li .title .img {
    margin-left: -230px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-img-2 > li {
    padding-left: 130px;
  }
  .crossroad.cross-img-2 > li .title .img {
    width: 115px;
    margin-left: -130px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-img-2 > li {
    padding-left: 175px;
  }
  .crossroad.cross-img-2 > li .title .img {
    width: 150px;
    margin-left: -175px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-img-2 > li {
    padding-left: 175px;
  }
  .crossroad.cross-img-2 > li .title .img {
    width: 140px;
    margin-left: -155px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-img-2 > li {
    padding-left: 185px;
  }
  .crossroad.cross-img-2 > li .title .img {
    width: 150px;
    margin-left: -165px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-no-img > li {
    margin-left: -20px;
    padding-left: 20px;
  }
  .crossroad.cross-no-img > li p {
    max-width: 690px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.crossroad-3 {
    letter-spacing: -0.34em;
  }
  .crossroad.crossroad-3 > li {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (min-width: 100px) {
  .crossroad.cross-cols {
    letter-spacing: -0.34em;
    text-align: center;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 0;
  }
  .crossroad.cross-cols > li {
    display: inline-block;
    vertical-align: top;
    width: 224px;
    padding: 0 12px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .crossroad.cross-cols > li a {
    padding: 0;
    letter-spacing: normal;
    text-align: left;
    -webkit-transition: box-shadow 300ms ease;
    -moz-transition: box-shadow 300ms ease;
    -o-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
  }
  .crossroad.cross-cols > li a:hover {
    box-shadow: 0 4px 10px rgba(4, 4, 4, 0.36);
  }
  .crossroad.cross-cols > li .img {
    width: 200px;
    height: 200px;
    float: none;
    margin: 0;
  }
  .crossroad.cross-cols > li .img:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 7px 5px;
    border-color: transparent transparent #e4edf4 transparent;
    right: auto;
    top: auto;
    bottom: 0;
    left: 24px;
  }
  .crossroad.cross-cols > li .name {
    padding: 10px 10px 30px;
    margin: 0;
  }
  .crossroad.cross-cols > li .published {
    left: 10px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.tools {
    letter-spacing: -0.34em;
    border: 0;
  }
  .crossroad.tools > li {
    display: inline-block;
    vertical-align: top;
    border: 0;
    width: 50%;
    margin: 1em 0 0;
    padding: 0 10px 0 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .crossroad.tools > li .title {
    letter-spacing: normal;
    max-width: 240px;
  }
  .crossroad.tools > li .title [class*="ico-"] {
    padding: 0;
  }
  .crossroad.tools > li .title [class*="ico-"]:before {
    left: -45px;
  }
  .crossroad.tools > li .desc {
    display: block;
    letter-spacing: normal;
    max-width: 240px;
  }
}
@media all and (min-width: 100px) {
  .crossroad.tools > li {
    width: 33.333%;
  }
}
@media all and (min-width: 100px) {
  .crossroad.tools > li {
    padding-left: 80px;
  }
  .crossroad.tools > li .title [class*="ico-"]:before {
    left: -50px;
  }
}
@media all {
  input,
  textarea,
  select,
  button {
    outline: none;
  }
  .inp-text {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 13px;
    padding: 0 10px;
    border: 1px solid #99b7c7;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 3px 1px rgba(4, 4, 4, 0.07);
    height: 36px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 300ms ease;
    -moz-transition: border-color 300ms ease;
    -o-transition: border-color 300ms ease;
    transition: border-color 300ms ease;
    background-clip: border-box;
  }
  .inp-text:focus {
    border-color: #387da2;
  }
  textarea.inp-text {
    height: auto;
    padding: 10px;
  }
  .error .inp-text {
    border-color: #eb222e;
  }
  .inp-fix {
    display: block;
    margin-top: 6px;
  }
  .inp-fix .inp-text {
    display: block;
    width: 100%;
  }
  .inp-fix.w-33 {
    width: 33%;
  }
  .inp-fix.w-62 {
    width: 62%;
  }
  .inp-sep {
    display: inline-block;
    width: 10px;
  }
  fieldset {
    border: 0;
    padding: 0;
    margin: 0;
  }
  #form-preview {
    clear: both;
    margin-bottom: 1.5em;
  }
  #form-preview #preview-box {
    padding: 1px 10px;
    border: 1px solid #99b7c7;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 3px 1px rgba(4, 4, 4, 0.07);
  }
  #form-preview #preview-box p {
    margin: 1.5em 0;
  }
  .form {
    background: #e5eef4;
    padding: 20px 10px;
    margin-bottom: 1.5em;
  }
  .form fieldset {
    max-width: 900px;
  }
  .form .submit {
    margin-bottom: 0;
  }
  .form p {
    clear: both;
    max-width: none;
  }
  .form .col-h-l,
  .form .col-h-r {
    clear: none;
  }
  .form div.col-h-l,
  .form div.col-h-r {
    margin-bottom: 1.5em;
  }
  .form .total-rating {
    line-height: 34px;
    margin-top: 6px;
  }
  .colform.dif-font label {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .std-box {
    background: #e4edf4;
    padding: 1em 10px 1px;
    margin-bottom: 10px;
  }
  .std-box h3 {
    font-size: 114.286%;
    margin-top: 0;
  }
  .colform {
    max-width: 720px;
  }
  .colform.colform-600 {
    max-width: 600px;
  }
  .colform th {
    font-weight: normal;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  }
  .colform th label {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  }
  .colform label {
    font-family: 'Oswald', sans-serif;
    color: #000;
  }
  .colform label span {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: norma;
  }
  .colform .checkbox {
    display: block;
    padding-top: .5em;
  }
  .colform .checkbox label {
    margin-right: 15px;
  }
  .colform .inp-short {
    display: inline-block;
    text-align: left;
  }
  .colform .inp-short .inp-text {
    width: 70px;
    vertical-align: middle;
  }
  .colform table {
    width: 100%;
    margin-bottom: 1em;
    border-collapse: collapse;
  }
  .colform table td {
    line-height: 36px;
  }
  .colform table td input {
    vertical-align: middle;
  }
}
@media all and (min-width: 100px) {
  #form-preview #preview-box {
    padding: 1px 18px;
  }
}
@media all and (min-width: 100px) {
  .form {
    padding: 20px;
  }
}
@media all and (min-width: 100px) {
  .form {
    padding: 30px;
  }
}
@media all and (min-width: 100px) {
  .form {
    padding: 40px 45px;
  }
}
@media all and (min-width: 100px) {
  .std-box {
    padding: 2em 30px 1em;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 479px) {
  .colform table tr,
  .colform table th,
  .colform table td {
    display: block;
  }
  .colform table tr {
    margin-bottom: 1em;
  }
}
@media all and (min-width: 100px) {
  .colform table th {
    padding: .3em 0;
    line-height: 34px;
    vertical-align: top;
  }
  .colform table th label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
  }
  .colform table td {
    white-space: nowrap;
    padding: .3em 0 .3em 10px;
    vertical-align: top;
    text-align: right;
  }
  .colform table.inps-1 .inp-short {
    width: 90px;
  }
}
@media all {
  .hint {
    text-decoration: underline;
    color: #008ac9;
    margin-right: 13px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
  }
  .hint:after {
    content: "?";
    background: #008ac9;
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    color: #fff;
    font-size: 6px;
    position: absolute;
    top: 0;
    right: -13px;
    text-align: center;
    border-radius: 5px;
  }
  label.hint {
    color: #333333;
  }
  label.hint:after {
    position: relative;
    top: 8px;
    margin-left: -8px;
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    font-size: 13px;
    border-radius: 50px;
    line-height: 16px;
  }
  .ui-tooltip {
    background: #008ac9;
    color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.75;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ui-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 12px 0 12px;
    border-color: #008ac9 transparent transparent transparent;
  }
  .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
}
@media all and (min-width: 100px) {
  .ui-tooltip {
    padding: 15px;
  }
}
@media all {
  .products-list-head .products-list-desc p {
    display: none;
  }
  .products-list-head .products-list-desc .products-tested {
    display: block;
    font-size: 12px;
    color: #5b7b8b;
    margin: 0 0 5px;
  }
  .products-list-head .products-list-desc ul {
    display: none;
  }
  .products-list-head .products-list-desc ul li {
    margin: 10px 0;
  }
  .page-placeholder .products-list-head .products-list-desc {
    margin: 0 -10px;
    padding: 10px 20px;
    border-top: 1px solid #e4ecf2;
    border-bottom: 1px solid #e4ecf2;
  }
  .page-placeholder .products-list-head .products-list-desc .products-tested {
    display: none;
  }
  .page-placeholder .products-list-head .products-list-desc ul {
    display: block;
  }
  .products-list-head .newset-articles {
    padding: 0 10px;
    display: none;
  }
  .page-placeholder .products-list-head .newset-articles {
    display: block;
  }
  .product-list {
    margin: 0 -10px;
  }
  .product-list .products .product-item {
    margin: 4px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0 10px 120px;
  }
  .product-list .products .product-item:before,
  .product-list .products .product-item:after {
    content: " ";
    display: table;
  }
  .product-list .products .product-item:after {
    clear: both;
  }
  .product-list .products .product-item .detail {
    display: block;
    text-decoration: none;
    color: #5b7b8b;
    position: relative;
  }
  .product-list .products .product-item .detail .title {
    font-weight: normal;
    font-size: 100%;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding: 0 10px 0 2px;
    margin: 0;
  }
  .product-list .products .product-item .detail .title .img {
    display: block;
    width: 100px;
    float: left;
    margin-left: -110px;
  }
  .product-list .products .product-item .detail .title .name {
    color: #008ac9;
    text-decoration: underline;
    display: block;
    padding-top: 8px;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
  }
  .product-list .products .product-item .detail .dangerous {
    width: 26px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: -110px;
  }
  .product-list .products .product-item .detail .dangerous:before {
    content: "s";
    font-family: 'dTest';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
    text-indent: 0;
    font-size: 21px;
    color: #eb222e;
  }
  .product-list .products .product-item .detail table {
    border-collapse: collapse;
    width: 99%;
  }
  .product-list .products .product-item .detail table tr {
    display: none;
  }
  .product-list .products .product-item .detail table tr.price,
  .product-list .products .product-item .detail table tr.total,
  .product-list .products .product-item .detail table tr.producer,
  .product-list .products .product-item .detail table tr.param-flash {
    display: table-row;
  }
  .product-list .products .product-item .detail table tr th {
    text-align: left;
    font-size: 85.714%;
    padding: 3px 0 3px 2px;
    font-weight: normal;
    line-height: 1.2;
    vertical-align: bottom;
  }
  .product-list .products .product-item .detail table tr td {
    text-align: right;
    font-size: 107.143%;
    color: #000;
    font-weight: 500;
    padding: 3px 17px 3px 0;
    line-height: 1.2;
    vertical-align: bottom;
  }
  .product-list .products .product-item .detail table tr td span {
    display: none;
  }
  .product-list .products .product-item .detail table tr td .locked {
    display: inline;
  }
  .product-list .products .product-item .detail table tr.producer td {
    font-weight: normal;
  }
  .product-list .products .product-item .detail .danger-info-params {
    margin-top: 6px;
  }
  .product-list .products .product-item .detail .danger-info-params table tr {
    display: table-row;
  }
  .product-list .products .product-item .detail .danger-info-params table tr th {
    vertical-align: top;
    padding-right: 5px;
  }
  .product-list .products .product-item .detail .danger-info-params table tr td {
    font-weight: normal;
    font-size: 85.714%;
    text-align: left;
    vertical-align: top;
  }
  .product-list .products .product-item .detail .danger-info-params table tr td span {
    display: inline;
  }
  .product-list .products .product-item .detail .danger-info-params table tr.danger-row td a {
    color: #da202b;
    text-decoration: none;
    position: relative;
    padding-left: 15px;
  }
  .product-list .products .product-item .detail .danger-info-params table tr.danger-row td a:before {
    content: "s";
    font-family: 'dTest';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    height: 14px;
    line-height: 14px;
  }
  .product-list .products .product-item .detail .danger-info-params table tr.danger-row td a span {
    text-decoration: underline;
  }
  .product-list .products .product-item .detail .danger-info-params table tr.danger-row td a:hover {
    color: #000;
  }
  .product-list .products .product-item .detail:hover .title .name {
    color: #000;
    text-decoration: none;
  }
  .product-list .products .product-item .links .compare {
    text-align: center;
    border-top: 1px solid #e5e5e5;
    padding: 8px 0 0;
    margin: 8px 0 0;
    font-size: 85.714%;
  }
  .product-list .products .product-item .links .to-detail {
    display: none;
  }
  .inner-wrap > .product-list {
    margin-bottom: 2em;
  }
}
@media all and (min-width: 100px) {
  .products-list-head .newset-articles {
    margin: 0 -10px 1.5em;
    padding: 0 10px 0;
  }
  .products-list-head .newset-articles > h2 {
    padding: 0 10px;
  }
  .products-list-head .newset-articles li {
    margin: 15px 0;
    padding: 8px 10px;
    border-left: 1px solid #e4ecf2;
  }
  .products-list-head .newset-articles li:first-child {
    border-left: 0;
  }
  .products-list-head .newset-articles .show-all {
    padding: 0 10px;
    margin: 1.5em auto 0;
    max-width: 65.45%;
    text-align: center;
    border-top: 1px solid #e4ecf2;
  }
}
@media all and (min-width: 100px) {
  .products-list-head .products-list-desc {
    margin: 0;
    border-top: 0;
    padding: 1em 0 1.5em 230px;
    border-bottom: 1px solid #e4ecf2;
  }
  .products-list-head .products-list-desc p {
    display: block;
    max-width: 820px;
  }
  .products-list-head .products-list-desc .img {
    float: left;
    margin-left: -230px;
    width: 200px;
  }
  .products-list-head .products-list-desc ul {
    display: block;
  }
  .products-list-head .products-list-desc ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
  }
  .products-list-head .newset-articles {
    display: block;
    margin: 0 0 1.5em;
    padding: 0 0 1.5em;
    border-bottom: 1px solid #e4ecf2;
  }
  .products-list-head .newset-articles > h2 {
    padding: 0 20px;
  }
  .products-list-head .newset-articles li {
    padding: 10px 20px;
  }
  .page-placeholder .products-list-head {
    display: none;
  }
}
@media all and (min-width: 100px) {
  .products-list-head .newset-articles {
    margin: 0 0 1.5em;
  }
  .products-list-head .newset-articles > h2 {
    padding: 0 30px;
  }
  .products-list-head .newset-articles li {
    padding: 10px 30px;
  }
}
@media all and (min-width: 100px) {
  .product-list {
    margin: 0 -5px;
  }
  .product-list .products {
    letter-spacing: -0.34em;
    display: inline;
  }
  .product-list .products .product-item {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    max-width: 240px;
    margin: 0;
  }
  .product-list .products .product-item .spc {
    margin: 0 5px 10px;
    border: 1px solid #e5e5e5;
    -webkit-transition: box-shadow 300ms ease;
    -moz-transition: box-shadow 300ms ease;
    -o-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
    letter-spacing: normal;
  }
  .product-list .products .product-item .spc:hover {
    box-shadow: 0 1px 8px rgba(4, 4, 4, 0.14);
  }
  .product-list .products .product-item .detail {
    padding: 10px;
  }
  .product-list .products .product-item .detail .title {
    margin: 0;
  }
  .product-list .products .product-item .detail .title a {
    text-decoration: none;
  }
  .product-list .products .product-item .detail .title .img {
    float: none;
    margin: 0;
    width: auto;
    text-align: center;
  }
  .product-list .products .product-item .detail .title .name {
    text-align: center;
    margin: 0 0 15px;
  }
  .product-list .products .product-item .detail .dangerous {
    width: 36px;
    height: 36px;
    line-height: 36px;
    top: 10px;
    left: 10px;
  }
  .product-list .products .product-item .detail .dangerous:before {
    font-size: 31px;
  }
  .product-list .products .product-item .detail table tr td {
    padding-right: 0;
    font-size: 100%;
  }
  .product-list .products .product-item .detail .danger-info-params table tr td {
    font-size: 100%;
  }
  .product-list .products .product-item .detail .danger-info-params table tr.danger-row td a {
    padding-left: 20px;
  }
  .product-list .products .product-item .links {
    margin: 0 10px;
    padding: 0;
  }
  .product-list .products .product-item .links .compare {
    padding: 10px 0;
    margin: 0;
  }
  .product-list .products.products-line {
    letter-spacing: normal;
  }
  .product-list .products.products-line .product-item {
    display: block;
    width: auto;
    max-width: none;
  }
  .product-list .products.products-line .product-item .spc {
    letter-spacing: -0.34em;
    padding: 0;
  }
  .product-list .products.products-line .product-item .detail {
    display: inline-block;
    vertical-align: middle;
    width: 72.211%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    letter-spacing: normal;
    padding: 10px 10px 10px 100px;
    height: auto !important;
  }
  .product-list .products.products-line .product-item .detail .img {
    float: left;
    width: 80px;
    margin-left: -90px;
    height: auto !important;
  }
  .product-list .products.products-line .product-item .detail .img img {
    display: block;
  }
  .product-list .products.products-line .product-item .detail .name {
    text-align: left;
    color: #333333;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    font-size: 135.714%;
    height: auto !important;
  }
  .product-list .products.products-line .product-item .links {
    display: inline-block;
    vertical-align: middle;
    width: 27.788%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    letter-spacing: normal;
    text-align: center;
  }
  .product-list .products.products-line .product-item .links .compare {
    border: 0;
    padding: 0;
  }
  .product-list .products.products-line .product-item .links .to-detail {
    display: block;
    margin: 10px 0 0;
  }
}
@media all and (min-width: 100px) {
  .product-list {
    margin: 0 -10px;
  }
  .product-list .products .product-item .spc {
    margin: 0 10px 20px;
  }
}
@media all and (min-width: 100px) {
  .product-list {
    margin: 0 -5px;
  }
  .product-list .products .product-item .spc {
    margin: 0 5px 10px;
  }
}
@media all and (min-width: 100px) {
  .product-list {
    margin: 0 -10px;
  }
  .product-list .products .product-item .spc {
    margin: 0 10px 20px;
  }
  .product-list .products.products-line .product-item .spc {
    margin-bottom: 10px;
  }
  .product-list .products.products-line .product-item .detail {
    padding-bottom: 15px;
  }
  .product-list .products.products-line .product-item .detail .params,
  .product-list .products.products-line .product-item .detail .rating {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 3%;
  }
  .product-list .products.products-line .product-item .detail .rating {
    margin-right: 0;
  }
  .product-list .products.products-line .product-item .detail table {
    width: auto;
  }
  .product-list .products.products-line .product-item .detail table tr {
    display: table-row;
  }
  .product-list .products.products-line .product-item .detail table tr th {
    padding-right: 10px;
  }
  .product-list .products.products-line .product-item .detail table tr td {
    text-align: left;
  }
}
@media all and (min-width: 100px) {
  .product-list {
    margin: 0 -5px;
  }
  .product-list .products .product-item {
    width: 25%;
  }
  .product-list .products .product-item .spc {
    margin: 0 5px 10px;
  }
  .product-list .products.products-line .product-item .spc {
    margin-bottom: 10px;
  }
  .product-list .products.products-line .product-item .detail {
    padding-left: 140px;
  }
  .product-list .products.products-line .product-item .detail .img {
    width: 120px;
    margin-left: -130px;
  }
}
@media all and (min-width: 100px) {
  .product-list .products.products-line .product-item .spc {
    margin-bottom: 10px;
  }
  .product-list .products.products-line .product-item .detail {
    padding-left: 170px;
    width: 74.211%;
  }
  .product-list .products.products-line .product-item .detail .img {
    width: 150px;
    margin-left: -160px;
  }
  .product-list .products.products-line .product-item .links {
    width: 25.788%;
  }
}
@media all and (min-width: 100px) {
  .product-list {
    margin: 0 -10px;
  }
  .product-list .products .product-item .spc {
    margin: 0 10px 20px;
  }
}
@media all {
  #side-filter {
    margin-bottom: 1.5em;
  }
  #side-filter .filter-control a {
    height: 40px;
    text-decoration: none;
    line-height: 40px;
    border-radius: 3px;
    padding: 0 13px 0 20px;
    border: 0;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #fff;
    background: #008ac9;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #side-filter .filter-control a span {
    padding-right: 28px;
    position: relative;
    display: inline-block;
    line-height: 1.3;
  }
  #side-filter .filter-control a span:after {
    content: "j";
    font-family: 'dTest';
    position: absolute;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-top: -6px;
    font-weight: normal;
    right: 0;
    top: 50%;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
  }
  #side-filter .filter-control a:hover {
    background: #0074ab;
    color: #fff;
    cursor: pointer;
  }
  .no-je #side-filter .filter-control {
    display: none;
  }
  #side-filter.ca-expanded .filter-control a span:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  #side-filter .filter-content {
    margin: 1em -10px;
    background: #e4edf4;
  }
  #side-filter .filter-content .filter-group {
    padding: 10px 20px;
    border-bottom: 1px solid #cfd7de;
  }
  #side-filter .filter-content .filter-group .title {
    font-family: 'Oswald', sans-serif;
    color: #5b7b8b;
    font-size: 135.714%;
    font-weight: bold;
    margin: 0 0 5px;
  }
  #side-filter .filter-content .filter-group .title .logged-only {
    display: inline-block;
    vertical-align: middle;
    background: #eb222e;
    padding: 3px 12px;
    color: #fff;
    font-size: 84.211%;
    margin: 0 0 2px 5px;
    position: relative;
  }
  #side-filter .filter-content .filter-group .title .logged-only:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6px 5px 0;
    border-color: transparent #eb222e transparent transparent;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -5px;
  }
  #side-filter .filter-content .filter-group .items li {
    margin: 8px 0;
  }
  #side-filter .filter-content .filter-group .items li > label {
    display: block;
    padding-left: 20px;
    font-size: 100%;
    color: #5b7b8b;
    line-height: 1.3;
  }
  #side-filter .filter-content .filter-group .items li > label:before,
  #side-filter .filter-content .filter-group .items li > label:after {
    content: " ";
    display: table;
  }
  #side-filter .filter-content .filter-group .items li > label:after {
    clear: both;
  }
  #side-filter .filter-content .filter-group .items li > label input {
    float: left;
    margin: 2px 0 0 -20px;
  }
  #side-filter .filter-content .filter-group .items li > label span {
    color: #8aa5b3;
    font-size: 85.714%;
  }
  #side-filter .filter-content .filter-group .items.scrollable {
    border: 1px solid #ced6dd;
    padding: 0 5px;
    max-height: 170px;
    overflow-y: auto;
  }
  #side-filter .filter-content .submit {
    margin: 0;
    padding: 1em 10px;
    text-align: center;
  }
  #side-filter .filter-content .submit .btn {
    padding: 0 10px;
  }
}
@media all and (min-width: 100px) {
  #side-filter .filter-control {
    display: none;
  }
  #side-filter .filter-content {
    display: block !important;
    height: auto !important;
    margin: 0 0 1em;
  }
  #side-filter .filter-content .filter-group {
    padding: 15px 20px;
  }
}
@media all {
  .pager,
  #pd-box-pager {
    margin: 1em 0;
  }
  .pager:before,
  #pd-box-pager:before,
  .pager:after,
  #pd-box-pager:after {
    content: " ";
    display: table;
  }
  .pager:after,
  #pd-box-pager:after {
    clear: both;
  }
  .pager a,
  #pd-box-pager a {
    display: none;
    border: 1px solid #cdd7dc;
    border-radius: 2px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    color: #5b7b8b;
    -webkit-transition: background 300ms ease, border-color 300ms ease;
    -moz-transition: background 300ms ease, border-color 300ms ease;
    -o-transition: background 300ms ease, border-color 300ms ease;
    transition: background 300ms ease, border-color 300ms ease;
    vertical-align: middle;
  }
  .pager a:hover,
  #pd-box-pager a:hover,
  .pager a.active,
  #pd-box-pager a.active {
    background: #f1f6f9;
    border-color: #5b7b8b;
  }
  .pager a.prev,
  #pd-box-pager a.prev,
  .pager a.next,
  #pd-box-pager a.next {
    display: block;
    float: left;
    width: auto;
    padding: 0 8px;
    border-color: #5b7b8b;
  }
  .pager a.next,
  #pd-box-pager a.next {
    float: right;
  }
  .pager .dots,
  #pd-box-pager .dots {
    display: none;
  }
  #pd-box-pager {
    max-width: none !important;
  }
  #pd-box-pager a.prev {
    margin-left: 10px;
    left: 0;
  }
  #pd-box-pager a.next {
    margin-right: 10px;
    right: 0;
  }
  .loading #pd-box-pager {
    padding-bottom: 150px;
  }
}
@media all and (min-width: 100px) {
  .pager a,
  #pd-box-pager a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
  }
  .pager a.prev,
  #pd-box-pager a.prev,
  .pager a.next,
  #pd-box-pager a.next {
    float: none;
    display: inline-block;
  }
  .pager .dots,
  #pd-box-pager .dots {
    display: inline-block !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    color: #5b7b8b;
    margin-right: 2px;
  }
  .pager.pager-right,
  #pd-box-pager.pager-right {
    text-align: right;
    max-width: 790px;
  }
}
@media all and (min-width: 100px) {
  #pd-box-pager {
    padding: 0 130px;
    position: relative;
  }
  #pd-box-pager a.prev,
  #pd-box-pager a.next {
    position: absolute;
    top: 0;
    width: 100px;
  }
}
@media all {
  .categories {
    margin: 0 -5px 1em;
    letter-spacing: -0.34em;
    position: relative;
    z-index: 1;
  }
  .categories .category-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .categories .category-item .spc {
    margin: 0 5px 10px;
    background: #e4edf4;
  }
  .categories .category-item .main {
    display: block;
    padding: 20px 10px 10px;
    letter-spacing: normal;
    text-decoration: none;
    margin-bottom: 10px;
  }
  .categories .category-item .main .title {
    margin: 0;
    font-size: 135.714%;
    font-family: 'Oswald', sans-serif;
  }
  .categories .category-item .main .title .img {
    height: 150px;
  }
  .categories .category-item .main .title .img img {
    display: block;
    margin: 0 auto;
  }
  .categories .category-item .main .title .name {
    display: block;
    margin-top: 10px;
    line-height: 1.1;
    font-size: 100%;
  }
  .categories .category-item .main .title .name .count {
    font-size: 63.158%;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #8aa5b3;
  }
  .categories .category-item .main .placeholder {
    height: 20px;
    display: block;
  }
  .categories .category-item .sub {
    padding: 0 10px 10px;
    letter-spacing: normal;
  }
  .categories .category-item .sub li {
    margin: 10px 0;
    line-height: 1.4;
  }
  .categories .category-item .sub .ca-slide {
    margin-top: 10px;
  }
  .categories .category-item .sub .ca-slide .ca-control a {
    color: #5a7482;
    padding-left: 20px;
    text-decoration: none;
    position: relative;
  }
  .categories .category-item .sub .ca-slide .ca-control a:before {
    content: "i";
    font-family: 'dTest';
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    height: 16px;
    line-height: 16px;
    margin-top: -8px;
  }
  .categories .category-item .sub .ca-slide .ca-control a span {
    text-decoration: underline;
  }
  .categories .category-item .sub .ca-slide .ca-control a:hover {
    color: #333333;
  }
  .categories .category-item .sub .ca-slide .ca-control a:hover span {
    text-decoration: none;
  }
  .categories .category-item.archive .spc {
    background: none;
  }
  .categories .category-item.archive .main {
    padding-left: 50px;
    padding-bottom: 10px !important;
    text-decoration: none;
    position: relative;
    color: #333333;
    line-height: 1.5;
    margin-bottom: 0 !important;
  }
  .categories .category-item.archive .main:before {
    content: "p";
    font-family: 'dTest';
    font-size: 30px;
    display: block;
    width: 50px;
    text-align: center;
    float: left;
    margin-left: -50px;
    line-height: 30px;
    color: #8aa5b3;
  }
  .categories .category-item.archive .main .title {
    display: block;
  }
  .categories .category-item.archive .ca-box {
    letter-spacing: normal;
    padding: 1px 0 1px 15px;
  }
  .magazines {
    margin: 0 -5px 1em;
    letter-spacing: -0.34em;
  }
  .magazines .category-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
  .magazines .category-item .spc {
    margin: 0 5px 10px;
    max-width: 160px;
  }
  .magazines .category-item .main {
    text-decoration: none;
    display: block;
    letter-spacing: normal;
  }
  .magazines .category-item .main .img {
    height: 200px;
    display: block;
    margin-bottom: 6px;
  }
  .magazines .category-item .main .img img {
    border: 1px solid #e5e5e5;
    max-height: 198px;
    -webkit-transition: box-shadow 300ms ease;
    -moz-transition: box-shadow 300ms ease;
    -o-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
  }
  .magazines .category-item .main:hover .img img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  }
  .categories-final {
    margin: 0 0 2em;
  }
  .categories-final .category-item {
    display: block;
    margin: 20px 0;
  }
  .categories-final .category-item .main {
    display: block;
    padding-left: 125px;
    text-decoration: none;
    border: 1px solid #c6d5dc;
  }
  .categories-final .category-item .main:before,
  .categories-final .category-item .main:after {
    content: " ";
    display: table;
  }
  .categories-final .category-item .main:after {
    clear: both;
  }
  .categories-final .category-item .main .title {
    margin: 0;
  }
  .categories-final .category-item .main .img {
    display: block;
    width: 120px;
    float: left;
    margin-left: -125px;
  }
  .categories-final .category-item .main .img img {
    display: block;
  }
  .categories-final .category-item .main .name {
    padding: .7em 1em 0 0;
    display: block;
  }
  .categories-final .category-item .main .count {
    font-size: 63.158%;
    color: #8aa5b3;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  }
  .categories-final .archive {
    display: block;
    margin: 20px 0;
  }
  .categories-final .archive .main {
    display: block;
    padding-left: 60px;
    text-decoration: none;
    position: relative;
    color: #333333;
  }
  .categories-final .archive .main:before {
    content: "p";
    font-family: 'dTest';
    font-size: 30px;
    display: block;
    width: 60px;
    text-align: center;
    float: left;
    margin-left: -60px;
    line-height: 30px;
    color: #8aa5b3;
  }
  .categories-final .archive .main .title {
    margin: 0;
  }
  .categories-final .archive .main .title .count {
    font-size: 63.158%;
    color: #8aa5b3;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  }
  .categories-final .archive .ca-box {
    letter-spacing: normal;
    padding: 10px 0 1px 60px;
  }
  .bricks .category-item {
    margin: 0 0 10px;
  }
  .bricks .main {
    display: block;
    border-left: 10px solid #c5d1d9;
    background: #e4edf4;
    padding: 20px;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    position: relative;
    -webkit-transition: border-color 300ms ease;
    -moz-transition: border-color 300ms ease;
    -o-transition: border-color 300ms ease;
    transition: border-color 300ms ease;
  }
  .bricks .main:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #c5d1d9;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: border-color 300ms ease;
    -moz-transition: border-color 300ms ease;
    -o-transition: border-color 300ms ease;
    transition: border-color 300ms ease;
  }
  .bricks .main .title {
    margin: 0;
    font-size: 114.286%;
  }
  .bricks .main .title .count {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #8aa5b3;
    font-weight: normal;
    margin-left: 4px;
  }
  .bricks .main:hover {
    border-color: #333333;
  }
  .bricks .main:hover:before {
    border-left-color: #333333;
  }
}
@media all and (min-width: 100px) {
  .categories .category-item {
    width: 33.333%;
  }
}
@media all and (min-width: 100px) {
  .categories .category-item {
    width: 25%;
  }
}
@media all and (min-width: 100px) {
  .categories .category-item {
    width: 20%;
  }
}
@media all and (max-width: 999px) {
  .categories .category-item.archive-expanded .spc {
    height: auto !important;
  }
}
@media all and (min-width: 100px) {
  .categories .category-item {
    width: 16.667%;
    max-width: 180px;
  }
  .categories .category-item .spc {
    -webkit-transition: margin 300ms ease, padding 300ms ease, box-shadow 300ms ease;
    -moz-transition: margin 300ms ease, padding 300ms ease, box-shadow 300ms ease;
    -o-transition: margin 300ms ease, padding 300ms ease, box-shadow 300ms ease;
    transition: margin 300ms ease, padding 300ms ease, box-shadow 300ms ease;
  }
  .categories .category-item .spc:hover,
  .categories .category-item .spc.hover {
    margin: 0 -5px 10px;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(4, 4, 4, 0.36);
    position: relative;
    height: auto !important;
  }
  .categories .category-item .spc:hover .main,
  .categories .category-item .spc.hover .main {
    padding: 20px;
  }
  .categories .category-item .spc:hover .sub,
  .categories .category-item .spc.hover .sub {
    padding: 0 20px 10px;
    position: static;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .categories .category-item .main {
    padding-bottom: 20px;
    -webkit-transition: padding 300ms ease;
    -moz-transition: padding 300ms ease;
    -o-transition: padding 300ms ease;
    transition: padding 300ms ease;
  }
  .categories .category-item .sub {
    font-size: 92.857%;
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 100%;
  }
  .categories .category-item .sub li {
    margin: 6px 0;
  }
  .categories .category-item .sub a {
    color: #008ac9;
  }
  .categories .category-item.archive .spc:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    margin: 0 5px 10px;
    padding-bottom: 10px;
    background: none;
    box-shadow: none;
  }
  .categories .category-item.archive .spc:hover .main {
    padding: 20px 10px 0 50px;
  }
  .categories .category-item.archive .spc .main:before {
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
  }
  .categories .category-item.archive .spc .main:hover:before {
    color: #333;
  }
}
@media all and (min-width: 100px) {
  .magazines .category-item {
    width: 33.333%;
  }
}
@media all and (min-width: 100px) {
  .magazines .category-item {
    width: 25%;
    max-width: 196px;
  }
}
@media all and (min-width: 100px) {
  .magazines .category-item {
    width: 20%;
  }
}
@media all and (min-width: 100px) {
  .categories-final {
    letter-spacing: -0.34em;
    margin: 0 -10px 2em;
  }
  .categories-final .category-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 430px;
    margin: 0;
  }
  .categories-final .category-item .spc {
    margin: 0 10px 20px;
    letter-spacing: normal;
  }
  .categories-final .archive {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
  .categories-final .archive .spc {
    margin: 0 10px 20px;
  }
  .categories-final .archive .main {
    letter-spacing: normal;
    margin-top: 1em;
  }
  .categories-final .archive .main:before {
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
  }
  .categories-final .archive .main:hover:before {
    color: #333;
  }
}
@media all and (min-width: 100px) {
  .categories-final .category-item .main {
    padding-left: 150px;
    -webkit-transition: box-shadow 300ms ease;
    -moz-transition: box-shadow 300ms ease;
    -o-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
  }
  .categories-final .category-item .main:hover {
    box-shadow: 0 4px 10px rgba(4, 4, 4, 0.36);
  }
  .categories-final .category-item .main .img {
    width: 145px;
    margin-left: -150px;
  }
}
@media all and (min-width: 100px) {
  .categories-final .category-item .main {
    padding-left: 175px;
  }
  .categories-final .category-item .main .img {
    width: 170px;
    margin-left: -175px;
  }
  .categories-final .category-item .main .name {
    padding-top: 1em;
  }
}
@media all and (min-width: 100px) {
  .categories-final .category-item .main {
    padding-left: 230px;
  }
  .categories-final .category-item .main .img {
    width: 225px;
    margin-left: -230px;
  }
}
@media all and (min-width: 100px) {
  .bricks {
    letter-spacing: -0.34em;
    margin: 0 -10px;
  }
  .bricks .category-item {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin: 0;
  }
  .bricks .spc {
    margin: 0 10px 20px;
    letter-spacing: normal;
  }
  .bricks .main .title {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
  }
}
@media all and (min-width: 100px) {
  .bricks .category-item {
    width: 33.333%;
  }
}
@media all and (min-width: 100px) {
  .bricks {
    max-width: 1080px;
  }
  .bricks .category-item {
    width: 25%;
    max-width: 240px;
  }
}
@media all {
  .wanna-buy-box {
    margin: 1em -10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
  .wanna-buy-box .spc {
    position: relative;
    z-index: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wanna-buy-box .spc:after {
    position: absolute;
    z-index: 0;
    width: 50%;
    height: 500px;
    top: 0;
    right: 75%;
    content: "";
    background: -moz-radial-gradient(center, ellipse cover, rgba(247, 250, 252, 0.7) 0%, rgba(125, 185, 232, 0) 70%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(247, 250, 252, 0.7)), color-stop(70%, rgba(125, 185, 232, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(247, 250, 252, 0.7) 0%, rgba(125, 185, 232, 0) 70%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(247, 250, 252, 0.7) 0%, rgba(125, 185, 232, 0) 70%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(247, 250, 252, 0.7) 0%, rgba(125, 185, 232, 0) 70%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(247, 250, 252, 0.7) 0%, rgba(125, 185, 232, 0) 70%);
    /* W3C */
  }
  .wanna-buy-box .wb-detail {
    display: block;
    text-decoration: none;
    color: #333333;
    padding: 20px 10px;
    position: relative;
    z-index: 1;
  }
  .wanna-buy-box .wb-detail .wb-c1 {
    text-align: center;
    padding: 0 20px;
  }
  .wanna-buy-box .wb-detail .wb-c1 .wb-img {
    display: none;
  }
  .wanna-buy-box .wb-detail .wb-c1 .wb-title {
    color: #5b7b8b;
    margin: 0;
  }
  .wanna-buy-box .wb-detail .wb-c1 .subscription {
    text-align: center;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  .wanna-buy-box .wb-detail .wb-c1 .subscription:after {
    content: "";
    height: 4px;
    width: 44px;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #5b7b8b;
  }
  .wanna-buy-box .wb-detail .wb-c1 .be-subscriber {
    text-align: center;
  }
  .wanna-buy-box .wb-detail .wb-c1 .magazine-buttons {
    text-align: center;
  }
  .wanna-buy-box .wb-detail .wb-c1 p {
    margin: 0;
    line-height: 1.3;
  }
  .wanna-buy-box .wb-detail .wb-c1 p .btn {
    margin-top: 10px;
  }
  .wanna-buy-box .wb-detail .wb-c1 p .main-order {
    margin-top: 0;
  }
  .wanna-buy-box .wb-detail .wb-c1 p .link-test {
    vertical-align: middle;
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    white-space: nowrap;
  }
  .wanna-buy-box .wb-detail .hp-links {
    width: auto;
    text-align: left;
  }
  .wanna-buy-box .wb-detail .wb-c2 {
    display: block;
    padding: 0 20px;
    text-align: left;
    max-width: 280px;
    margin: 0 auto;
  }
  .wanna-buy-box .wb-detail .wb-c2 ul {
    margin-bottom: 0;
  }
  .wanna-buy-box .wb-detail .wb-c2 ul li {
    line-height: 1.3;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .wanna-buy-box.simple {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
  }
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i3_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4,
  .wanna-buy-box.i4_of_4 {
    margin: 4px 0;
  }
  .wanna-buy-box.i1_of_3 .spc,
  .wanna-buy-box.i2_of_3 .spc,
  .wanna-buy-box.i3_of_3 .spc,
  .wanna-buy-box.i1_of_4 .spc,
  .wanna-buy-box.i2_of_4 .spc,
  .wanna-buy-box.i3_of_4 .spc,
  .wanna-buy-box.i4_of_4 .spc {
    overflow: hidden;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box .spc {
    min-height: 200px;
  }
  .wanna-buy-box .wb-detail {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 1.7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.34em;
  }
  .wanna-buy-box .wb-detail .wb-c1 {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: left;
    letter-spacing: normal;
  }
  .wanna-buy-box .wb-detail .hp-links {
    width: auto;
    display: block;
  }
  .wanna-buy-box .wb-detail .wb-c2 {
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    letter-spacing: normal;
    max-width: none;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box {
    border: 0;
    margin: 0 0 1em;
  }
  .wanna-buy-box .spc {
    border: 1px solid #e7e7e7;
    -webkit-transition: box-shadow 300ms ease;
    -moz-transition: box-shadow 300ms ease;
    -o-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
  }
  .wanna-buy-box .spc:hover {
    box-shadow: 0 1px 8px rgba(4, 4, 4, 0.14);
  }
  .wanna-buy-box.simple {
    margin: 0 -10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
  .wanna-buy-box.simple .spc {
    min-height: 167px;
    display: inline-block;
    width: 100%;
    text-align: left;
    border: 0;
    max-width: 1220px;
  }
  .wanna-buy-box.simple .spc:hover {
    box-shadow: none;
  }
  .wanna-buy-box.simple .wb-detail {
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -0.34em;
    max-width: 1080px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 {
    padding-left: 150px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .wb-img {
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    width: 110px;
    height: 127px;
    margin-top: -63px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .subscription {
    text-align: left;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .subscription:after {
    display: none;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .be-subscriber {
    text-align: left;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .magazine-buttons {
    text-align: left;
  }
  .wanna-buy-box.simple .wb-detail .hp-links {
    padding-left: 190px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c2 {
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wanna-buy-box.simple .wb-detail .wb-c2 ul {
    margin: 0;
  }
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i3_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4,
  .wanna-buy-box.i4_of_4 {
    margin: 0 0 10px;
  }
  .wanna-buy-box.i1_of_3 .spc,
  .wanna-buy-box.i2_of_3 .spc,
  .wanna-buy-box.i3_of_3 .spc,
  .wanna-buy-box.i1_of_4 .spc,
  .wanna-buy-box.i2_of_4 .spc,
  .wanna-buy-box.i3_of_4 .spc,
  .wanna-buy-box.i4_of_4 .spc {
    margin: 0 5px;
  }
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4 {
    display: inline-block;
    vertical-align: top;
  }
  .wanna-buy-box.i1_of_3 .wb-detail,
  .wanna-buy-box.i2_of_3 .wb-detail,
  .wanna-buy-box.i1_of_4 .wb-detail,
  .wanna-buy-box.i2_of_4 .wb-detail,
  .wanna-buy-box.i3_of_4 .wb-detail {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.7;
  }
  .wanna-buy-box.i1_of_3 {
    width: 33.333%;
    max-width: 240px;
  }
  .wanna-buy-box.i1_of_3 .spc {
    overflow: hidden;
  }
  .wanna-buy-box.i1_of_3 .wb-detail {
    padding: 10px;
  }
  .wanna-buy-box.i1_of_3 .wb-detail .wb-c1 {
    display: block;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .wanna-buy-box.i1_of_3 .wb-detail .wb-c1 .wb-img {
    display: block;
    float: none;
    margin: 0 0 10px;
    height: 100px;
    width: auto;
    position: static;
  }
  .wanna-buy-box.i1_of_3 .wb-detail .wb-c1 .wb-title {
    margin: 15px 0;
  }
  .wanna-buy-box.i1_of_3 .wb-detail .wb-c1 .btn {
    display: block;
    padding: 0;
    text-align: center;
    margin-top: 15px;
  }
  .wanna-buy-box.i1_of_3 .wb-detail .wb-c2 {
    display: none;
  }
  .wanna-buy-box.i2_of_3 {
    width: 66.667%;
    max-width: 480px;
  }
  .wanna-buy-box.i2_of_3 .wb-detail {
    padding: 20px;
  }
  .wanna-buy-box.i2_of_3 .wb-detail .wb-c1 {
    display: block;
    width: auto;
    padding-left: 140px;
    margin-bottom: 2em;
    min-height: 150px;
    line-height: 150px;
    position: relative;
  }
  .wanna-buy-box.i2_of_3 .wb-detail .wb-c1:before,
  .wanna-buy-box.i2_of_3 .wb-detail .wb-c1:after {
    content: " ";
    display: table;
  }
  .wanna-buy-box.i2_of_3 .wb-detail .wb-c1:after {
    clear: both;
  }
  .wanna-buy-box.i2_of_3 .wb-detail .wb-c1 .in {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: 1.7;
  }
  .wanna-buy-box.i2_of_3 .wb-detail .wb-c1 .wb-img {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 120px;
    height: 139px;
    margin-top: -70px;
  }
  .wanna-buy-box.i2_of_3 .wb-detail .wb-c2 {
    display: block;
    width: auto;
  }
  .wanna-buy-box.i3_of_3 {
    display: block;
    max-width: 720px;
    width: auto;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box {
    margin-bottom: 20px;
  }
  .wanna-buy-box.simple .spc {
    min-height: 190px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 {
    width: 60%;
    padding-left: 170px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .wb-img {
    width: 130px;
    height: 150px;
    margin-top: -75px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .link-test {
    vertical-align: middle;
    display: inline;
    margin-top: 10px;
    margin-left: 10px;
    white-space: nowrap;
  }
  .wanna-buy-box.simple .wb-detail .hp-links {
    width: auto;
    padding-left: 190px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c2 {
    width: 40%;
  }
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i3_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4,
  .wanna-buy-box.i4_of_4 {
    margin: 0 0 20px;
  }
  .wanna-buy-box.i1_of_3 .spc,
  .wanna-buy-box.i2_of_3 .spc,
  .wanna-buy-box.i3_of_3 .spc,
  .wanna-buy-box.i1_of_4 .spc,
  .wanna-buy-box.i2_of_4 .spc,
  .wanna-buy-box.i3_of_4 .spc,
  .wanna-buy-box.i4_of_4 .spc {
    margin: 0 10px;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box.simple .spc {
    min-height: 225px;
    padding-left: 74px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 {
    padding-left: 180px;
    padding-right: 20px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .wb-img {
    width: 160px;
    left: 0;
    height: 185px;
    margin-top: -92px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .wb-title {
    font-size: 24px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c2 {
    padding-left: 0;
  }
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i3_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4,
  .wanna-buy-box.i4_of_4 {
    margin-bottom: 10px;
  }
  .wanna-buy-box.i1_of_3 .spc,
  .wanna-buy-box.i2_of_3 .spc,
  .wanna-buy-box.i3_of_3 .spc,
  .wanna-buy-box.i1_of_4 .spc,
  .wanna-buy-box.i2_of_4 .spc,
  .wanna-buy-box.i3_of_4 .spc,
  .wanna-buy-box.i4_of_4 .spc {
    margin: 0 5px;
  }
  .wanna-buy-box.iline {
    display: block;
    width: auto;
    max-width: none;
    line-height: 1.7 !important;
  }
  .wanna-buy-box.iline .spc {
    height: auto !important;
    min-height: 248px;
    line-height: 248px;
  }
  .wanna-buy-box.iline .wb-detail {
    padding: 20px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 {
    padding-left: 200px;
    text-align: left;
    margin: 0;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .wb-img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 180px;
    height: 208px;
    margin: -104px 0 0;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .wb-title {
    margin-top: 0;
    font-size: 24px;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .btn {
    display: inline-block;
    padding: 0 20px;
  }
  .wanna-buy-box.iline .wb-detail .wb-c2 {
    display: none;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box.i3_of_3 .wb-detail {
    letter-spacing: -0.34em;
  }
  .wanna-buy-box.i3_of_3 .wb-detail .wb-c1 {
    padding-left: 160px;
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .wanna-buy-box.i3_of_3 .wb-detail .wb-c1 .wb-img {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 140px;
    height: 162px;
    margin: -82px 0 0;
  }
  .wanna-buy-box.i3_of_3 .wb-detail .wb-c2 {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wanna-buy-box.i3_of_3 .wb-detail .wb-c2 ul {
    margin: 0;
  }
  .wanna-buy-box.iline .spc {
    min-height: 202px;
    line-height: 202px;
  }
  .wanna-buy-box.iline .wb-detail {
    letter-spacing: -0.34em;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 {
    padding-left: 160px;
    text-align: left;
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .wb-img {
    width: 140px;
    height: 162px;
    margin: -82px 0 0;
  }
  .wanna-buy-box.iline .wb-detail .wb-c2 {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    letter-spacing: normal;
  }
  .wanna-buy-box.iline .wb-detail .wb-c2 ul {
    margin-top: 0;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box.simple .spc {
    min-height: 270px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 {
    width: 55%;
    padding-left: 210px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .wb-img {
    width: 190px;
    height: 220px;
    margin-top: -110px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .wb-title {
    font-size: 30px;
  }
  .wanna-buy-box.simple .wb-detail .hp-links {
    width: auto;
  }
  .wanna-buy-box.simple .wb-detail .wb-c2 {
    width: 45%;
  }
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i3_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4,
  .wanna-buy-box.i4_of_4 {
    margin-bottom: 20px;
  }
  .wanna-buy-box.i1_of_3 .spc,
  .wanna-buy-box.i2_of_3 .spc,
  .wanna-buy-box.i3_of_3 .spc,
  .wanna-buy-box.i1_of_4 .spc,
  .wanna-buy-box.i2_of_4 .spc,
  .wanna-buy-box.i3_of_4 .spc,
  .wanna-buy-box.i4_of_4 .spc {
    margin: 0 10px;
  }
  .wanna-buy-box.iline {
    margin-bottom: 10px;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i3_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4,
  .wanna-buy-box.i4_of_4 {
    margin-bottom: 10px;
  }
  .wanna-buy-box.i1_of_3 .spc,
  .wanna-buy-box.i2_of_3 .spc,
  .wanna-buy-box.i3_of_3 .spc,
  .wanna-buy-box.i1_of_4 .spc,
  .wanna-buy-box.i2_of_4 .spc,
  .wanna-buy-box.i3_of_4 .spc,
  .wanna-buy-box.i4_of_4 .spc {
    margin: 0 5px;
  }
  .wanna-buy-box.i3_of_3 {
    display: inline-block;
  }
  .wanna-buy-box.i1_of_4 {
    width: 25%;
    max-width: 240px;
  }
  .wanna-buy-box.i1_of_4 .wb-detail {
    padding: 10px;
  }
  .wanna-buy-box.i1_of_4 .wb-detail .wb-c1 {
    margin-bottom: 0;
    padding: 0;
    display: block;
    width: auto;
    text-align: center;
  }
  .wanna-buy-box.i1_of_4 .wb-detail .wb-c1 .wb-img {
    display: block;
    float: none;
    margin: 0 0 10px;
    height: 100px;
    width: auto;
    position: static;
  }
  .wanna-buy-box.i1_of_4 .wb-detail .wb-c1 .wb-title {
    margin-bottom: 15px;
  }
  .wanna-buy-box.i1_of_4 .wb-detail .wb-c1 .btn {
    display: inline-block;
    padding: 0 10px;
    margin-top: 15px;
  }
  .wanna-buy-box.i1_of_4 .wb-detail .wb-c2 {
    display: none;
  }
  .wanna-buy-box.i2_of_4 {
    width: 50%;
    max-width: 480px;
  }
  .wanna-buy-box.i2_of_4 .wb-detail {
    padding: 0 20px;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1 {
    margin-bottom: 1em;
    padding-left: 140px;
    min-height: 140px;
    line-height: 140px;
    display: block;
    width: auto;
    position: relative;
    padding-right: 0;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1:before,
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1:after {
    content: " ";
    display: table;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1:after {
    clear: both;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1 .in {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: 1.7;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1 .wb-img {
    width: 110px;
    height: 127px;
    margin-top: -63px;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1 .btn {
    display: inline-block;
    padding: 0 20px;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c2 {
    display: block;
    width: auto;
  }
  .wanna-buy-box.i3_of_4 {
    width: 75%;
    max-width: 720px;
  }
  .wanna-buy-box.i3_of_4 .wb-detail {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 500px;
    display: inline-block;
    width: 100%;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1 {
    display: block;
    width: auto;
    padding-left: 140px;
    margin-bottom: 1em;
    min-height: 150px;
    line-height: 150px;
    text-align: left;
    position: relative;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1:before,
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1:after {
    content: " ";
    display: table;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1:after {
    clear: both;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1 .in {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: 1.7;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1 .wb-img {
    width: 120px;
    height: 139px;
    margin-top: -70px;
    position: absolute;
    top: 50%;
    left: 0;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1 .btn {
    display: inline-block;
    padding: 0 20px;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c2 {
    display: block;
    width: auto;
  }
  .wanna-buy-box.i4_of_4 {
    display: block;
    width: auto;
    max-width: none;
  }
  .wanna-buy-box.i4_of_4 .wb-detail {
    letter-spacing: -0.34em;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 {
    display: inline-block;
    width: 60%;
    padding-left: 140px;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    position: relative;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 .wb-img {
    width: 119px;
    height: 138px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -69px 0 0 0;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 .btn {
    display: inline-block;
    padding: 0 20px;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c2 {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    letter-spacing: normal;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c2 ul {
    margin: 0;
  }
  .wanna-buy-box.iline {
    display: block;
    width: auto;
    max-width: none;
  }
  .wanna-buy-box.iline .spc {
    min-height: 202px;
    line-height: 202px;
  }
  .wanna-buy-box.iline .wb-detail {
    letter-spacing: -0.34em;
    max-width: none;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 {
    padding-left: 160px;
    text-align: left;
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .wb-img {
    width: 140px;
    height: 162px;
    margin: -82px 0 0;
    position: absolute;
  }
  .wanna-buy-box.iline .wb-detail .wb-c2 {
    display: inline-block;
    width: 35%;
    vertical-align: middle;
    letter-spacing: normal;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box.simple .spc {
    min-height: 313px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 {
    width: 66%;
    padding-left: 249px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c1 .wb-img {
    width: 219px;
    height: 253px;
    margin-top: -126px;
  }
  .wanna-buy-box.simple .wb-detail .wb-c2 {
    width: 34%;
  }
  .wanna-buy-box.i3_of_4 .spc {
    text-align: center;
  }
  .wanna-buy-box.i3_of_4 .wb-detail {
    padding: 20px 30px;
    text-align: left;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1 {
    padding-left: 160px;
    margin-bottom: 1em;
    min-height: 170px;
    line-height: 170px;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1:before,
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1:after {
    content: " ";
    display: table;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1:after {
    clear: both;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c1 .wb-img {
    width: 140px;
    height: 162px;
    margin-top: -81px;
  }
  .wanna-buy-box.i3_of_4 .wb-detail .wb-c2 ul {
    margin: 0;
  }
  .wanna-buy-box.i4_of_4 .spc {
    min-height: 248px;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 {
    padding-left: 220px;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 .wb-img {
    height: 208px;
    width: 180px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -104px 0 0 0;
  }
  .wanna-buy-box.iline .spc {
    min-height: 268px;
    line-height: 268px;
  }
  .wanna-buy-box.iline .wb-detail {
    padding: 30px;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 {
    padding-left: 200px;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .wb-img {
    width: 180px;
    height: 208px;
    margin: -104px 0 0;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box .hp-links .in {
    padding-left: 55px;
  }
  .wanna-buy-box.i1_of_3,
  .wanna-buy-box.i2_of_3,
  .wanna-buy-box.i3_of_3,
  .wanna-buy-box.i1_of_4,
  .wanna-buy-box.i2_of_4,
  .wanna-buy-box.i3_of_4,
  .wanna-buy-box.i4_of_4 {
    margin-bottom: 20px;
  }
  .wanna-buy-box.i1_of_3 .spc,
  .wanna-buy-box.i2_of_3 .spc,
  .wanna-buy-box.i3_of_3 .spc,
  .wanna-buy-box.i1_of_4 .spc,
  .wanna-buy-box.i2_of_4 .spc,
  .wanna-buy-box.i3_of_4 .spc,
  .wanna-buy-box.i4_of_4 .spc {
    margin: 0 10px;
  }
  .wanna-buy-box.i2_of_4 .wb-detail {
    padding: 0 30px;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1 {
    padding-left: 160px;
    min-height: 170px;
    line-height: 170px;
  }
  .wanna-buy-box.i2_of_4 .wb-detail .wb-c1 .wb-img {
    width: 140px;
    height: 162px;
    margin-top: -81px;
  }
  .wanna-buy-box.i4_of_4 .spc {
    min-height: 293px;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 {
    padding-left: 240px;
    width: 66.667%;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 .wb-img {
    height: 253px;
    width: 219px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -126px 0 0 0;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c1 .wb-title {
    font-size: 30px;
  }
  .wanna-buy-box.i4_of_4 .wb-detail .wb-c2 {
    display: inline-block;
    width: 33.333%;
    vertical-align: middle;
  }
  .wanna-buy-box.iline {
    margin-bottom: 10px;
  }
  .wanna-buy-box.iline .spc {
    min-height: 268px;
    line-height: 268px;
  }
  .wanna-buy-box.iline .wb-detail {
    padding: 30px;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 {
    padding-left: 200px;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .wb-img {
    width: 180px;
    height: 208px;
    margin: -104px 0 0;
  }
  .wanna-buy-box.iline .wb-detail .wb-c1 .wb-title {
    font-size: 30px;
  }
}
@media all and (min-width: 100px) {
  .wanna-buy-box.simple .spc {
    padding: 0 64px;
  }
  .wanna-buy-box .hp-links .in {
    padding-left: 85px;
  }
}
@media all {
  .product-top .product-img {
    text-align: center;
    width: 200px;
    margin: 0 auto 1em;
    font-size: 12px;
  }
  .product-top .product-img a {
    text-decoration: none;
  }
  .product-top .product-img .img {
    display: block;
    height: 200px;
  }
  .product-top .product-img .gallery {
    display: inline;
    padding-left: 20px;
    position: relative;
  }
  .product-top .product-img .gallery:before {
    content: "f";
    font-family: 'dTest';
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    height: 16px;
    line-height: 16px;
  }
  .product-top .product-img .gallery span {
    text-decoration: underline;
  }
  .product-top .product-img a:hover .gallery span {
    text-decoration: none;
  }
  .product-top .other-images {
    display: none;
  }
  .product-top .basic-info {
    padding: 0 10px;
  }
  .product-top .basic-info table {
    border-collapse: collapse;
    width: 100%;
  }
  .product-top .basic-info table th {
    text-align: left;
    font-weight: normal;
    padding: 4px 15px 4px 0;
    line-height: 1.4;
  }
  .product-top .basic-info table td {
    padding: 4px 0;
    line-height: 1.4;
  }
  .product-top .basic-info table td strong {
    font-size: 150%;
  }
  .product-top .product-options {
    max-width: 300px;
    margin: 1em auto;
  }
  .product-top .product-options .not-logged-box {
    max-width: 300px;
    overflow: hidden;
  }
  .product-top .product-options .not-logged-box .arrowed {
    background: #f1f6f9;
    padding: 1em;
    position: relative;
    margin-bottom: 55px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: #475f6b;
    font-size: 19px;
    line-height: 1.4;
  }
  .product-top .product-options .not-logged-box .arrowed:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 42px 150px 0 150px;
    border-color: #f1f6f9 transparent transparent transparent;
    z-index: 0;
  }
  .product-top .product-options .not-logged-box .arrowed strong {
    font-weight: normal;
    color: #da202b;
  }
  .product-top .product-options .not-logged-box .arrowed span {
    display: block;
    font-size: 42px;
    color: #8aa5b3;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    z-index: 1;
    line-height: 1;
    margin-top: -0.3em;
  }
  .product-top + .inner-wrap:before {
    content: "";
    display: block;
    height: 1px;
    background: #e4ecf2;
    margin: -1em -10px 1em;
  }
  .product-top.dangerous-detail .product-right table,
  .product-top.law-detail .product-right table {
    border-collapse: collapse;
    margin-bottom: 1.5em;
    width: 100%;
  }
  .product-top.dangerous-detail .product-right table th,
  .product-top.law-detail .product-right table th {
    background: #f1f6f9;
    border-bottom: 2px solid #fff;
    font-weight: normal;
    padding: 7px 8px;
    line-height: 1.3;
    vertical-align: top;
  }
  .product-top.dangerous-detail .product-right table td,
  .product-top.law-detail .product-right table td {
    background: #e8eff3;
    border-bottom: 2px solid #fff;
    font-weight: bold;
    padding: 7px 8px;
    line-height: 1.3;
    vertical-align: top;
  }
  .product-top.dangerous-detail .product-right table td a,
  .product-top.law-detail .product-right table td a {
    font-weight: normal;
  }
  .product-top.dangerous-detail .product-right table td .danger,
  .product-top.law-detail .product-right table td .danger {
    display: block;
    padding-left: 26px;
    position: relative;
  }
  .product-top.dangerous-detail .product-right table td .danger:before,
  .product-top.law-detail .product-right table td .danger:before {
    content: "s";
    font-family: 'dTest';
    color: #da202b;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
    font-size: 17px;
  }
  .product-top.e-detail .product-right table {
    border-collapse: collapse;
    margin-bottom: 1em;
  }
  .product-top.e-detail .product-right table th {
    padding: 6px 10px 6px 0;
    text-align: left;
    font-weight: normal;
  }
  .product-top.e-detail .product-right table td {
    padding: 6px 0;
    text-align: left;
  }
  .product-top.e-detail .product-right table td.type:before {
    font-family: 'dTest';
    font-size: 22px;
    margin: 0 5px 5px 0;
    vertical-align: middle;
    display: inline-block;
    height: 22px;
    line-height: 22px;
  }
  .product-top.e-detail .product-right table td.safe {
    color: #55ac3c;
  }
  .product-top.e-detail .product-right table td.safe:before {
    content: "e";
  }
  .product-top.e-detail .product-right table td.dangerous {
    color: #da202b;
  }
  .product-top.e-detail .product-right table td.dangerous:before {
    content: "s";
  }
  .product-top.e-detail .product-right .e-desc {
    border-top: 1px solid #e4ecf2;
  }
  .product-top.e-detail .product-right .e-desc p {
    margin: 1em 0 .5em;
  }
  .product-top.law-detail {
    position: relative;
  }
  .product-top.law-detail .region {
    margin: 0 0 10px;
  }
  .product-top.law-detail .region strong {
    display: inline-block;
    border: 1px solid #658392;
    color: #658392;
    border-radius: 2px;
    font-weight: bold;
    padding: 6px 10px;
  }
  .product-top.law-detail .img-map {
    width: 210px;
    margin: 0 auto 1.5em;
  }
  .product-top.law-detail .img-map .img {
    display: none;
  }
  .product-top.law-detail .img-map .map {
    position: absolute;
    bottom: 45px;
    left: auto;
    right: auto;
    margin: 0 auto;
  }
  .product-top.law-detail .product-right table td {
    font-weight: normal;
  }
  .tested-params-col p {
    max-width: none !important;
  }
  .expand-all-results {
    margin: 1.5em 0;
  }
  .expand-all-stick {
    position: relative;
  }
  .icons-info {
    border-collapse: collapse;
  }
  .icons-info .col1 {
    padding-right: 20px;
  }
  .icons-info .col2 {
    padding-right: 40px;
  }
  .advantages > li {
    margin: 0 0 1.5em;
  }
  .advantages > li .spc {
    padding-left: 35px;
    position: relative;
  }
  .advantages > li .spc:before {
    width: 26px;
    height: 26px;
    font-family: 'dTest';
    border-radius: 13px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff;
  }
  .advantages > li.advantage .spc:before {
    content: "u";
    font-size: 13px;
    background: #55ac3c;
    color: #fff;
  }
  .advantages > li.handicap .spc:before {
    content: "z";
    font-size: 13px;
    background: #eb222e;
  }
  .chart {
    border-top: 1px solid #e8e8e8;
  }
  .chart > li {
    margin: 0;
    padding: 0;
  }
  .chart > li .spc > a {
    display: block;
    position: relative;
    border: 1px solid #e8e8e8;
    border-top: 0;
    padding: 10px 10px 10px 120px;
    text-decoration: none;
    min-height: 50px;
    -webkit-transition: box-shadow 300ms ease;
    -moz-transition: box-shadow 300ms ease;
    -o-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
  }
  .chart > li .spc > a .pos {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 19px;
    color: #000;
    border-radius: 18px;
    background: #e8eff3;
    display: block;
    position: absolute;
    left: 12px;
    top: 15px;
  }
  .chart > li .spc > a .img {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 60px;
  }
  .chart > li .spc > a .name {
    color: #008ac9;
    text-decoration: underline;
  }
  .chart > li .spc > a .rating {
    color: #5b7b8b;
    display: block;
    font-size: 92.857%;
  }
  .chart > li .spc > a .rating strong {
    color: #000;
  }
  .chart > li .spc > a:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  .chart > li.current .spc > a:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid #008ac9;
  }
  .chart > li.current .spc > a .pos,
  .chart > li.current .spc > a .img,
  .chart > li.current .spc > a .name,
  .chart > li.current .spc > a .rating {
    z-index: 1;
  }
  .chart > li.current .spc > a .name,
  .chart > li.current .spc > a .rating {
    position: relative;
  }
  .chart > li.current .spc > a:hover {
    box-shadow: 0 0 6px rgba(0, 138, 201, 0.4);
  }
}
@media all and (min-width: 100px) {
  .product-top {
    padding-top: 1px;
  }
  .product-top .product-img {
    float: left;
    margin-right: 30px;
  }
  .product-top .basic-info {
    padding: 0;
  }
  .product-top .basic-info table {
    margin-top: 1.5em;
    width: auto;
  }
  .product-top .basic-info table td {
    padding-right: 20px;
  }
  .product-top .product-options {
    clear: both;
  }
  .product-top.dangerous-detail .product-top.e-detail .product-img {
    float: none;
    margin-right: auto;
  }
  .product-top.law-detail .img-map {
    width: auto;
    text-align: center;
  }
  .product-top.law-detail .img-map .map {
    display: inline-block;
    vertical-align: top;
    width: 210px;
    margin-left: 10px;
  }
}
@media all and (min-width: 100px) {
  .product-top.dangerous-detail,
  .product-top.e-detail {
    padding-left: 230px;
  }
  .product-top.dangerous-detail .product-img,
  .product-top.e-detail .product-img {
    width: 200px;
    float: left;
    margin: 0 0 0 -230px;
  }
  .product-top.law-detail .img-map .img {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 210px;
    margin-right: 10px;
  }
  .product-top.law-detail .img-map .img a {
    text-decoration: none;
  }
  .product-top.law-detail .img-map .img span {
    display: block;
    text-align: center;
    height: 140px;
    line-height: 140px;
    font-family: 'dTest';
    font-size: 52px;
    color: #e4edf4;
  }
  .product-top.law-detail .img-map .img span:before {
    content: "I";
  }
  .product-top.law-detail .img-map .map {
    position: static;
  }
  .product-top.law-detail .product-right .e-desc {
    margin-bottom: 0 !important;
  }
}
@media all and (min-width: 100px) {
  .product-top {
    padding-left: 220px;
  }
  .product-top:before,
  .product-top:after {
    content: " ";
    display: table;
  }
  .product-top:after {
    clear: both;
  }
  .product-top .product-img {
    float: left;
    margin-left: -220px;
    height: auto;
    text-align: right;
    margin-right: 0;
  }
  .product-top .product-img .img {
    text-align: center;
    height: auto;
  }
  .product-top .product-img .img img {
    display: block;
    margin: 0 auto;
  }
  .product-top .basic-info {
    float: left;
    width: 50%;
  }
  .product-top .product-options {
    float: right;
    width: 48%;
    clear: none;
  }
  .product-top .product-annot {
    float: left;
    width: 50%;
    margin-top: 1em;
  }
  .product-top.logged .product-right {
    display: block;
    float: left;
  }
  .product-top.logged .basic-info {
    margin-bottom: 1em;
  }
  .product-top.logged .product-annot {
    float: none;
    width: auto;
    clear: both;
  }
  .product-top.dangerous-detail .product-right table th,
  .product-top.law-detail .product-right table th {
    padding: 10px 20px;
  }
  .product-top.dangerous-detail .product-right table td,
  .product-top.law-detail .product-right table td {
    padding: 10px 20px;
  }
  .product-top.law-detail {
    padding-left: 230px;
  }
  .product-top.law-detail .img-map {
    width: 210px;
    float: left;
    margin: 0 0 0 -230px;
  }
  .product-top.law-detail .img-map .img {
    text-align: center;
    display: block;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
  .product-top.law-detail .img-map .map {
    display: block;
    margin-left: 0;
  }
}
@media all and (min-width: 100px) {
  .product-top {
    padding-left: 330px;
    padding-right: 330px;
    max-width: 1040px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .product-top .product-img {
    width: 300px;
    margin-left: -330px;
  }
  .product-top .basic-info {
    width: auto;
    max-width: 360px;
  }
  .product-top .product-options {
    width: 300px;
    margin-right: -330px;
  }
  .product-top .product-options .not-logged-box .arrowed {
    font-size: 30px;
    padding: 10px 10px 60px;
  }
  .product-top .product-options .not-logged-box .arrowed span {
    font-size: 84px;
    line-height: 1;
    margin-top: -60px;
  }
  .product-top .product-annot {
    float: left;
    width: auto;
    max-width: 360px;
  }
  .product-top.logged .product-annot {
    float: none;
    max-width: none;
    clear: both;
    margin-right: -300px;
  }
  .product-top.dangerous-detail,
  .product-top.e-detail,
  .product-top.law-detail {
    padding-right: 0;
  }
}
@media all and (min-width: 100px) {
  .tested-params-col {
    width: 53.846%;
    float: left;
    max-width: 560px;
  }
}
@media all and (min-width: 100px) {
  .tested-params-info-col {
    width: 41.346%;
    float: right;
    max-width: 430px;
  }
  .tested-params-info-col .tpic-in.is_stuck {
    z-index: 3;
  }
  .tested-params-info-col .tpic-in.is_stuck.special-stick {
    top: 10 !important;
    bottom: auto !important;
    position: fixed !important;
  }
  .tested-params-info-col .tpic-in.stick_bottom.special-stick {
    top: auto !important;
    bottom: 0;
    position: absolute !important;
  }
}
@media all and (min-width: 100px) {
  .tested-params-info-col .tpic-in.is_stuck.special-stick {
    top: 70px !important;
  }
  .tested-params-info-col .tpic-in.stick_bottom.special-stick {
    top: auto !important;
    bottom: 0 !important;
  }
}
@media all and (min-width: 100px) {
  .advantages {
    letter-spacing: -0.34em;
    margin: 0 -15px 2.5em;
  }
  .advantages > li {
    margin: 0;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .advantages > li .spc {
    letter-spacing: normal;
    margin: 0 15px;
  }
}
@media all {
  .reviews > li {
    margin: 0 0 10px;
  }
  .reviews .spc {
    border: 1px solid #e5e5e5;
  }
  .reviews .spc p {
    margin: 0;
    padding: 10px;
  }
  .reviews .spc .author {
    border-bottom: 1px solid #e5e5e5;
  }
  .reviews .spc .desc {
    font-style: italic;
  }
}
@media all and (min-width: 100px) {
  .reviews .spc {
    letter-spacing: -0.34em;
    position: relative;
  }
  .reviews .spc:after {
    content: "";
    width: 1px;
    background: #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20.19%;
  }
  .reviews .spc p {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
  }
  .reviews .spc .author {
    border: 0;
    width: 20.19%;
  }
  .reviews .spc .desc {
    width: 79.81%;
  }
}
@media all and (min-width: 100px) {
  .reviews .spc p {
    padding: 20px;
  }
}
@media all and (min-width: 100px) {
  .reviews .spc p {
    padding: 25px 30px;
  }
}
@media all {
  #pd-box-overlay {
    position: fixed;
    z-index: 500;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    padding: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
  }
  #pd-box-window {
    z-index: 502;
    position: absolute;
    top: 35px;
    left: 50%;
    width: 400px;
  }
  #pd-box-window.loading #pd-content {
    background: #fff url('/img/ajax.gif') 50% 50% no-repeat;
  }
  #pd-box-image img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0;
    border: none;
    padding: 0;
    clear: both;
    _margin-top: 0;
    display: inline;
    background: white;
  }
  #pd-box-image {
    display: block;
    margin: 15px 12px;
    overflow: hidden;
    zoom: 1;
    padding: 0;
    text-align: center;
  }
  #pd-box-title {
    padding: 15px 10px 5px;
    margin: 0 0 0 0;
    text-align: left;
    border: none;
  }
  #pd-box-desc {
    padding: 0;
    margin: 0;
    text-align: left;
    overflow: hidden;
  }
  a#pd-box-close {
    display: block;
    position: absolute;
    right: 12px;
    top: 6px;
    margin: 0;
    z-index: 500;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    color: #da202b;
    line-height: 1.3;
  }
  a#pd-box-close span {
    font-size: 22px;
  }
  a#pd-box-close:hover {
    color: #333333;
  }
  #pd-box-HideSelect {
    z-index: 499;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    margin: 0;
  }
  #pd-content {
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 30px;
    padding: 0 0 1px;
    min-height: 150px;
    -webkit-transform: translateZ(0);
  }
  #pd-box-top-left,
  #pd-box-top-right,
  #pd-box-bottom-left,
  #pd-box-bottom-right {
    display: none;
  }
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {
  .backgroundsize #pd-box-window.loading #pd-content {
    background-image: url('/img/ajax-64.gif');
    -webkit-background-size: 32px 32px;
    background-size: 32px;
  }
}
@media all {
  .star-rating {
    position: relative;
    font-size: 20px;
    vertical-align: middle;
    font-family: 'dTest';
    display: inline-block;
    color: #fff;
    text-shadow: 0 0 2px #99b7c7;
  }
  .star-rating:before {
    content: "o o o o o";
  }
  .star-rating .rating {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #ffd849;
    width: 0;
    text-shadow: 0 0 2px #ffad55;
  }
  .star-rating .rating:before {
    content: "o o o o o";
  }
  .star-rating.disabled .rating {
    color: #f2f2f2;
  }
  .total-rating strong {
    display: block;
  }
  .js .total-rating .value {
    display: none;
  }
  .total-rating .rate {
    position: relative;
    display: inline-block;
  }
  .total-rating .rate .part {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%;
    overflow: hidden;
    text-indent: -9999px;
  }
  .total-rating .rate .rate-2 {
    left: 20%;
  }
  .total-rating .rate .rate-3 {
    left: 40%;
  }
  .total-rating .rate .rate-4 {
    left: 60%;
  }
  .total-rating .rate .rate-5 {
    left: 80%;
  }
  .total-rating .rate.hover-star-1 .rating,
  .total-rating .rate.star-width-1 .rating {
    width: 20%;
  }
  .total-rating .rate.hover-star-2 .rating,
  .total-rating .rate.star-width-2 .rating {
    width: 40%;
  }
  .total-rating .rate.hover-star-3 .rating,
  .total-rating .rate.star-width-3 .rating {
    width: 60%;
  }
  .total-rating .rate.hover-star-4 .rating,
  .total-rating .rate.star-width-4 .rating {
    width: 80%;
  }
  .total-rating .rate.hover-star-5 .rating,
  .total-rating .rate.star-width-5 .rating {
    width: 100%;
  }
  .total-rating .rate.final.star-width-1 .rating {
    width: 20% !important;
  }
  .total-rating .rate.final.star-width-2 .rating {
    width: 40% !important;
  }
  .total-rating .rate.final.star-width-3 .rating {
    width: 60% !important;
  }
  .total-rating .rate.final.star-width-4 .rating {
    width: 80% !important;
  }
  .total-rating .rate.final.star-width-5 .rating {
    width: 100% !important;
  }
  .total-rating .rules {
    font-size: 92.857%;
  }
}
@media all {
  .letters {
    margin: 0 -10px;
    letter-spacing: -0.34em;
    border-top: 1px solid #e4ecf2;
    border-bottom: 1px solid #e4ecf2;
    font-family: 'Oswald', sans-serif;
    padding: .5em 0 1em;
  }
  .letters li {
    display: inline-block;
    width: 16.667%;
    margin: 5px 0;
    text-align: center;
  }
  .letters li a {
    letter-spacing: normal;
    font-size: 30px;
    position: relative;
    text-decoration: none;
    margin: 0 10px;
  }
  .letters li a:after {
    content: "";
    height: 1px;
    background: #008ac9;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
  }
  .letters li a:hover:after {
    background: #000;
  }
  .letter-group {
    padding: 1em 0;
    margin: 2em 0;
    position: relative;
  }
  .letter-group .title {
    font-size: 30px;
    margin: 0 0 .3em;
  }
  .letter-group + .letter-group:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    background: #e4ecf2;
  }
  .letter-group .group-btn {
    margin: 1.5em 0 0;
  }
  .brand-annot {
    margin-bottom: 2em;
  }
  .brand-annot .img {
    margin: 0;
    height: 100px;
  }
}
@media all and (min-width: 100px) {
  .letters li {
    width: 12.5%;
  }
}
@media all and (min-width: 100px) {
  .letters li {
    width: 10%;
  }
}
@media all and (min-width: 100px) {
  .letters li {
    width: 9.091%;
  }
}
@media all and (min-width: 100px) {
  .letters {
    margin: 0 -20px 1.5em;
    padding: .5em 10px 1em;
  }
  .letters li {
    width: 8.333%;
  }
}
@media all and (min-width: 100px) {
  .letters li {
    width: 7.69%;
  }
}
@media all and (min-width: 100px) {
  .letters li {
    width: 3.846%;
  }
}
@media all and (min-width: 100px) {
  .letter-group ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-column-rule: 0 solid transparent;
    -moz-column-rule: 0 solid transparent;
    column-rule: 0 solid transparent;
    /* zabrání zalomení sloupce uvnitř li */
  }
  .letter-group ul li {
    -webkit-column-break-inside: avoid;
    /* spec + prefixes */
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .ie8 .letter-group ul,
  .ie9 .letter-group ul {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
  }
  .ie8 .letter-group ul:before,
  .ie9 .letter-group ul:before,
  .ie8 .letter-group ul:after,
  .ie9 .letter-group ul:after {
    content: " ";
    display: table;
  }
  .ie8 .letter-group ul:after,
  .ie9 .letter-group ul:after {
    clear: both;
  }
  .ie8 .letter-group ul li,
  .ie9 .letter-group ul li {
    float: left;
    width: 50%;
    padding: 0 5px;
    margin-left: -1px;
    border-left: 0 solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (min-width: 100px) {
  .letter-group ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 0 solid transparent;
    -moz-column-rule: 0 solid transparent;
    column-rule: 0 solid transparent;
    /* zabrání zalomení sloupce uvnitř li */
  }
  .letter-group ul li {
    -webkit-column-break-inside: avoid;
    /* spec + prefixes */
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .ie8 .letter-group ul,
  .ie9 .letter-group ul {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .ie8 .letter-group ul:before,
  .ie9 .letter-group ul:before,
  .ie8 .letter-group ul:after,
  .ie9 .letter-group ul:after {
    content: " ";
    display: table;
  }
  .ie8 .letter-group ul:after,
  .ie9 .letter-group ul:after {
    clear: both;
  }
  .ie8 .letter-group ul li,
  .ie9 .letter-group ul li {
    float: left;
    width: 33.33333333%;
    padding: 0 10px;
    margin-left: -1px;
    border-left: 0 solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .letter-group .group-btn {
    margin: 0;
    top: 20px;
  }
}
@media all and (min-width: 100px) {
  .letter-group + .letter-group:before {
    left: -20px;
    right: -20px;
  }
}
@media all and (min-width: 100px) {
  .letter-group .group-btn {
    right: 0;
  }
}
@media all and (min-width: 100px) {
  .brand-annot {
    padding: 0 0 0 120px;
  }
  .brand-annot:before,
  .brand-annot:after {
    content: " ";
    display: table;
  }
  .brand-annot:after {
    clear: both;
  }
  .brand-annot .img {
    float: left;
    margin-left: -120px;
    width: 100px;
    height: auto;
  }
}
@media all and (min-width: 100px) {
  .brand-annot {
    padding-left: 170px;
  }
  .brand-annot .img {
    width: 150px;
    margin-left: -170px;
  }
}
@media all {
  .question-item {
    max-width: 910px;
    margin: 3.5em 0 0;
  }
  .question-item .title {
    display: block;
    font-size: 114.286%;
    font-family: 'Oswald', sans-serif;
    margin: 0;
  }
  .question-item .date {
    font-size: 85.714%;
    color: #5b7b8b;
    margin: 0 0 6px;
  }
  .question-item .dtest {
    color: #008ac9;
  }
  .question-item .dtest .title {
    color: #008ac9;
    margin-bottom: 10px;
  }
  .question-item .right {
    margin-bottom: 0;
  }
  .question-item .user {
    margin-bottom: 2em;
  }
  .question-item .user .text {
    margin: 0;
  }
  .question-detail {
    max-width: 1020px;
    margin-top: 2em;
  }
  .question-detail p {
    max-width: none;
  }
  .question-detail .date {
    font-size: 85.714%;
    color: #5b7b8b;
  }
  .question-detail .user {
    font-weight: bold;
    margin-bottom: 3em;
  }
  .question-detail .dtest {
    color: #008ac9;
    margin-bottom: 3em;
  }
}
@media all and (min-width: 100px) {
  .question-item {
    position: relative;
  }
  .question-item .user {
    margin-bottom: 3em;
  }
  .question-item .user .title {
    padding-right: 105px;
    margin-bottom: 10px;
  }
  .question-item .date {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
  }
}
@media all {
  .search-group {
    margin: 0 -10px 4px;
  }
  .search-group .sg-title {
    margin: 0;
    padding: 0;
    font-size: 100%;
  }
  .search-group .sg-title a {
    display: block;
    background: #008ac9;
    padding: 15px;
    font-family: 'Oswald', sans-serif;
    font-size: 135.714%;
    color: #fff;
    position: relative;
    text-decoration: none;
  }
  .search-group .sg-title a .count {
    font-size: 73.684%;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  }
  .search-group.ca-expanded .sg-title a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #008ac9 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 15px;
  }
  .search-group .sg-content {
    padding: 1em 10px;
  }
  .search-not-found .snf-img {
    display: none;
  }
}
@media all and (min-width: 100px) {
  .search-results {
    position: relative;
    padding-right: 77.05%;
    margin-top: 2.5em;
  }
  .search-results .search-group {
    padding-right: 20px;
    margin: 0;
  }
  .search-results .search-group .sg-title a {
    background: #eff7fe;
    border-top: 1px solid #d9e0e7;
    color: #5b7b8b;
  }
  .search-results .search-group .sg-content {
    padding-top: 0;
    padding-left: 20px;
    position: absolute;
    top: 0;
    right: 0;
    left: 22.95%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .search-results .search-group:first-child .sg-title a {
    border-top: 0;
  }
  .search-results .search-group.ca-expanded .sg-title a {
    background: #008ac9;
    color: #fff;
  }
  .search-results .search-group.ca-expanded .sg-title a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #008ac9;
    left: 100%;
    top: 50%;
    margin-top: -7px;
  }
  .search-results .search-group.ca-expanded .sg-content {
    opacity: 1;
    visibility: visible;
  }
}
@media all and (min-width: 100px) {
  .search-not-found:before,
  .search-not-found:after {
    content: " ";
    display: table;
  }
  .search-not-found:after {
    clear: both;
  }
  .search-not-found .snf-img {
    display: block;
    float: left;
    width: 39.9%;
  }
  .search-not-found .snf-img img {
    max-width: 90%;
  }
  .search-not-found .snf-content {
    float: right;
    width: 60.1%;
    padding-top: 2em;
  }
}
@media all and (min-width: 100px) {
  .search-not-found {
    margin: 2em 0 -2em;
  }
}
@media all {
  .magazine-detail {
    padding-top: 1em;
    margin-bottom: 2em;
  }
  .magazine-detail .img {
    width: 90px;
    float: left;
    margin: 0 25px 0 0;
  }
  .magazine-detail .img img {
    border: 1px solid #e5e5e5;
  }
  .magazine-detail .magazine-content {
    margin-bottom: 3em;
  }
  .magazine-detail .magazine-content li {
    position: relative;
    padding-left: 35px;
    margin: 10px 0;
    line-height: 1.4;
  }
  .magazine-detail .magazine-content .page {
    display: block;
    width: 30px;
    position: absolute;
    left: 0;
  }
}
@media all and (min-width: 100px) {
  .magazine-detail {
    padding-left: 175px;
    max-width: 910px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .magazine-detail .img {
    width: 150px;
    margin: 0 0 0 -175px;
  }
}
@media all {
  #hp-advantages {
    display: none;
  }
  #promo-articles {
    margin: 0 -10px 1.5em;
  }
  #promo-articles .caroufredsel_wrapper {
    padding-top: 52.6%;
    height: 0 !important;
  }
  #promo-articles .caroufredsel_wrapper > ul {
    height: auto !important;
    bottom: 0 !important;
  }
  #promo-articles .article-item {
    position: relative;
    float: left;
  }
  #promo-articles .article-item a {
    display: block;
    text-decoration: none;
    color: #fff;
  }
  #promo-articles .article-item .img {
    margin: 0;
    line-height: 1;
  }
  #promo-articles .article-item .img:before,
  #promo-articles .article-item .img:after {
    content: " ";
    display: table;
  }
  #promo-articles .article-item .img:after {
    clear: both;
  }
  #promo-articles .article-item .img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    float: right;
  }
  #promo-articles .article-item .spc {
    padding: 0 20px;
    color: #fff;
    letter-spacing: -0.25em;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 58.125%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    background: rgba(1, 24, 35, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQYV2NkwAN8fHz+M+KSB0lu2bKFEasCmCRIM4YCZEkMBeiSKAqwScIV4JIEK8AnCVIAAFzSHexjqznsAAAAAElFTkSuQmCC) repeat;
  }
  #promo-articles .article-item .spc:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -0.05em;
  }
  #promo-articles .article-item .spc .in {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
    letter-spacing: normal;
  }
  #promo-articles .article-item .spc .title {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    margin-top: 0;
  }
  #promo-articles .article-item .spc .desc {
    display: none;
  }
  #promo-articles .article-item .spc .link {
    margin: 8px 0 0;
    font-size: 13px;
  }
  #promo-articles .article-item .spc .link span {
    display: inline-block;
    padding-right: 22px;
    position: relative;
  }
  #promo-articles .article-item .spc .link span:after {
    content: "D";
    font-family: 'dTest';
    font-size: 15px;
    display: block;
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
  }
  #promo-articles .controls {
    height: 19px;
    margin: 16px 35px 0;
    position: relative;
  }
  #promo-articles .controls:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    background: #d8e2e7;
  }
  #promo-articles .controls li {
    position: absolute;
    top: 0;
    width: 19px;
    height: 19px;
    margin-left: -9px;
  }
  #promo-articles .controls li.item2 {
    left: 33.333%;
  }
  #promo-articles .controls li.item3 {
    left: 66.667%;
  }
  #promo-articles .controls li.item4 {
    left: 100%;
  }
  #promo-articles .controls li a {
    display: block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-decoration: none;
  }
  #promo-articles .controls li a .iin {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 19px;
    height: 19px;
  }
  #promo-articles .controls li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 11px 7px;
    border-color: transparent transparent #acc0cb transparent;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: 0 0 1px -7px;
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
  }
  #promo-articles .controls li a:after {
    content: "";
    width: 9px;
    height: 9px;
    background: #acc0cb;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    border-radius: 100%;
    -webkit-transition: width 300ms ease, height 300ms ease, margin 300ms ease;
    -moz-transition: width 300ms ease, height 300ms ease, margin 300ms ease;
    -o-transition: width 300ms ease, height 300ms ease, margin 300ms ease;
    transition: width 300ms ease, height 300ms ease, margin 300ms ease;
  }
  #promo-articles .controls li.selected a:before {
    opacity: 1;
  }
  #promo-articles .controls li.selected a:after {
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
  }
  .page-part-test-list {
    padding-bottom: 0;
  }
  #test-list-boxes .content {
    padding-left: 10px;
    line-height: 1.5;
  }
  #test-list-boxes .content h3 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #5b7b8b;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 19px;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
  }
  #test-list-boxes .content h3:after {
    content: "";
    height: 4px;
    width: 44px;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #5b7b8b;
  }
  #test-list-boxes .magazines-list {
    display: none;
    line-height: 1;
  }
  #test-list-boxes .magazines-list .holder {
    position: relative;
    padding: 0 40px;
  }
  #test-list-boxes .magazines-list ul.reset > li {
    float: left;
    text-align: center;
  }
  #test-list-boxes .magazines-list ul.reset > li .spc {
    padding: 30px 40px 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 280px;
  }
  #test-list-boxes .magazines-list ul.reset > li .title-holder {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 1;
    position: relative;
  }
  #test-list-boxes .magazines-list ul.reset > li .issue-date {
    display: block;
    padding: .5em 0;
    text-align: center;
    color: #5a7482;
    position: absolute;
    top: -30px;
    left: -40px;
    right: -40px;
  }
  #test-list-boxes .magazines-list ul.reset > li .img img {
    box-shadow: 0 4px 10px rgba(133, 159, 173, 0.59);
  }
  #test-list-boxes .magazines-list .control {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    color: #5e7e8d;
  }
  #test-list-boxes .magazines-list .control.prev {
    left: 10px;
  }
  #test-list-boxes .magazines-list .control.prev:before {
    content: "h";
    font-family: 'dTest';
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
  }
  #test-list-boxes .magazines-list .control.next {
    right: 10px;
  }
  #test-list-boxes .magazines-list .control.next:after {
    content: "m";
    font-family: 'dTest';
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 0;
  }
  .hp-help .hp-help-links {
    padding: 0 10px;
  }
  .hp-help .hp-help-links li {
    margin: 0 0 10px;
  }
  .hp-help .hp-help-links a {
    color: #4a768d;
  }
  .hp-help .hp-help-adv {
    text-align: center;
  }
  .dtest-stats {
    display: none;
  }
}
@media all and (min-width: 100px) {
  #hp-advantages {
    display: block;
    letter-spacing: -0.34em;
    font-family: 'Oswald', sans-serif;
    color: #5b7b8b;
    font-size: 14px;
    line-height: 1.4;
    margin: 1em 0 2.5em;
  }
  #hp-advantages li {
    display: inline-block;
    vertical-align: middle;
  }
  #hp-advantages li.title {
    width: 20%;
  }
  #hp-advantages li.title .spc {
    padding: 0 6% 0 10px;
  }
  #hp-advantages li.ha-ico1 {
    width: 19.091%;
  }
  #hp-advantages li.ha-ico2 {
    width: 20%;
  }
  #hp-advantages li.ha-ico3 {
    width: 22.727%;
  }
  #hp-advantages li.ha-ico4 {
    width: 18.182%;
  }
  #hp-advantages .spc {
    letter-spacing: normal;
    padding: 0 6% 0 45px;
    position: relative;
  }
  #hp-advantages .ha-ico {
    width: 36px;
    height: 36px;
    border: 1px solid #5b7b8b;
    border-radius: 19px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -19px;
    overflow: hidden;
  }
  #hp-advantages .ha-ico:before {
    font-family: 'dTest';
  }
  #hp-advantages .ha-ico1 .ha-ico:before {
    content: "N";
    font-size: 40px;
    line-height: 40px;
    display: block;
    margin-left: -7px;
  }
  #hp-advantages .ha-ico2 .ha-ico:before {
    content: "R";
    font-size: 32px;
    line-height: 48px;
    display: block;
    margin-left: 12px;
  }
  #hp-advantages .ha-ico3 .ha-ico:before {
    content: "O";
    font-size: 44px;
    line-height: 44px;
    display: block;
    margin-right: -13px;
    text-align: right;
  }
  #hp-advantages .ha-ico4 .ha-ico:before {
    content: "P";
    font-size: 46px;
    line-height: 48px;
    display: block;
    margin-left: -12px;
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
}
@media all and (min-width: 100px) {
  #promo-articles .article-item .spc .title {
    font-size: 24px;
  }
  #promo-articles .article-item .spc .desc {
    display: block;
    margin: 1em 0 1.5em;
    line-height: 1.7;
  }
  #promo-articles .article-item .spc .link span {
    border: 1px solid #fff;
    border-radius: 3px;
    height: 28px;
    line-height: 28px;
    padding: 0 38px 0 14px;
    -webkit-transition: background 300ms ease, color 300ms ease;
    -moz-transition: background 300ms ease, color 300ms ease;
    -o-transition: background 300ms ease, color 300ms ease;
    transition: background 300ms ease, color 300ms ease;
  }
  #promo-articles .article-item .spc .link span:after {
    right: 16px;
  }
  #promo-articles .article-item a:hover .link span {
    background: #fff;
    color: #000;
  }
}
@media all and (min-width: 100px) {
  #promo-articles {
    margin: 0 0 1.5em;
    padding-left: 30.91%;
    position: relative;
  }
  #promo-articles .article-item .spc {
    width: 48.421%;
  }
  #promo-articles .article-item .spc .title {
    font-size: 20px;
  }
  #promo-articles .article-item .spc .desc {
    display: none;
  }
  #promo-articles .article-item .spc .link {
    margin-top: 1.5em;
  }
  #promo-articles .controls {
    margin: 0;
    height: auto;
    position: absolute;
    left: 0;
    right: 69.09%;
    top: 0;
    bottom: 0;
    z-index: 1;
  }
  #promo-articles .controls:before {
    display: none;
  }
  #promo-articles .controls li {
    display: block;
    width: auto;
    margin: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 25%;
    top: 0;
    background: #e4edf4;
    border-top: 1px solid #c2d2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #promo-articles .controls li:first-child {
    border-top: 0;
  }
  #promo-articles .controls li.item2 {
    top: 25%;
    left: 0;
  }
  #promo-articles .controls li.item3 {
    top: 50%;
    left: 0;
  }
  #promo-articles .controls li.item4 {
    top: 75%;
    left: 0;
  }
  #promo-articles .controls li a {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #000;
    font-family: 'Oswald', sans-serif;
    padding: 0 10px;
    text-align: center;
    font-size: 114.286%;
    letter-spacing: -0.25em;
  }
  #promo-articles .controls li a:after,
  #promo-articles .controls li a:before {
    display: none;
  }
  #promo-articles .controls li a:before {
    border: 0;
    width: auto;
    position: static;
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -0.05em;
  }
  #promo-articles .controls li a .iin {
    text-indent: 0;
    display: inline-block;
    width: auto;
    height: auto;
    line-height: 1.3;
    vertical-align: middle;
    max-width: 220px;
    letter-spacing: normal;
  }
  #promo-articles .controls li a .iin span {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 87.5%;
    display: block;
  }
  #promo-articles .controls li.selected a {
    background: #acc0cb;
  }
  #promo-articles .controls li.selected a:after {
    display: block;
    width: auto;
    height: auto;
    background: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 12px;
    border-color: transparent transparent transparent #acc0cb;
    position: absolute;
    left: 100%;
    top: 50%;
    margin: -16px 0 0;
    border-radius: 0;
  }
}
@media all and (min-width: 100px) {
  #promo-articles .article-item .spc .desc {
    display: block;
  }
}
@media all and (min-width: 100px) {
  #promo-articles .article-item .spc {
    padding: 0 35px;
  }
  #promo-articles .article-item .spc .title {
    font-size: 24px;
  }
}
@media all and (min-width: 100px) {
  #promo-articles .article-item .spc .title {
    font-size: 30px;
  }
  #promo-articles .article-item .spc .desc {
    margin-bottom: 2em;
  }
}
@media all and (min-width: 100px) {
  .page-part-test-list {
    padding: 0;
  }
  .page-part-test-list .inner-wrap.hp {
    max-width: 1100px;
    margin: 0 auto;
  }
}
@media all and (min-width: 100px) {
  #test-list-boxes {
    position: relative;
    padding-left: 170px;
  }
  #test-list-boxes .content {
    padding-left: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #test-list-boxes .content h3 {
    margin-top: 1em;
    text-align: left;
  }
  #test-list-boxes .content h3:after {
    display: none;
  }
  #test-list-boxes .magazines-list {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 0;
    width: 170px;
    padding: 40.6% 0 0;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #test-list-boxes .magazines-list .holder {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #test-list-boxes .magazines-list .caroufredsel_wrapper {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto 0 !important;
  }
  #test-list-boxes .magazines-list ul.reset {
    margin: auto 0 !important;
    bottom: 0 !important;
  }
}
@media all and (min-width: 100px) {
  #test-list-boxes:after {
    right: 50%;
    top: 3em;
    bottom: 3em;
  }
  #test-list-boxes .magazines-list {
    padding-top: 27%;
  }
  #test-list-boxes .content h3 {
    font-size: 24px;
  }
}
@media all and (min-width: 100px) {
  #test-list-boxes .content {
    margin-left: 30px;
    width: auto;
  }
  #test-list-boxes .content h3 {
    font-size: 30px;
  }
}
@media all and (min-width: 100px) {
  #test-list-boxes {
    padding-left: 240px;
  }
  #test-list-boxes .magazines-list {
    width: 219px;
  }
  #test-list-boxes .content {
    margin-left: 0;
  }
}
@media all and (min-width: 100px) {
  #test-list-boxes .magazines-list {
    width: 240px;
  }
  #test-list-boxes .content {
    margin-left: 0;
    padding-left: 45px;
  }
}
@media all and (min-width: 100px) {
  #test-list-boxes .magazines-list {
    width: 315px;
  }
  #test-list-boxes .content {
    margin-left: 0;
    padding-left: 160px;
  }
}
@media all and (min-width: 100px) {
  .hp-help .hp-help-links ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 0 solid transparent;
    -moz-column-rule: 0 solid transparent;
    column-rule: 0 solid transparent;
    /* zabrání zalomení sloupce uvnitř li */
    vertical-align: top;
  }
  .hp-help .hp-help-links ul li {
    -webkit-column-break-inside: avoid;
    /* spec + prefixes */
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .ie8 .hp-help .hp-help-links ul,
  .ie9 .hp-help .hp-help-links ul {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .ie8 .hp-help .hp-help-links ul:before,
  .ie9 .hp-help .hp-help-links ul:before,
  .ie8 .hp-help .hp-help-links ul:after,
  .ie9 .hp-help .hp-help-links ul:after {
    content: " ";
    display: table;
  }
  .ie8 .hp-help .hp-help-links ul:after,
  .ie9 .hp-help .hp-help-links ul:after {
    clear: both;
  }
  .ie8 .hp-help .hp-help-links ul li,
  .ie9 .hp-help .hp-help-links ul li {
    float: left;
    width: 50%;
    padding: 0 10px;
    margin-left: -1px;
    border-left: 0 solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (min-width: 100px) {
  .hp-help {
    letter-spacing: -0.34em;
    padding-top: 1.5em;
  }
  .hp-help .hp-help-links {
    display: inline-block;
    width: 50.909%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .hp-help .hp-help-links ul {
    letter-spacing: normal;
  }
  .hp-help .hp-help-adv {
    display: inline-block;
    width: 49.091%;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0;
  }
}
@media all and (min-width: 100px) {
  .dtest-stats {
    display: block;
    background: #f5f9fc;
    padding: 2em 0;
    margin-top: 2em;
    font-family: 'Oswald', sans-serif;
    font-size: 114.286%;
  }
  .dtest-stats ul {
    letter-spacing: -0.34em;
  }
  .dtest-stats li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
  }
  .dtest-stats li .spc {
    letter-spacing: normal;
    display: inline-block;
    color: #82949f;
    line-height: 1.4;
  }
  .dtest-stats li strong {
    display: block;
    font-size: 187.5%;
    color: #5b7b8b;
    line-height: 1.4;
  }
}
@media all {
  .tabs {
    margin: 4em 0 2em;
  }
  .tabs .tab {
    border: 1px solid #7fc4e4;
    border-radius: 3px;
    margin: 0 0 7px;
  }
  .tabs .tab .tab-control {
    display: block;
    text-align: left;
    margin: 0;
    font-size: 100%;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    line-height: 1.7;
  }
  .tabs .tab .tab-control a {
    display: block;
    padding: 5px 10px;
    position: relative;
    font-weight: bold;
  }
  .tabs .tab .tab-control.tab-control-note a {
    padding-left: 35px;
  }
  .tabs .tab .tab-control.tab-control-note a:before {
    content: "x";
    font-family: 'dTest';
    font-size: 18px;
    display: block;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    font-weight: normal;
  }
  .tabs .tab .tab-content {
    display: none;
    padding: 1em 10px 0;
  }
  .tabs .tab .tab-content .inner-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  .tabs .tab .tab-content .form {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .tabs .tab.ca-expanded {
    border-color: #e4edf4;
    background: #e4edf4;
  }
  .tabs .tab.ca-expanded .tab-control a {
    color: #5c7785;
    text-decoration: none;
  }
  .tabs .tab.ca-expanded .tab-content {
    display: block;
  }
  .tabs.tab-filter {
    margin: 0;
  }
  .tabs.tab-filter .tab .tab-control a {
    padding-left: 35px;
  }
  .tabs.tab-filter .tab .tab-control a:before {
    content: "Q";
    font-family: 'dTest';
    font-size: 18px;
    display: block;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    font-weight: normal;
    color: #5c7785;
  }
  .tabs.tab-filter .tab .tab-content {
    padding: 1em 0;
  }
}
@media all and (min-width: 100px) {
  .tabs {
    letter-spacing: -0.34em;
    padding: 0;
    position: relative;
  }
  .tabs .tabs-holder {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
  }
  .tabs .tab {
    display: inline-block;
    vertical-align: top;
    border: 0;
    max-width: 20%;
    margin: 0;
  }
  .tabs .tab .tab-control {
    display: inline;
    letter-spacing: normal;
  }
  .tabs .tab .tab-control a {
    border: 1px solid #7fc4e4;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    padding: 0 10px;
    display: inline-block;
    margin-left: 10px;
    max-width: 100%;
    height: 50px;
    line-height: 50px;
  }
  .tabs .tab .tab-control a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    text-decoration: underline;
  }
  .tabs .tab .tab-content {
    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    padding: 2em 30px 1em;
    letter-spacing: normal;
  }
  .tabs .tab .tab-content .inner-wrap > ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 0 solid transparent;
    -moz-column-rule: 0 solid transparent;
    column-rule: 0 solid transparent;
    /* zabrání zalomení sloupce uvnitř li */
  }
  .tabs .tab .tab-content .inner-wrap > ul li {
    -webkit-column-break-inside: avoid;
    /* spec + prefixes */
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .ie8 .tabs .tab .tab-content .inner-wrap > ul,
  .ie9 .tabs .tab .tab-content .inner-wrap > ul {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .ie8 .tabs .tab .tab-content .inner-wrap > ul:before,
  .ie9 .tabs .tab .tab-content .inner-wrap > ul:before,
  .ie8 .tabs .tab .tab-content .inner-wrap > ul:after,
  .ie9 .tabs .tab .tab-content .inner-wrap > ul:after {
    content: " ";
    display: table;
  }
  .ie8 .tabs .tab .tab-content .inner-wrap > ul:after,
  .ie9 .tabs .tab .tab-content .inner-wrap > ul:after {
    clear: both;
  }
  .ie8 .tabs .tab .tab-content .inner-wrap > ul li,
  .ie9 .tabs .tab .tab-content .inner-wrap > ul li {
    float: left;
    width: 33.33333333%;
    padding: 0 10px;
    margin-left: -1px;
    border-left: 0 solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tabs .tab .tab-content .inner-wrap > ul li {
    margin: 4px 0;
  }
  .tabs .tab .tab-content .form {
    margin-left: -30px;
    margin-right: -30px;
  }
  .tabs .tab.ca-expanded {
    background: none;
  }
  .tabs .tab.ca-expanded .tab-control a {
    background: #e4edf4;
    border-color: #e4edf4;
  }
  .tabs .tab.ca-expanded .tab-control a span {
    text-decoration: none;
  }
  .tabs .tab.ca-expanded .tab-content {
    background: #e4edf4;
  }
  .tabs.tab-filter {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2em;
  }
  .tabs.tab-filter .tab .tab-control a {
    padding-left: 10px;
  }
  .tabs.tab-filter .tab .tab-control a:before {
    display: none;
  }
  .tabs.tab-filter .tab .tab-content {
    padding: 2em 0;
  }
  .tabs.tab-count-3 .tab {
    max-width: 33.333%;
  }
  .tabs.tab-count-4 .tab {
    max-width: 25%;
  }
  .tabs.tab-count-5 .tab {
    max-width: 20%;
  }
  .tabs.tab-count-6 .tab {
    max-width: 16.667%;
  }
  .tabs.tab-count-7 .tab {
    max-width: 14.285%;
  }
}
@media all and (min-width: 100px) {
  .tabs .tabs-holder {
    padding-left: 10px;
  }
  .tabs .tab .tab-control a {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
  }
  .tabs .tab .tab-content {
    top: 41px;
  }
  .tabs.tab-filter .tabs-holder {
    padding-left: 74px;
  }
  .tabs.tab-filter .tab .tab-control a {
    padding-left: 20px;
    margin-left: 0;
    margin-right: 10px;
  }
  .tabs.tab-filter .tab-content {
    padding: 3em 0;
  }
}
@media all {
  .page404 {
    padding: 1.5em 0;
  }
  .page404 .text {
    margin-bottom: 1em;
  }
  .page404 .text h1 {
    margin-bottom: 0;
    color: #475f6b;
    font-size: 30px;
  }
  .page404 .text h2 {
    margin-top: .5em;
    color: #475f6b;
  }
  .page404 .illust {
    text-align: center;
  }
  .page404 .illust img {
    max-width: 80%;
  }
}
@media all and (min-width: 100px) {
  .page404 {
    margin-bottom: 1.5em;
  }
  .page404:before,
  .page404:after {
    content: " ";
    display: table;
  }
  .page404:after {
    clear: both;
  }
  .page404 .text {
    width: 59.615%;
    float: right;
    max-width: 640px;
  }
  .page404 .text h1 {
    margin-top: 1.5em;
  }
  .page404 .illust {
    width: 35.577%;
    float: left;
    max-width: 370px;
  }
}
@media all and (min-width: 100px) {
  .page404 .text h1 {
    font-size: 40px;
    margin-top: 1em;
  }
  .page404 .text h2 {
    font-size: 30px;
    margin-top: 0;
  }
}
@media all and (min-width: 100px) {
  .page404 .text h1 {
    margin-top: 1.5em;
  }
}
@media all {
  .letters-crossroad {
    margin: 0 0 3em;
  }
  .letters-crossroad li {
    margin: 0 0 10px;
  }
  .letters-crossroad li a {
    display: block;
    padding: 10px;
    border: 1px solid #c6d5dc;
    overflow: hidden;
    position: relative;
    font-size: 114.286%;
    color: #000;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    height: 140px;
    line-height: 140px;
  }
  .letters-crossroad li a .in {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
  }
  .letters-crossroad li a strong {
    font-size: 150%;
    font-weight: normal;
    display: block;
    line-height: 1.3;
    margin-top: 4px;
  }
  .letters-crossroad li.older-letters a {
    padding-left: 40px;
    padding-right: 100px;
  }
  .letters-crossroad li.older-letters a:before {
    display: block;
    content: "h";
    font-family: 'dTest';
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
    color: #8aa5b3;
  }
  .letters-crossroad li.older-letters a:after {
    display: block;
    content: "";
    width: 437px;
    height: 241px;
    position: absolute;
    left: 100%;
    top: 50%;
    margin: -120px 0 0 -100px;
    background: url('/img/illust/letters-cross-illust.jpg') no-repeat 0 0;
  }
  .letters-crossroad li.newer-letters a {
    padding-right: 40px;
    padding-left: 100px;
    text-align: right;
  }
  .letters-crossroad li.newer-letters a:before {
    display: block;
    content: "";
    width: 437px;
    height: 241px;
    position: absolute;
    right: 100%;
    top: 50%;
    margin: -120px -100px 0 0;
    background: url('/img/illust/letters-cross-illust.jpg') no-repeat 0 0;
  }
  .letters-crossroad li.newer-letters a:after {
    display: block;
    content: "m";
    font-family: 'dTest';
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    color: #8aa5b3;
  }
  .letters-categories {
    margin-bottom: 4em;
  }
  .letters-categories .expand-box {
    margin-bottom: 15px;
  }
  .letters-categories .expand-box .expand-control {
    margin: 0;
    font-size: 135.714%;
  }
  .letters-categories .expand-box .expand-control a {
    display: inline-block;
    padding: 0 0 0 25px;
    color: #5c7785;
    text-decoration: none;
    position: relative;
  }
  .letters-categories .expand-box .expand-control a:before {
    content: "i";
    font-family: 'dTest';
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
    color: #5c7785;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
  }
  .letters-categories .expand-box .expand-control a:hover {
    color: #008ac9;
    text-decoration: underline;
  }
  .letters-categories .expand-box .expand-content {
    padding: 0 0 .5em 35px;
    font-family: 'Oswald', sans-serif;
    font-size: 114.286%;
    color: #000;
    line-height: 1.4;
  }
  .letters-categories .expand-box .expand-content li {
    margin: 1em 0;
  }
  .letters-categories .expand-box .expand-content a {
    color: #000;
    text-decoration: none;
  }
  .letters-categories .expand-box .expand-content a:hover {
    text-decoration: underline;
  }
  .letters-categories .expand-box.ca-expanded .expand-control a:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media all and (min-width: 100px) {
  .letters-crossroad li a {
    font-size: 135.714%;
  }
  .letters-crossroad li a strong {
    font-size: 157.895%;
  }
  .letters-crossroad li.older-letters a {
    padding-left: 70px;
    padding-right: 130px;
  }
  .letters-crossroad li.older-letters a:before {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
  }
  .letters-crossroad li.older-letters a:after {
    margin-left: -130px;
  }
  .letters-crossroad li.newer-letters a {
    padding-right: 70px;
    padding-left: 130px;
  }
  .letters-crossroad li.newer-letters a:before {
    margin-right: -130px;
  }
  .letters-crossroad li.newer-letters a:after {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
  }
}
@media all and (min-width: 100px) {
  .letters-crossroad li a {
    -webkit-transition: box-shadow 300ms ease;
    -moz-transition: box-shadow 300ms ease;
    -o-transition: box-shadow 300ms ease;
    transition: box-shadow 300ms ease;
  }
  .letters-crossroad li a:hover {
    box-shadow: 0 0 10px rgba(4, 4, 4, 0.36);
  }
  .letters-crossroad li.older-letters a {
    padding-right: 223px;
  }
  .letters-crossroad li.older-letters a:after {
    margin-left: -223px;
  }
  .letters-crossroad li.newer-letters a {
    padding-left: 223px;
  }
  .letters-crossroad li.newer-letters a:before {
    margin-right: -194px;
  }
}
@media all and (min-width: 100px) {
  .letters-crossroad {
    letter-spacing: -0.34em;
    margin: 0 -10px 3em;
  }
  .letters-crossroad li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .letters-crossroad li a {
    letter-spacing: normal;
    margin: 0 10px;
  }
  .letters-crossroad li.older-letters a {
    padding-right: 100px;
  }
  .letters-crossroad li.older-letters a:after {
    margin-left: -100px;
  }
  .letters-crossroad li.newer-letters a {
    padding-left: 100px;
  }
  .letters-crossroad li.newer-letters a:before {
    margin-right: -100px;
  }
}
@media all and (min-width: 100px) {
  .letters-crossroad li a {
    height: 220px;
    line-height: 220px;
  }
  .letters-crossroad li.older-letters a {
    padding-right: 180px;
  }
  .letters-crossroad li.older-letters a:before {
    font-size: 50px;
    line-height: 50px;
    height: 50px;
    margin-top: -25px;
  }
  .letters-crossroad li.older-letters a:after {
    margin-left: -180px;
  }
  .letters-crossroad li.newer-letters a {
    padding-left: 180px;
  }
  .letters-crossroad li.newer-letters a:before {
    margin-right: -180px;
  }
  .letters-crossroad li.newer-letters a:after {
    font-size: 50px;
    line-height: 50px;
    height: 50px;
    margin-top: -25px;
  }
}
@media all and (min-width: 100px) {
  .letters-crossroad {
    margin: 0 -20px 3em;
  }
  .letters-crossroad li a .in {
    position: relative;
    z-index: 1;
  }
  .letters-crossroad li.older-letters {
    width: 52%;
  }
  .letters-crossroad li.older-letters a {
    padding-right: 200px;
  }
  .letters-crossroad li.older-letters a:after {
    margin-left: -223px;
    z-index: 0;
  }
  .letters-crossroad li.newer-letters {
    width: 48%;
  }
  .letters-crossroad li.newer-letters a {
    padding-left: 200px;
  }
  .letters-crossroad li.newer-letters a:before {
    margin-right: -194px;
    z-index: 0;
  }
}
@media all and (min-width: 100px) {
  .letters-categories .expand-box .expand-control a {
    padding-left: 45px;
  }
  .letters-categories .expand-box .expand-control a:before {
    left: 15px;
  }
  .letters-categories .expand-box .expand-content {
    padding-left: 70px;
  }
}
@media all and (min-width: 100px) {
  .letters-categories .expand-box {
    margin-bottom: 25px;
  }
  .letters-categories .expand-box .expand-control {
    font-size: 178.571%;
  }
  .letters-categories .expand-box .expand-control a:before {
    top: 6px;
  }
  .letters-categories .expand-box .expand-content {
    padding-left: 95px;
    font-size: 135.714%;
  }
}
@media all {
  .del-info ul {
    display: inline-block;
    margin-bottom: 1em;
  }
  .del-info ul li {
    margin: 0 4px 10px 0;
    display: inline-block;
    vertical-align: top;
  }
  .del-info ul li .btn {
    display: block;
    width: 185px;
  }
  .del-filter .filter-name {
    margin: 0 -10px;
    border-bottom: 1px solid #c3d3dc;
    padding: 0 10px 1em;
    text-align: center;
  }
  .del-filter .filter-name .map {
    margin-bottom: 1.5em;
  }
  .del-filter .filter-name .map img,
  .del-filter .filter-name .map iframe {
    border: 1px solid #ccd4da;
  }
  .del-filter .filter-name label {
    font-family: 'Oswald', sans-serif;
    font-size: 114.286%;
  }
  .del-filter .filter-name .inp {
    display: block;
    margin-top: 5px;
    padding-right: 100px;
    position: relative;
  }
  .del-filter .filter-name .inp .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 95px;
  }
  .del-filter .filter-name p {
    max-width: none;
  }
  .del-filter .filter-params {
    padding: 0;
    letter-spacing: -0.34em;
    margin: 0 -5px;
  }
  .del-filter .filter-params p {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 5px;
    margin: 1em 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
  }
  .del-filter .filter-params p select {
    width: 100%;
  }
  .del-newsletter {
    text-align: center;
  }
  .del-newsletter h2 {
    color: #5b7b8b;
    font-size: 171.429%;
    margin-top: 0;
  }
  .del-newsletter p {
    margin: 0 auto;
    line-height: 1.57;
  }
  .del-newsletter form {
    margin-top: 1em;
  }
  .del-newsletter form p {
    margin: 0 auto;
    line-height: 1.57;
    position: relative;
    padding-right: 105px;
    max-width: 568px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .del-newsletter form p .btn {
    padding: 0;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .e-list .e-item {
    margin: 0 0 10px;
  }
  .e-list .e-item .spc {
    border: 1px solid #e5e5e5;
    padding: 10px 10px 10px 105px;
    position: relative;
  }
  .e-list .e-item .spc:before,
  .e-list .e-item .spc:after {
    content: " ";
    display: table;
  }
  .e-list .e-item .spc:after {
    clear: both;
  }
  .e-list .e-item .spc .detail {
    text-decoration: none;
    color: #000;
  }
  .e-list .e-item .spc .title {
    margin: 0;
    font-size: 100%;
    font-family: 'Oswald', sans-serif;
  }
  .e-list .e-item .spc .title .sign {
    float: left;
    margin-left: -95px;
  }
  .e-list .e-item .spc .title .sign.safe,
  .e-list .e-item .spc .title .sign.dangerous {
    margin-bottom: 40px;
  }
  .e-list .e-item .spc .title .name {
    font-size: 135.714%;
  }
  .e-list .e-item .spc .desc {
    line-height: 1.3;
  }
  .e-list .e-item .spc .cols {
    margin-top: 10px;
  }
  .e-list .e-item .spc .cols li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }
  .e-list .e-item .spc .cols .type {
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
  }
  .e-list .e-item .spc .cols .type span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-indent: 0;
    font-family: 'dTest';
    font-size: 26px;
  }
  .e-list .e-item .spc .cols .type.dangerous span:before {
    content: "s";
    color: #da202b;
  }
  .e-list .e-item .spc .cols .type.safe span:before {
    content: "e";
    color: #55ac3c;
  }
  .law-list .law-item {
    margin-bottom: 10px;
  }
  .law-list .law-item .detail {
    border: 1px solid #e5e5e5;
    padding: 10px;
    text-decoration: none;
    color: #000;
    display: block;
  }
  .law-list .law-item .detail .title {
    margin-top: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 100%;
  }
  .law-list .law-item .detail .title .logo {
    display: none;
  }
  .law-list .law-item .detail .title .name {
    display: block;
    font-size: 135.714%;
  }
  .law-list .law-item .detail .link {
    display: none;
  }
  .law-list .law-item .detail table {
    border-collapse: collapse;
  }
  .law-list .law-item .detail table th {
    font-size: 85.714%;
    font-weight: normal;
    text-align: left;
    color: #5b7b8b;
    vertical-align: middle;
    padding: 5px 10px 5px 0;
  }
  .law-list .law-item .detail table td {
    vertical-align: middle;
    line-height: 1.3;
    padding: 5px 0;
  }
  .law-list .law-item .detail table .adr {
    display: inline-block;
    margin-right: 10px;
  }
  .law-list .law-item .detail table .region {
    display: inline-block;
    border: 1px solid #658392;
    color: #658392;
    border-radius: 2px;
    font-weight: bold;
    padding: 6px 10px;
  }
  .law-list .law-item .detail table .region span {
    line-height: 1.3;
  }
  .inner-wrap > .e-list,
  .inner-wrap > .law-list {
    margin-bottom: 2em;
  }
  .filter-sliders .slider-item {
    padding-left: 105px;
    position: relative;
    margin-bottom: 2em;
  }
  .filter-sliders .slider-item > p {
    display: inline;
  }
  .filter-sliders .slider-item > p label {
    display: block;
    font-weight: bold;
    margin-left: -105px;
  }
  .filter-sliders .slider-item > p .fix {
    display: block;
    position: absolute;
    top: auto;
    left: 0;
  }
  .filter-sliders .slider-item > p .inp-text {
    width: 55px;
  }
  .filter-sliders .filter-params {
    border-top: 1px solid #c3d3dc;
    border-bottom: 1px solid #c3d3dc;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    text-align: left;
  }
  .filter-sliders .filter-params > .check-group {
    margin: 0 -15px;
    padding: 0 15px 1em;
  }
  .filter-sliders .filter-params .check {
    width: auto;
    padding: 0;
    margin-right: 10px;
  }
  .filter-sliders .filter-params .expand-control {
    width: auto;
  }
  .filter-sliders .filter-params .choose-group {
    letter-spacing: normal;
    padding: 1em 0;
    margin: 0;
    border-top: 1px solid #c3d3dc;
  }
  .filter-sliders .filter-params .choose-group .inp-list {
    padding-left: 10px;
  }
  .filter-sliders .filter-params .choose-group .inp-list li {
    margin-top: .5em;
  }
  .filter-sliders .filter-params .choose-group .choose-value {
    border: 1px solid #c3d3dc;
    margin: 1em 0 0 0;
    padding: 10px;
    max-height: 170px;
    overflow-y: auto;
  }
  .filter-sliders .filter-params .choose-group .choose-value li {
    margin: 0 0 5px;
  }
  .filter-sliders .filter-params .expand-box.ca-expanded {
    border-top: 1px solid #c3d3dc;
  }
  .filter-sliders .filter-params .expand-box .choose-group:first-child {
    border-top: 0;
  }
  .filter-sliders .filter-params .hint {
    color: #333333;
    text-decoration: none;
  }
}
@media all and (min-width: 100px) {
  .del-info {
    letter-spacing: -0.34em;
    margin: 2.5em 0;
  }
  .del-info ul {
    width: 40%;
    padding-left: 2%;
    max-width: 220px;
    vertical-align: top;
    margin: 0;
    letter-spacing: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .del-info ul li {
    display: block;
    margin: 0 0 10px;
  }
  .del-info ul li .btn {
    width: auto;
  }
  .del-info p {
    display: inline-block;
    vertical-align: top;
    max-width: 630px;
    margin: 0;
    width: 60%;
    letter-spacing: normal;
    padding-left: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .del-info ul + p {
    padding-left: 6.98%;
  }
  .del-info p + ul {
    padding-left: 6.98%;
    max-width: 280px;
  }
}
@media all and (min-width: 100px) {
  .del-filter .filter-name label {
    margin: 0 5px;
    font-size: 135.714%;
    display: inline-block;
    vertical-align: middle;
  }
  .del-filter .filter-name .inp {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 550px;
    margin: 5px 0;
  }
  .del-filter .filter-name .inp .inp-fix {
    margin: 0;
  }
  .del-filter .filter-params {
    text-align: center;
    padding: 2em 0 0;
    margin: 0 -10px;
  }
  .del-filter .filter-params p {
    width: auto;
    max-width: 25%;
    padding: 0 10px;
    margin: 1em 0 0;
    line-height: 36px;
  }
  .del-filter .filter-params p label {
    vertical-align: middle;
    line-height: 1.3;
    display: inline-block;
  }
  .del-filter .filter-params.fp-2 p {
    max-width: 50%;
  }
  .del-filter .filter-params.fp-4 p {
    max-width: 20%;
  }
}
@media all and (min-width: 100px) {
  .del-newsletter h2 {
    font-size: 214.286%;
  }
}
@media all and (min-width: 100px) {
  .e-list .e-item .spc {
    letter-spacing: -0.34em;
    padding: 10px;
  }
  .e-list .e-item .spc .detail {
    display: inline-block;
    vertical-align: middle;
    width: 52.885%;
    padding-left: 105px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .e-list .e-item .spc .detail .title {
    letter-spacing: normal;
  }
  .e-list .e-item .spc .detail .title .sign {
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -20px 0 0;
  }
  .e-list .e-item .spc .detail .title .sign.safe,
  .e-list .e-item .spc .detail .title .sign.dangerous {
    margin-bottom: 0;
  }
  .e-list .e-item .spc .detail .title .name {
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
  }
  .e-list .e-item .spc .detail .desc {
    letter-spacing: normal;
  }
  .e-list .e-item .spc .detail:hover .title .name {
    color: #008ac9;
    text-decoration: underline;
  }
  .e-list .e-item .spc .cols {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 47.115%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .e-list .e-item .spc .cols a {
    text-decoration: none;
    color: #008ac9;
  }
  .e-list .e-item .spc .cols a:hover {
    text-decoration: underline;
  }
  .e-list .e-item .spc .cols li {
    margin: 0;
    text-align: center;
    letter-spacing: normal;
  }
  .e-list .e-item .spc .cols .group {
    width: 43.182%;
  }
  .e-list .e-item .spc .cols .source {
    width: 34.091%;
  }
  .e-list .e-item .spc .cols .type {
    width: 22.727%;
    height: 40px;
  }
  .e-list .e-item .spc .cols .type span {
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 36px;
  }
}
@media all and (min-width: 100px) {
  .e-list .e-item .spc {
    padding: 20px;
  }
  .e-list .e-item .spc .detail {
    padding-left: 120px;
  }
  .e-list .e-item .spc .detail .title .sign {
    left: 20px;
  }
}
@media all and (min-width: 100px) {
  .e-list .e-item .spc {
    padding: 25px;
  }
  .e-list .e-item .spc .detail {
    padding-left: 140px;
  }
  .e-list .e-item .spc .detail .title .sign {
    left: 25px;
  }
  .e-list .e-item .spc .cols .type {
    height: 44px;
  }
  .e-list .e-item .spc .cols .type span {
    height: 44px;
    line-height: 44px;
    font-size: 40px;
  }
}
@media all and (min-width: 100px) {
  .law-list .law-item .detail {
    padding-left: 120px;
  }
  .law-list .law-item .detail:before,
  .law-list .law-item .detail:after {
    content: " ";
    display: table;
  }
  .law-list .law-item .detail:after {
    clear: both;
  }
  .law-list .law-item .detail .title .logo {
    display: block;
    width: 100px;
    text-align: center;
    position: relative;
    float: left;
    margin-left: -110px;
  }
  .law-list .law-item .detail .title .logo img {
    position: relative;
    z-index: 1;
  }
  .law-list .law-item .detail .title .logo span {
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-family: 'dTest';
    font-size: 44px;
    color: #e4edf4;
  }
  .law-list .law-item .detail .title .logo span:before {
    content: "I";
  }
  .law-list .law-item .detail .title .name {
    margin-top: .5em;
  }
}
@media all and (min-width: 100px) {
  .law-list .law-item .detail {
    padding-right: 160px;
    position: relative;
  }
  .law-list .law-item .detail .link {
    display: block;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 50%;
  }
  .law-list .law-item .detail .link .btn {
    width: 130px;
    padding: 0;
    text-align: center;
  }
}
@media all and (min-width: 100px) {
  .law-list .law-item .detail {
    padding: 20px 190px 20px 195px;
  }
  .law-list .law-item .detail .title .logo {
    width: 135px;
    margin-left: -165px;
  }
}
@media all and (min-width: 100px) {
  .filter-sliders .filter-params .choose-group .inp-list {
    letter-spacing: -0.34em;
  }
  .filter-sliders .filter-params .choose-group .inp-list li {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
    letter-spacing: normal;
  }
  .filter-sliders .filter-params .choose-group .choose-value ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 0 solid transparent;
    -moz-column-rule: 0 solid transparent;
    column-rule: 0 solid transparent;
    /* zabrání zalomení sloupce uvnitř li */
  }
  .filter-sliders .filter-params .choose-group .choose-value ul li {
    -webkit-column-break-inside: avoid;
    /* spec + prefixes */
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:before,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:before,
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:after,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:after {
    content: " ";
    display: table;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:after,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:after {
    clear: both;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul li,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul li {
    float: left;
    width: 33.33333333%;
    padding: 0 10px;
    margin-left: -1px;
    border-left: 0 solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (min-width: 100px) {
  .filter-sliders {
    letter-spacing: -0.34em;
  }
  .filter-sliders .group-title {
    letter-spacing: normal;
  }
  .filter-sliders .slider-item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    padding: 0 15px 0 120px;
  }
  .filter-sliders .slider-item > p .fix {
    left: 15px;
  }
  .filter-sliders .filter-params {
    text-align: left;
    padding: 1.5em 15px;
    margin: 1em 0 1.5em;
    letter-spacing: normal;
  }
  .filter-sliders .filter-params > .check-group {
    padding-bottom: 1.5em;
  }
  .filter-sliders .filter-params .check {
    max-width: none !important;
    margin-top: 0;
  }
  .filter-sliders .filter-params .expand-box {
    margin: 0 -15px;
  }
  .filter-sliders .filter-params .expand-control {
    max-width: none !important;
    margin-top: 0;
  }
  .filter-sliders .filter-params .choose-group {
    margin: 0;
    padding: 1em 15px;
  }
}
@media all and (min-width: 100px) {
  .filter-sliders .filter-params .choose-group .inp-list li {
    width: 25%;
  }
  .filter-sliders .filter-params .choose-group .choose-value ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 0 solid transparent;
    -moz-column-rule: 0 solid transparent;
    column-rule: 0 solid transparent;
    /* zabrání zalomení sloupce uvnitř li */
  }
  .filter-sliders .filter-params .choose-group .choose-value ul li {
    -webkit-column-break-inside: avoid;
    /* spec + prefixes */
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:before,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:before,
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:after,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:after {
    content: " ";
    display: table;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:after,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:after {
    clear: both;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul li,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul li {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-left: -1px;
    border-left: 0 solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (min-width: 100px) {
  .filter-sliders .filter-params .choose-group .inp-list li {
    width: 20%;
  }
  .filter-sliders .filter-params .choose-group .choose-value ul {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 0 solid transparent;
    -moz-column-rule: 0 solid transparent;
    column-rule: 0 solid transparent;
    /* zabrání zalomení sloupce uvnitř li */
  }
  .filter-sliders .filter-params .choose-group .choose-value ul li {
    -webkit-column-break-inside: avoid;
    /* spec + prefixes */
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:before,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:before,
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:after,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:after {
    content: " ";
    display: table;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul:after,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul:after {
    clear: both;
  }
  .ie8 .filter-sliders .filter-params .choose-group .choose-value ul li,
  .ie9 .filter-sliders .filter-params .choose-group .choose-value ul li {
    float: left;
    width: 20%;
    padding: 0 10px;
    margin-left: -1px;
    border-left: 0 solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media all and (min-width: 100px) {
  .filter-sliders .slider-item {
    padding-left: 280px;
  }
  .filter-sliders .slider-item > p {
    position: absolute;
    left: 20px;
    top: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 105px;
    line-height: 32px;
    width: 255px;
  }
  .filter-sliders .slider-item > p label {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
  }
  .filter-sliders .slider-item > p .fix {
    width: 100px;
    right: 0;
    left: auto;
    top: 0;
  }
  .filter-sliders .slider-item .slider-holder {
    max-width: 244px;
  }
}
@media all {
  .order-crossroad .order-type {
    margin: 0 0 10px;
  }
  .order-crossroad .order-type .spc {
    background: #e4edf4;
  }
  .order-crossroad .order-type .title {
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-size: 185.714%;
    margin: 0;
  }
  .order-crossroad .order-type .title .name {
    height: 73px;
    line-height: 72px;
    display: block;
    text-align: center;
  }
  .order-crossroad .order-type .title .img {
    display: none;
  }
  .order-crossroad .order-type .price {
    text-align: center;
    font-size: 157.143%;
    line-height: 1;
    font-family: 'Oswald', sans-serif;
    color: #000;
    border-top: 1px solid #d9e5ee;
    border-bottom: 1px solid #d9e5ee;
    padding: 15px;
  }
  .order-crossroad .order-type .price p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 24px;
  }
  .order-crossroad .order-type .price strong {
    color: #da202b;
  }
  .order-crossroad .order-type .price.reduced {
    font-size: 135.714%;
  }
  .order-crossroad .order-type .order-desc-box {
    padding: 10px;
  }
  .order-crossroad .order-type .order-desc-box .red-dots {
    margin-bottom: 15px;
  }
  .order-crossroad .order-type .order-desc-box .red-dots li {
    margin-bottom: 0;
  }
  .order-crossroad .order-type .order-desc-box .expand-control {
    margin: 0;
  }
  .order-crossroad .order-type .order-desc-box .expand-control a {
    text-decoration: none;
    padding-right: 18px;
    position: relative;
  }
  .order-crossroad .order-type .order-desc-box .expand-control a:after {
    content: "j";
    font-family: 'dTest';
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -ms-transition: -ms-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
  }
  .order-crossroad .order-type .order-desc-box .expand-control a span {
    text-decoration: underline;
  }
  .order-crossroad .order-type .order-desc-box.ca-expanded .expand-control a:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .order-crossroad .order-type .detail {
    margin: 0;
    text-align: center;
    padding: 10px 10px 20px;
  }
  .order-crossroad .order-type .detail .btn {
    padding: 0;
    width: 210px;
  }
  .start-steps {
    text-align: center;
  }
  .start-steps li {
    width: 200px;
    margin: 0 auto;
    font-family: 'Oswald', sans-serif;
    font-size: 114.286%;
    line-height: 1.3;
  }
  .start-steps li .img {
    width: 150px;
    margin: 0 auto 10px;
  }
  .start-steps li .img img {
    display: block;
  }
  .start-steps li strong {
    color: #da202b;
    font-weight: normal;
  }
  .start-steps li.step-1,
  .start-steps li.step-2 {
    padding-bottom: 50px;
    position: relative;
  }
  .start-steps li.step-1:after,
  .start-steps li.step-2:after {
    content: "j";
    font-family: 'dTest';
    font-size: 30px;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    color: #cce8f4;
  }
  .basket-list {
    width: 100%;
  }
  .basket-list .item .name .in {
    padding-left: 40px;
    position: relative;
  }
  .basket-list .item .name .in:before {
    display: block;
    content: "e";
    font-family: 'dTest';
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    color: #eb222e;
    position: absolute;
    left: 0;
    top: 4px;
  }
  .basket-list .item .price {
    text-align: right;
    font-size: 135.714%;
    line-height: 1.3;
    font-weight: bold;
  }
  .basket-list .item .price strong {
    font-size: 73.684%;
  }
  .basket-list .item .remove {
    text-align: center;
  }
  .basket-list .item .remove a {
    display: inline-block;
    color: #a9abae;
    font-size: 13px;
    text-decoration: none;
  }
  .basket-list .item .remove a:before {
    content: "×";
    margin-right: 3px;
  }
  .basket-list .item .remove a:hover {
    color: #000;
  }
  .basket-list .item .remove a:hover span {
    text-decoration: underline;
  }
  .basket-list tfoot .price {
    text-align: right;
    font-size: 135.714%;
    line-height: 1.3;
    font-weight: bold;
  }
  .basket-list tfoot .price strong {
    font-size: 73.684%;
    margin-right: 8px;
  }
  .order-form .inside-title {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 100%;
    border-bottom: 1px solid #e4ecf2;
    font-weight: bold;
    padding: 0 0 3px 3px;
    margin: 0 -3px 6px;
  }
  .order-form .fi-title {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 100%;
    border-bottom: 1px solid #e4ecf2;
    font-weight: bold;
    padding: 0 0 3px 3px;
    margin: 2em -3px 6px;
  }
  .order-form p {
    margin: 15px 0;
  }
  .order-form .part-note {
    font-style: italic;
    font-size: 85.714%;
    line-height: 1.4;
    margin-top: 0;
  }
  .order-form .form-item {
    margin: 15px 0;
    line-height: 36px;
  }
  .order-form .form-item .inp-fix {
    margin-top: 0;
  }
  .order-form .form-item .note {
    display: block;
    font-size: 85.714%;
    line-height: 1.3;
    margin-top: 4px;
  }
  .order-form .form-item .fi-note {
    display: block;
    font-size: 85.714%;
    line-height: 1.3;
    margin-top: 4px;
  }
  .order-form .form-item.error .fi-note {
    color: #eb222e;
  }
  .order-form .agreement {
    margin: 15px 0;
    line-height: 36px;
  }
  .order-form .agreement .fi-note {
    display: block;
    font-size: 85.714%;
    line-height: 1.3;
    margin-top: 4px;
  }
  .order-form .agreement.error .fi-note {
    color: #eb222e;
  }
  .order-form .checkbox-options-list label {
    padding-left: 25px;
    display: block;
  }
  .order-form .checkbox-options-list label span:before {
    content: "&";
    top: -12px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'dTest';
    position: relative;
    height: 20px;
    margin-right: 5px;
    font-size: 20px;
    color: #000;
  }
  .order-form .checkbox-options-list input {
    float: left;
    margin-left: -25px;
    margin-top: 4px;
  }
  .order-form .checkbox-options-list .gift-text {
    display: inline-block;
  }
  .order-form .checkbox-options-list .company-text {
    display: inline-block;
    margin-top: -4px;
  }
  .order-form .checkbox-options-list .company-text:before {
    content: "x";
  }
  .prepaid-packages {
    padding: 0 10px;
  }
  .prepaid-packages table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 2em;
  }
  .prepaid-packages table .product .in {
    display: block;
    padding-left: 30px;
  }
  .prepaid-packages table .product .in input {
    float: left;
    margin: 5px 0 0 -27px;
  }
  .prepaid-packages table .count input {
    width: 40px;
  }
  .prepaid-packages table .price {
    text-align: right;
    font-weight: bold;
    font-size: 135.714%;
  }
  .choose-magazines {
    margin-bottom: 2em;
  }
  .choose-magazines table {
    border-collapse: collapse;
    width: 100%;
  }
  .choose-magazines table tbody .month input {
    width: 34px;
  }
  .choose-magazines table tbody .month .na {
    display: block;
    margin: 0 auto;
    width: 34px;
    line-height: 36px;
    text-align: center;
    font-size: 30px;
    font-weight: normal;
  }
  .choose-magazines table tbody .price {
    font-weight: bold;
    font-size: 135.714%;
  }
  .choose-magazines table tfoot td {
    font-weight: bold;
    font-size: 135.714%;
  }
  .choose-magazines table tfoot td strong {
    font-size: 73.684%;
  }
}
@media all and (min-width: 100px) {
  .order-crossroad {
    letter-spacing: -0.34em;
    margin: 0 -5px 2em;
  }
  .order-crossroad .order-type {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
    max-width: 324px;
  }
  .order-crossroad .order-type .spc {
    margin: 0 5px;
    letter-spacing: normal;
  }
  .order-crossroad .order-type .title .img {
    display: block;
  }
  .order-crossroad .order-type .title .img img {
    max-width: 90%;
    width: auto;
  }
  .order-crossroad .order-type .price {
    border-top: 0;
    padding-top: 5px;
  }
  .order-crossroad .order-type .order-desc-box .expand-control {
    padding: 0 5px;
  }
  .order-crossroad .order-type.order-type-3 .title .img img {
    max-width: 98.6667%;
  }
}
@media all and (min-width: 100px) {
  .order-crossroad {
    margin: 0 -10px 2em;
  }
  .order-crossroad .order-type .spc {
    margin: 0 10px;
  }
  .order-crossroad .order-type .title .img {
    display: block;
  }
  .order-crossroad .order-type .title .img img {
    max-width: none;
  }
  .order-crossroad .order-type .order-desc-box {
    padding: 10px 20px;
  }
  .order-crossroad .order-type.order-type-3 .title .img img {
    max-width: none;
  }
}
@media all and (min-width: 100px) {
  .order-crossroad {
    margin: 0 -12px 2em;
  }
  .order-crossroad .order-type .spc {
    margin: 0 12px;
  }
  .order-crossroad .order-type .order-desc-box {
    padding: 10px 23px;
  }
}
@media all and (min-width: 100px) {
  .start-steps {
    letter-spacing: -0.34em;
    margin: 2em -25px 3em;
  }
  .start-steps li {
    display: inline-block;
    max-width: 334px;
    width: 33.333%;
    padding: 0 25px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .start-steps li .img {
    width: auto;
    letter-spacing: normal;
  }
  .start-steps li p {
    letter-spacing: normal;
  }
  .start-steps li.step-1,
  .start-steps li.step-2 {
    padding-bottom: 0;
    position: static;
  }
  .start-steps li.step-1:after,
  .start-steps li.step-2:after {
    display: none;
  }
  .start-steps li.step-1 .img,
  .start-steps li.step-2 .img {
    position: relative;
  }
  .start-steps li.step-1 .img:after,
  .start-steps li.step-2 .img:after {
    content: "j";
    font-family: 'dTest';
    font-size: 30px;
    display: block;
    height: 30px;
    line-height: 30px;
    position: absolute;
    width: 50px;
    top: 50%;
    margin-top: -15px;
    right: -50px;
    text-align: center;
    color: #cce8f4;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
@media all and (min-width: 100px) {
  .start-steps {
    margin-left: -45px;
    margin-right: -45px;
  }
  .start-steps li {
    padding: 0 45px;
  }
  .start-steps li.step-1 .img:after,
  .start-steps li.step-2 .img:after {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 90px;
    margin-top: -24px;
    right: -90px;
  }
}
@media all and (min-width: 100px) {
  .start-steps li {
    font-size: 135.714%;
  }
}
@media all and (max-width: 599px) {
  .basket-list .item td {
    display: block;
  }
  .basket-list .item .remove {
    text-align: right;
  }
  .basket-list .item .remove a {
    margin-bottom: 15px;
  }
  .basket-list tfoot td {
    display: block;
    text-align: right;
  }
  .basket-list tfoot .price {
    border-top: 1px solid #dfe9f0;
    padding-top: 6px;
  }
}
@media all and (min-width: 100px) {
  .basket-list .item td {
    vertical-align: middle;
    padding: 12px 0;
  }
  .basket-list .item .name .in {
    padding-right: 20px;
  }
  .basket-list .item .name .in:before {
    top: 50%;
    margin-top: -12px;
  }
  .basket-list .item .remove {
    width: 17%;
  }
  .basket-list tfoot td {
    padding-top: 15px;
    border-top: 1px solid #dfe9f0;
  }
}
@media all and (min-width: 100px) {
  .basket-list .item .name .in {
    padding-left: 60px;
  }
  .basket-list .item .name .in:before {
    left: 10px;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: -14px;
  }
}
@media all and (min-width: 100px) {
  .order-form .fi-title {
    margin-right: 90px;
  }
  .order-form .part-note {
    padding-right: 90px;
  }
  .order-form .form-item {
    padding-left: 115px;
    padding-right: 95px;
    position: relative;
  }
  .order-form .form-item label {
    line-height: 33px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
  }
  .order-form .form-item label span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
  }
  .order-form .form-item .fi-note {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    line-height: 36px;
    margin: 0;
  }
  .order-form .form-item .fi-note span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
  }
  .order-form .agreement {
    position: relative;
    padding-right: 150px;
  }
  .order-form .agreement .fi-note {
    position: absolute;
    top: 8px;
    right: 0;
    line-height: 36px;
    margin: 0;
    width: 150px;
  }
  .order-form .agreement .fi-note span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
  }
}
@media all and (min-width: 100px) {
  .order-form {
    max-width: 650px;
  }
  .order-form .form-item-e-mail {
    padding-right: 250px;
  }
  .order-form .form-item-e-mail .fi-note {
    width: 245px;
  }
  .order-form .form-item-phone {
    padding-right: 380px;
  }
  .order-form .form-item-zip {
    padding-right: 400px;
  }
  .order-form .form-item-in {
    padding-right: 400px;
  }
  .order-form .form-item-tin {
    padding-right: 400px;
  }
  .order-form .col-h-l {
    width: 48%;
  }
  .order-form .col-h-r {
    width: 48%;
  }
  .order-form .col-h-l .fi-title,
  .order-form .col-h-r .fi-title {
    margin-right: 0;
  }
  .order-form .col-h-l .part-note,
  .order-form .col-h-r .part-note {
    padding-right: 0;
  }
  .order-form .col-h-l .form-item,
  .order-form .col-h-r .form-item {
    padding-right: 0;
  }
  .order-form .col-h-l .form-item .fi-note,
  .order-form .col-h-r .form-item .fi-note {
    position: static;
    width: auto;
    line-height: 1.4;
    margin: 4px 0 0;
  }
  .order-form .col-h-l .form-item .fi-note span,
  .order-form .col-h-r .form-item .fi-note span {
    display: inline;
  }
}
@media all and (min-width: 100px) {
  .order-form .agreement {
    padding-right: 145px;
  }
  .order-form .agreement .fi-note {
    width: 250px;
    right: -105px;
    top: 0;
  }
}
@media all and (min-width: 100px) {
  .order-form .col-h-l {
    width: 50.962%;
  }
  .order-form .col-h-r {
    width: 43.269%;
  }
  .order-form .col-h-l .fi-title,
  .order-form .col-h-r .fi-title {
    margin-right: 90px;
  }
  .order-form .col-h-l .part-note,
  .order-form .col-h-r .part-note {
    padding-right: 90px;
  }
  .order-form .col-h-l .form-item,
  .order-form .col-h-r .form-item {
    padding-right: 95px;
  }
  .order-form .col-h-l .form-item .fi-note,
  .order-form .col-h-r .form-item .fi-note {
    position: absolute;
    width: 90px;
    line-height: 36px;
    margin: 0;
  }
  .order-form .col-h-l .form-item .fi-note span,
  .order-form .col-h-r .form-item .fi-note span {
    display: inline-block;
  }
}
@media all and (min-width: 100px) {
  .year-desc-img {
    letter-spacing: -0.34em;
    text-align: center;
  }
  .year-desc-img:before,
  .year-desc-img:after {
    content: " ";
    display: table;
  }
  .year-desc-img:after {
    clear: both;
  }
  .year-desc-img .desc,
  .year-desc-img .img {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
  }
  .year-desc-img .desc {
    width: 58%;
    text-align: left;
    margin-right: 2%;
  }
  .year-desc-img .img {
    width: 40%;
  }
}
@media all and (min-width: 100px) {
  .year-desc-img:before,
  .year-desc-img:after {
    content: " ";
    display: table;
  }
  .year-desc-img:after {
    clear: both;
  }
  .year-desc-img .desc {
    width: 48%;
  }
  .year-desc-img .img {
    width: 50%;
  }
}
@media all and (min-width: 100px) {
  .year-desc-img:before,
  .year-desc-img:after {
    content: " ";
    display: table;
  }
  .year-desc-img:after {
    clear: both;
  }
  .year-desc-img .desc {
    width: 34.615%;
    margin-right: 2.789%;
  }
  .year-desc-img .img {
    width: 62.596%;
  }
}
@media all and (max-width: 767px) {
  .prepaid-packages table thead {
    display: none;
  }
  .prepaid-packages table tbody {
    letter-spacing: -0.34em;
  }
  .prepaid-packages table tbody tr {
    display: block;
    background: #f4f8fb;
    margin-bottom: 1.5em;
  }
  .prepaid-packages table tbody td {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 25%;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .prepaid-packages table tbody .product {
    display: block;
    background: #fff;
    width: auto;
    padding: 6px 0;
  }
  .prepaid-packages table tbody .from,
  .prepaid-packages table tbody .to {
    line-height: 1.3;
  }
  .prepaid-packages table tbody .from span,
  .prepaid-packages table tbody .to span {
    display: block;
    font-size: 85.714%;
    color: #737373;
  }
  .prepaid-packages table tbody .from {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .prepaid-packages table tbody .to {
    text-align: left;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .prepaid-packages table tbody .count {
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .prepaid-packages table tbody .price {
    line-height: 36px;
  }
}
@media all and (max-width: 479px) {
  .prepaid-packages table tbody td {
    width: 50%;
  }
  .prepaid-packages table tbody .from {
    padding-top: 15px;
    padding-bottom: 6px;
  }
  .prepaid-packages table tbody .to {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 6px;
  }
  .prepaid-packages table tbody .count {
    padding-bottom: 15px;
    padding-top: 6px;
  }
  .prepaid-packages table tbody .price {
    padding-bottom: 15px;
    padding-top: 6px;
  }
}
@media all and (min-width: 100px) {
  .prepaid-packages table thead th {
    font-weight: normal;
    font-size: 85.714%;
    line-height: 1.3;
    color: #737373;
    text-align: center;
    padding: 5px 0 8px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  .prepaid-packages table tbody td {
    padding: 15px 10px;
    vertical-align: top;
  }
  .prepaid-packages table tbody .product {
    padding-left: 0;
  }
  .prepaid-packages table tbody .from,
  .prepaid-packages table tbody .to,
  .prepaid-packages table tbody .count,
  .prepaid-packages table tbody .price {
    background: #f4f8fb;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    line-height: 36px;
  }
  .prepaid-packages table tbody .from,
  .prepaid-packages table tbody .to {
    text-align: center;
  }
  .prepaid-packages table tbody .from span,
  .prepaid-packages table tbody .to span {
    display: none;
  }
  .prepaid-packages table tbody .count {
    white-space: nowrap;
    text-align: center;
  }
}
@media all and (max-width: 999px) {
  .choose-magazines table thead {
    display: none;
  }
  .choose-magazines table tbody tr {
    display: block;
    padding: 10px 0;
    text-align: center;
    background: #f4f8fb;
    letter-spacing: -0.34em;
  }
  .choose-magazines table tbody tr + tr {
    border-top: 1px solid #dfe9f0;
  }
  .choose-magazines table tbody td {
    display: block;
    padding: 0;
    letter-spacing: normal;
  }
  .choose-magazines table tbody .year {
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
  }
  .choose-magazines table tbody .year span {
    font-size: 85.714%;
    font-weight: normal;
    color: #737373;
  }
  .choose-magazines table tbody .month {
    display: inline-block;
    width: 8.333%;
    vertical-align: top;
    text-align: center;
    margin-bottom: 10px;
  }
  .choose-magazines table tbody .month span {
    display: block;
    font-size: 85.714%;
    color: #737373;
  }
  .choose-magazines table tbody .price {
    text-align: center;
  }
  .choose-magazines table tfoot tr {
    display: block;
    border-top: 1px solid #dfe9f0;
    background: #f4f8fb;
  }
  .choose-magazines table tfoot td {
    display: block;
    text-align: center;
    padding: 15px 0;
  }
}
@media all and (max-width: 767px) {
  .choose-magazines table tbody .month {
    width: 16.667%;
  }
}
@media all and (max-width: 479px) {
  .choose-magazines table tbody .month {
    width: 25%;
  }
}
@media all and (min-width: 100px) {
  .choose-magazines {
    padding: 0 10px;
  }
  .choose-magazines table thead th {
    font-weight: normal;
    font-size: 85.714%;
    line-height: 1.3;
    color: #737373;
    text-align: center;
    padding: 5px 0 8px;
  }
  .choose-magazines table thead .year {
    text-align: left;
    padding-left: 10px;
  }
  .choose-magazines table thead .price {
    text-align: right;
    padding-right: 10px;
  }
  .choose-magazines table tbody td {
    vertical-align: middle;
    background: #f4f8fb;
    padding: 15px 0;
  }
  .choose-magazines table tbody td span {
    display: none;
  }
  .choose-magazines table tbody .year {
    padding-left: 10px;
    font-weight: bold;
  }
  .choose-magazines table tbody .month {
    text-align: center;
  }
  .choose-magazines table tbody .price {
    text-align: right;
    padding-right: 10px;
  }
  .choose-magazines table tfoot td {
    background: #f4f8fb;
    text-align: right;
    padding: 0 10px;
  }
  .choose-magazines table tfoot td .in {
    border-top: 1px solid #dfe9f0;
    padding: 15px 0;
  }
}
@media all {
  .tested-group {
    position: relative;
  }
  .tested-group .hint {
    margin: 0 20px 0 0;
    display: inline-block;
    text-decoration: none;
    color: inherit;
  }
  .tested-group .hint:after {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 13px;
    right: -20px;
    border-radius: 8px;
  }
  .tested-group .group-head {
    background: #e5eef4;
    margin: 2px 0 0;
    letter-spacing: -0.34em;
  }
  .tested-group .group-head a {
    text-decoration: none;
  }
  .tested-group .group-head .name,
  .tested-group .group-head .val {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: normal;
  }
  .tested-group .group-head .name {
    width: 58.93%;
    padding: 10px 10px 10px 30px;
    color: #5b7b8b;
    position: relative;
  }
  .tested-group .group-head .name:before {
    left: 8px;
    top: 12px;
  }
  .tested-group .group-head .name .hint {
    color: #5b7b8b;
  }
  .tested-group .group-head .val {
    width: 41.07%;
    color: #000;
    padding: 10px 10px;
    background: #dde8ee;
    font-weight: bold;
  }
  .tested-group .group-head .in {
    display: block;
    letter-spacing: normal;
  }
  .tested-group .group-head.reduced .name {
    width: 100%;
  }
  .tested-group .group-head.reduced .val {
    width: 0;
    position: absolute;
    overflow: hidden;
    padding: 0;
  }
  .tested-group .group-content {
    width: 100%;
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .tested-group .group-content dl {
    letter-spacing: -0.34em;
    margin: 0;
    padding: 0;
    line-height: 1.3;
  }
  .tested-group .group-content dt {
    display: inline-block;
    background: #f1f6f9;
    vertical-align: top;
    width: 58.93%;
    margin: 2px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tested-group .group-content dt .in {
    padding: 8px 10px 8px 30px;
  }
  .tested-group .group-content dd {
    display: inline-block;
    background: #e8eff3;
    vertical-align: top;
    width: 41.07%;
    margin: 2px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tested-group .group-content dd .in {
    padding: 8px 10px;
  }
  .tested-group .group-content .in {
    display: block;
    letter-spacing: normal;
  }
  .tested-group .group-level-2 .gl2-head {
    background: #dde8ee;
    margin: 2px 0 0;
    line-height: 1.3;
    text-align: left;
  }
  .tested-group .group-level-2 .gl2-head a {
    text-decoration: none;
  }
  .tested-group .group-level-2 .gl2-head .name {
    background: #e5eef4;
    color: #5b7b8b;
    display: inline-block;
    width: 58.83%;
    padding: 10px 10px 10px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  .tested-group .group-level-2 .gl2-head .name:before {
    left: 30px;
    top: 12px;
  }
  .tested-group .group-level-2 .gl2-head .val {
    width: 41.17%;
    color: #000;
    padding: 10px 5px;
    background: #dde8ee;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tested-group .group-level-2 .gl2-content {
    width: 100%;
  }
  .tested-group .group-level-2 .gl2-content dt .in {
    padding-left: 50px;
  }
  .tested-group .group-level-2.ca2-expanded .gl2-head strong:before {
    content: "z";
    font-family: 'dTest';
    font-size: 9px;
    color: #fff;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    background: #a0b4bf;
    position: absolute;
    letter-spacing: normal;
  }
  .tested-group .group-level-2.ca2-expanded .gl2-content {
    position: static;
  }
  .tested-group .group-level-2.ca2-collapsed .gl2-head strong:before {
    content: "u";
    font-family: 'dTest';
    font-size: 9px;
    color: #fff;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    background: #a0b4bf;
    position: absolute;
    letter-spacing: normal;
  }
  .tested-group .group-level-2.ca2-collapsed .gl2-content {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .tested-group.ca-expanded .group-head .name:before {
    content: "z";
    font-family: 'dTest';
    font-size: 9px;
    color: #fff;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    background: #a0b4bf;
    position: absolute;
    letter-spacing: normal;
  }
  .tested-group.ca-expanded .group-content {
    position: static;
  }
  .tested-group.ca-collapsed .group-head .name:before {
    content: "u";
    font-family: 'dTest';
    font-size: 9px;
    color: #fff;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    background: #a0b4bf;
    position: absolute;
    letter-spacing: normal;
  }
  .compare-sort select {
    margin: 0 10px 0 5px;
  }
  .compare-sort a {
    text-decoration: none;
    color: #adadad;
  }
  .compare-sort a span {
    text-decoration: underline;
  }
  .compare-sort a:hover {
    color: #000;
  }
  .compare-sort .asc,
  .compare-sort .desc {
    margin-right: 10px;
    position: relative;
    padding-left: 19px;
  }
  .compare-sort .asc:before,
  .compare-sort .desc:before {
    content: "j";
    font-family: 'dTest';
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
  }
  .compare-sort .asc:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .products-compare {
    margin: 0 0 3em;
  }
  .products-compare .highlight-text {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    background: #008ac9;
    position: relative;
  }
  .products-compare .highlight-text:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #008ac9 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -7px;
  }
  .products-compare .product {
    text-align: center;
  }
  .products-compare .product .product-detail {
    display: block;
    margin-bottom: 10px;
    padding-top: 30px;
  }
  .products-compare .product .product-detail .img {
    display: block;
    margin-bottom: 10px;
    height: 100px;
  }
  .products-compare .product .remove {
    padding-bottom: 10px;
  }
  .products-compare.is_stuck + div {
    display: none !important;
  }
  .products-compare ul {
    white-space: nowrap;
    letter-spacing: -0.34em;
    overflow-y: hidden;
    overflow-x: scroll;
    text-align: left;
  }
  .products-compare ul li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    letter-spacing: normal;
    white-space: normal;
  }
  .products-compare ul li .spc2 {
    border: 1px solid transparent;
    border-top-width: 2px;
    margin-left: -1px;
  }
  .products-compare ul li .detail-link {
    padding: 1em 0;
    margin: 0;
    line-height: 85.714%;
    text-align: center;
  }
  .products-compare ul li.highlight .spc2 {
    border: 2px solid #008ac9;
  }
  .products-compare ul li.highlight .product .product-detail {
    padding-top: 0;
  }
  .products-compare .group-head-total {
    background: #e5eef4;
    margin: 0 0 2px;
    letter-spacing: -0.34em;
    text-align: left;
  }
  .products-compare .group-head-total .name,
  .products-compare .group-head-total .val {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
  }
  .products-compare .group-head-total .name {
    width: 58.93%;
    padding: 15px 10px 15px 30px;
  }
  .products-compare .group-head-total .name:before {
    left: 8px;
    top: 12px;
  }
  .products-compare .group-head-total .name .hint {
    color: #5b7b8b;
  }
  .products-compare .group-head-total .val {
    width: 41.07%;
    padding: 15px 10px;
    background: #dde8ee;
    font-weight: bold;
  }
  .products-compare .group-head-total .in {
    display: block;
    letter-spacing: normal;
  }
  .products-compare .group-head-total.reduced .name {
    width: 100%;
  }
  .products-compare .group-head-total.reduced .val {
    width: 0;
    position: absolute;
    overflow: hidden;
    padding: 0;
  }
  .products-compare .tested-group .group-head {
    text-align: left;
  }
  .products-compare .tested-group .group-content dt {
    text-align: left;
  }
  .products-compare .tested-group .group-content dd {
    text-align: left;
    font-weight: bold;
  }
}
@media all and (min-width: 100px) {
  .tested-group .group-level-2 .gl2-head strong {
    padding: 5px 10px 5px 50px;
  }
  .tested-group .group-level-2 .gl2-head strong:before {
    top: 7px;
  }
}
@media all and (min-width: 100px) {
  .products-compare {
    position: relative !important;
    margin: 0;
    padding-left: 200px;
  }
  .products-compare .highlight-text {
    line-height: 26px;
  }
  .products-compare .product {
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    margin-right: -1px;
  }
  .products-compare ul {
    padding-left: 1px;
  }
  .products-compare ul li {
    position: static;
    width: 50%;
    max-width: 220px;
  }
  .products-compare ul li .group-head-total .name {
    visibility: hidden;
    position: absolute;
    width: 200px;
    left: -9999px;
    top: auto;
  }
  .products-compare ul li .group-head-total .val {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .products-compare ul li .group-head .name {
    visibility: hidden;
    position: absolute;
    width: 200px;
    left: -9999px;
    top: auto;
  }
  .products-compare ul li .group-head .val {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .products-compare ul li .group-head.reduced .name {
    width: 200px;
  }
  .products-compare ul li .group-head.reduced .val {
    position: static;
    width: 100%;
    padding: 10px;
  }
  .products-compare ul li .tested-group {
    position: static;
  }
  .products-compare ul li .tested-group dt {
    width: 200px;
    border: 0;
  }
  .products-compare ul li .tested-group dd {
    width: 100%;
  }
  .products-compare ul li .tested-group dd .in {
    padding-left: 20px;
    padding-right: 20px;
  }
  .products-compare ul li .tested-group.ca-expanded dt {
    display: none;
  }
  .products-compare ul li .tested-group .gl2-head .name {
    visibility: hidden;
    position: absolute;
    width: 200px;
    left: -9999px;
    top: auto;
  }
  .products-compare ul li .tested-group .gl2-head .val {
    display: block;
    width: 100%;
    padding-left: 20px;
  }
  .products-compare ul li .tested-group .gl2-head.reduced .name {
    width: 200px;
  }
  .products-compare ul li .tested-group .gl2-head.reduced .val {
    position: static;
    width: 100%;
    padding: 10px;
  }
  .products-compare ul li:first-child .product {
    border-left: 1px solid #e7e7e7;
    margin-left: -1px;
  }
  .products-compare ul li:first-child .group-head-total .name {
    display: block;
    width: 200px;
    position: absolute;
    top: auto;
    left: 0;
    visibility: visible;
    background: #e5eef4;
  }
  .products-compare ul li:first-child .group-head {
    position: static;
  }
  .products-compare ul li:first-child .group-head .name {
    display: block;
    width: 200px;
    position: absolute;
    top: auto;
    left: 0;
    visibility: visible;
    background: #e5eef4;
  }
  .products-compare ul li:first-child .tested-group .gl2-head {
    position: static;
  }
  .products-compare ul li:first-child .tested-group .gl2-head .name {
    display: block;
    width: 200px;
    position: absolute;
    top: auto;
    left: 0;
    visibility: visible;
    background: #e5eef4;
  }
  .products-compare ul li:first-child .tested-group dt {
    position: absolute;
    top: auto;
    left: 0;
    display: block !important;
    width: 200px;
  }
  .products-compare ul li.highlight .product {
    border-color: transparent;
    border-top-color: #008ac9;
  }
}
@media all and (min-width: 100px) {
  .products-compare {
    padding-left: 270px;
    padding-bottom: 20px;
  }
  .products-compare ul li .group-head-total .name {
    width: 270px;
    padding-left: 40px;
  }
  .products-compare ul li .group-head .name {
    width: 270px;
    padding-left: 40px;
  }
  .products-compare ul li .group-head .name:before {
    left: 18px;
  }
  .products-compare ul li .group-head.reduced .name {
    width: 270px;
  }
  .products-compare ul li .tested-group dt {
    width: 270px;
  }
  .products-compare ul li .tested-group .group-content dt .in {
    padding-left: 40px;
  }
  .products-compare ul li .tested-group .gl2-head .name {
    width: 270px;
    padding-left: 60px;
  }
  .products-compare ul li .tested-group .gl2-head .name:before {
    left: 40px;
  }
  .products-compare ul li .tested-group .gl2-head.reduced .name {
    width: 270px;
  }
  .products-compare ul li .tested-group .group-level-2 .gl2-content dt .in {
    padding-left: 60px;
  }
  .products-compare ul li:first-child .group-head-total .name {
    width: 270px;
  }
  .products-compare ul li:first-child .group-head .name {
    width: 270px;
  }
  .products-compare ul li:first-child .tested-group .gl2-head .name {
    width: 270px;
  }
  .products-compare ul li:first-child .tested-group dt {
    width: 270px;
  }
  .products-compare .expand-all-results {
    position: absolute;
    left: 18px;
    bottom: 0;
  }
}
@media all and (min-width: 100px) {
  .products-compare {
    padding-left: 340px;
  }
  .products-compare ul li .group-head-total .name {
    width: 340px;
  }
  .products-compare ul li .group-head .name {
    width: 340px;
  }
  .products-compare ul li .group-head.reduced .name {
    width: 340px;
  }
  .products-compare ul li .tested-group dt {
    width: 340px;
  }
  .products-compare ul li .tested-group .gl2-head .name {
    width: 340px;
  }
  .products-compare ul li .tested-group .gl2-head.reduced .name {
    width: 340px;
  }
  .products-compare ul li:first-child .group-head-total .name {
    width: 340px;
  }
  .products-compare ul li:first-child .group-head .name {
    width: 340px;
  }
  .products-compare ul li:first-child .tested-group .gl2-head .name {
    width: 340px;
  }
  .products-compare ul li:first-child .tested-group dt {
    width: 340px;
  }
}
@media all {
  .slider-holder {
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 14px;
  }
  .slider {
    height: 5px;
    background: #fff;
    border: 1px solid #99b7c7;
    border-radius: 3px;
    box-shadow: inset 0 3px 1px rgba(4, 4, 4, 0.07);
    position: relative;
  }
  .slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    background: #eb222e;
    margin-left: -10px;
    position: absolute;
    top: -10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  }
  .slider .ui-slider-handle:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #eb222e transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -4px;
  }
  /*! jQuery UI - v1.11.4 - 2015-06-02
* http://jqueryui.com
* Includes: core.css, slider.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
  /* Layout helpers
	----------------------------------* /
	.ui-helper-hidden {
		display: none;
	}
	.ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.ui-helper-reset {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		line-height: 1.3;
		text-decoration: none;
		font-size: 100%;
		list-style: none;
	}
	.ui-helper-clearfix:before,
	.ui-helper-clearfix:after {
		content: "";
		display: table;
		border-collapse: collapse;
	}
	.ui-helper-clearfix:after {
		clear: both;
	}
	.ui-helper-clearfix {
		min-height: 0; /* support: IE7 * /
	}
	.ui-helper-zfix {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
		opacity: 0;
		filter:Alpha(Opacity=0); /* support: IE8 * /
	}

	.ui-front {
		z-index: 100;
	}


	/* Interaction Cues
	----------------------------------* /
	.ui-state-disabled {
		cursor: default !important;
	}


	/* Icons
	----------------------------------* /

	/* states and images * /
	.ui-icon {
		display: block;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
	}


	/* Misc visuals
	----------------------------------* /

	/* Overlays * /
	.ui-widget-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.ui-slider {
		position: relative;
		text-align: left;
	}
	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.2em;
		height: 1.2em;
		cursor: default;
		-ms-touch-action: none;
		touch-action: none;
	}
	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}

	/* support: IE8 - See #6727 * /
	.ui-slider.ui-state-disabled .ui-slider-handle,
	.ui-slider.ui-state-disabled .ui-slider-range {
		filter: inherit;
	}

	.ui-slider-horizontal {
		height: .8em;
	}
	.ui-slider-horizontal .ui-slider-handle {
		top: -.3em;
		margin-left: -.6em;
	}
	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}
	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}
	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

	.ui-slider-vertical {
		width: .8em;
		height: 100px;
	}
	.ui-slider-vertical .ui-slider-handle {
		left: -.3em;
		margin-left: 0;
		margin-bottom: -.6em;
	}
	.ui-slider-vertical .ui-slider-range {
		left: 0;
		width: 100%;
	}
	.ui-slider-vertical .ui-slider-range-min {
		bottom: 0;
	}
	.ui-slider-vertical .ui-slider-range-max {
		top: 0;
	}
	.ui-tooltip {
		padding: 8px;
		position: absolute;
		z-index: 9999;
		max-width: 300px;
		-webkit-box-shadow: 0 0 5px #aaa;
		box-shadow: 0 0 5px #aaa;
	}
	body .ui-tooltip {
		border-width: 2px;
	}

	/* Component containers
	----------------------------------* /
	.ui-widget {
		font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
		font-size: 1.1em;
	}
	.ui-widget .ui-widget {
		font-size: 1em;
	}
	.ui-widget input,
	.ui-widget select,
	.ui-widget textarea,
	.ui-widget button {
		font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
		font-size: 1em;
	}
	.ui-widget-content {
		border: 1px solid #dddddd;
		background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
		color: #333333;
	}
	.ui-widget-content a {
		color: #333333;
	}
	.ui-widget-header {
		border: 1px solid #e78f08;
		background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
		color: #ffffff;
		font-weight: bold;
	}
	.ui-widget-header a {
		color: #ffffff;
	}

	/* Interaction states
	----------------------------------* /
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		border: 1px solid #cccccc;
		background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
		font-weight: bold;
		color: #1c94c4;
	}
	.ui-state-default a,
	.ui-state-default a:link,
	.ui-state-default a:visited {
		color: #1c94c4;
		text-decoration: none;
	}
	.ui-state-hover,
	.ui-widget-content .ui-state-hover,
	.ui-widget-header .ui-state-hover,
	.ui-state-focus,
	.ui-widget-content .ui-state-focus,
	.ui-widget-header .ui-state-focus {
		border: 1px solid #fbcb09;
		background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
		font-weight: bold;
		color: #c77405;
	}
	.ui-state-hover a,
	.ui-state-hover a:hover,
	.ui-state-hover a:link,
	.ui-state-hover a:visited,
	.ui-state-focus a,
	.ui-state-focus a:hover,
	.ui-state-focus a:link,
	.ui-state-focus a:visited {
		color: #c77405;
		text-decoration: none;
	}
	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active {
		border: 1px solid #fbd850;
		background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
		font-weight: bold;
		color: #eb8f00;
	}
	.ui-state-active a,
	.ui-state-active a:link,
	.ui-state-active a:visited {
		color: #eb8f00;
		text-decoration: none;
	}

	/* Interaction Cues
	----------------------------------* /
	.ui-state-highlight,
	.ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
		border: 1px solid #fed22f;
		background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
		color: #363636;
	}
	.ui-state-highlight a,
	.ui-widget-content .ui-state-highlight a,
	.ui-widget-header .ui-state-highlight a {
		color: #363636;
	}
	.ui-state-error,
	.ui-widget-content .ui-state-error,
	.ui-widget-header .ui-state-error {
		border: 1px solid #cd0a0a;
		background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
		color: #ffffff;
	}
	.ui-state-error a,
	.ui-widget-content .ui-state-error a,
	.ui-widget-header .ui-state-error a {
		color: #ffffff;
	}
	.ui-state-error-text,
	.ui-widget-content .ui-state-error-text,
	.ui-widget-header .ui-state-error-text {
		color: #ffffff;
	}
	.ui-priority-primary,
	.ui-widget-content .ui-priority-primary,
	.ui-widget-header .ui-priority-primary {
		font-weight: bold;
	}
	.ui-priority-secondary,
	.ui-widget-content .ui-priority-secondary,
	.ui-widget-header .ui-priority-secondary {
		opacity: .7;
		filter:Alpha(Opacity=70); /* support: IE8 * /
		font-weight: normal;
	}
	.ui-state-disabled,
	.ui-widget-content .ui-state-disabled,
	.ui-widget-header .ui-state-disabled {
		opacity: .35;
		filter:Alpha(Opacity=35); /* support: IE8 * /
		background-image: none;
	}
	.ui-state-disabled .ui-icon {
		filter:Alpha(Opacity=35); /* support: IE8 - See #6059 * /
	}

	/* Icons
	----------------------------------* /

	/* states and images * /
	.ui-icon {
		width: 16px;
		height: 16px;
	}
	.ui-icon,
	.ui-widget-content .ui-icon {
		background-image: url("images/ui-icons_222222_256x240.png");
	}
	.ui-widget-header .ui-icon {
		background-image: url("images/ui-icons_ffffff_256x240.png");
	}
	.ui-state-default .ui-icon {
		background-image: url("images/ui-icons_ef8c08_256x240.png");
	}
	.ui-state-hover .ui-icon,
	.ui-state-focus .ui-icon {
		background-image: url("images/ui-icons_ef8c08_256x240.png");
	}
	.ui-state-active .ui-icon {
		background-image: url("images/ui-icons_ef8c08_256x240.png");
	}
	.ui-state-highlight .ui-icon {
		background-image: url("images/ui-icons_228ef1_256x240.png");
	}
	.ui-state-error .ui-icon,
	.ui-state-error-text .ui-icon {
		background-image: url("images/ui-icons_ffd27a_256x240.png");
	}

	/* positioning * /
	.ui-icon-blank { background-position: 16px 16px; }
	.ui-icon-carat-1-n { background-position: 0 0; }
	.ui-icon-carat-1-ne { background-position: -16px 0; }
	.ui-icon-carat-1-e { background-position: -32px 0; }
	.ui-icon-carat-1-se { background-position: -48px 0; }
	.ui-icon-carat-1-s { background-position: -64px 0; }
	.ui-icon-carat-1-sw { background-position: -80px 0; }
	.ui-icon-carat-1-w { background-position: -96px 0; }
	.ui-icon-carat-1-nw { background-position: -112px 0; }
	.ui-icon-carat-2-n-s { background-position: -128px 0; }
	.ui-icon-carat-2-e-w { background-position: -144px 0; }
	.ui-icon-triangle-1-n { background-position: 0 -16px; }
	.ui-icon-triangle-1-ne { background-position: -16px -16px; }
	.ui-icon-triangle-1-e { background-position: -32px -16px; }
	.ui-icon-triangle-1-se { background-position: -48px -16px; }
	.ui-icon-triangle-1-s { background-position: -64px -16px; }
	.ui-icon-triangle-1-sw { background-position: -80px -16px; }
	.ui-icon-triangle-1-w { background-position: -96px -16px; }
	.ui-icon-triangle-1-nw { background-position: -112px -16px; }
	.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
	.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
	.ui-icon-arrow-1-n { background-position: 0 -32px; }
	.ui-icon-arrow-1-ne { background-position: -16px -32px; }
	.ui-icon-arrow-1-e { background-position: -32px -32px; }
	.ui-icon-arrow-1-se { background-position: -48px -32px; }
	.ui-icon-arrow-1-s { background-position: -64px -32px; }
	.ui-icon-arrow-1-sw { background-position: -80px -32px; }
	.ui-icon-arrow-1-w { background-position: -96px -32px; }
	.ui-icon-arrow-1-nw { background-position: -112px -32px; }
	.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
	.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
	.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
	.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
	.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
	.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
	.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
	.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
	.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
	.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
	.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
	.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
	.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
	.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
	.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
	.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
	.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
	.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
	.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
	.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
	.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
	.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
	.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
	.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
	.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
	.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
	.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
	.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
	.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
	.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
	.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
	.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
	.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
	.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
	.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
	.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
	.ui-icon-arrow-4 { background-position: 0 -80px; }
	.ui-icon-arrow-4-diag { background-position: -16px -80px; }
	.ui-icon-extlink { background-position: -32px -80px; }
	.ui-icon-newwin { background-position: -48px -80px; }
	.ui-icon-refresh { background-position: -64px -80px; }
	.ui-icon-shuffle { background-position: -80px -80px; }
	.ui-icon-transfer-e-w { background-position: -96px -80px; }
	.ui-icon-transferthick-e-w { background-position: -112px -80px; }
	.ui-icon-folder-collapsed { background-position: 0 -96px; }
	.ui-icon-folder-open { background-position: -16px -96px; }
	.ui-icon-document { background-position: -32px -96px; }
	.ui-icon-document-b { background-position: -48px -96px; }
	.ui-icon-note { background-position: -64px -96px; }
	.ui-icon-mail-closed { background-position: -80px -96px; }
	.ui-icon-mail-open { background-position: -96px -96px; }
	.ui-icon-suitcase { background-position: -112px -96px; }
	.ui-icon-comment { background-position: -128px -96px; }
	.ui-icon-person { background-position: -144px -96px; }
	.ui-icon-print { background-position: -160px -96px; }
	.ui-icon-trash { background-position: -176px -96px; }
	.ui-icon-locked { background-position: -192px -96px; }
	.ui-icon-unlocked { background-position: -208px -96px; }
	.ui-icon-bookmark { background-position: -224px -96px; }
	.ui-icon-tag { background-position: -240px -96px; }
	.ui-icon-home { background-position: 0 -112px; }
	.ui-icon-flag { background-position: -16px -112px; }
	.ui-icon-calendar { background-position: -32px -112px; }
	.ui-icon-cart { background-position: -48px -112px; }
	.ui-icon-pencil { background-position: -64px -112px; }
	.ui-icon-clock { background-position: -80px -112px; }
	.ui-icon-disk { background-position: -96px -112px; }
	.ui-icon-calculator { background-position: -112px -112px; }
	.ui-icon-zoomin { background-position: -128px -112px; }
	.ui-icon-zoomout { background-position: -144px -112px; }
	.ui-icon-search { background-position: -160px -112px; }
	.ui-icon-wrench { background-position: -176px -112px; }
	.ui-icon-gear { background-position: -192px -112px; }
	.ui-icon-heart { background-position: -208px -112px; }
	.ui-icon-star { background-position: -224px -112px; }
	.ui-icon-link { background-position: -240px -112px; }
	.ui-icon-cancel { background-position: 0 -128px; }
	.ui-icon-plus { background-position: -16px -128px; }
	.ui-icon-plusthick { background-position: -32px -128px; }
	.ui-icon-minus { background-position: -48px -128px; }
	.ui-icon-minusthick { background-position: -64px -128px; }
	.ui-icon-close { background-position: -80px -128px; }
	.ui-icon-closethick { background-position: -96px -128px; }
	.ui-icon-key { background-position: -112px -128px; }
	.ui-icon-lightbulb { background-position: -128px -128px; }
	.ui-icon-scissors { background-position: -144px -128px; }
	.ui-icon-clipboard { background-position: -160px -128px; }
	.ui-icon-copy { background-position: -176px -128px; }
	.ui-icon-contact { background-position: -192px -128px; }
	.ui-icon-image { background-position: -208px -128px; }
	.ui-icon-video { background-position: -224px -128px; }
	.ui-icon-script { background-position: -240px -128px; }
	.ui-icon-alert { background-position: 0 -144px; }
	.ui-icon-info { background-position: -16px -144px; }
	.ui-icon-notice { background-position: -32px -144px; }
	.ui-icon-help { background-position: -48px -144px; }
	.ui-icon-check { background-position: -64px -144px; }
	.ui-icon-bullet { background-position: -80px -144px; }
	.ui-icon-radio-on { background-position: -96px -144px; }
	.ui-icon-radio-off { background-position: -112px -144px; }
	.ui-icon-pin-w { background-position: -128px -144px; }
	.ui-icon-pin-s { background-position: -144px -144px; }
	.ui-icon-play { background-position: 0 -160px; }
	.ui-icon-pause { background-position: -16px -160px; }
	.ui-icon-seek-next { background-position: -32px -160px; }
	.ui-icon-seek-prev { background-position: -48px -160px; }
	.ui-icon-seek-end { background-position: -64px -160px; }
	.ui-icon-seek-start { background-position: -80px -160px; }
	/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead * /
	.ui-icon-seek-first { background-position: -80px -160px; }
	.ui-icon-stop { background-position: -96px -160px; }
	.ui-icon-eject { background-position: -112px -160px; }
	.ui-icon-volume-off { background-position: -128px -160px; }
	.ui-icon-volume-on { background-position: -144px -160px; }
	.ui-icon-power { background-position: 0 -176px; }
	.ui-icon-signal-diag { background-position: -16px -176px; }
	.ui-icon-signal { background-position: -32px -176px; }
	.ui-icon-battery-0 { background-position: -48px -176px; }
	.ui-icon-battery-1 { background-position: -64px -176px; }
	.ui-icon-battery-2 { background-position: -80px -176px; }
	.ui-icon-battery-3 { background-position: -96px -176px; }
	.ui-icon-circle-plus { background-position: 0 -192px; }
	.ui-icon-circle-minus { background-position: -16px -192px; }
	.ui-icon-circle-close { background-position: -32px -192px; }
	.ui-icon-circle-triangle-e { background-position: -48px -192px; }
	.ui-icon-circle-triangle-s { background-position: -64px -192px; }
	.ui-icon-circle-triangle-w { background-position: -80px -192px; }
	.ui-icon-circle-triangle-n { background-position: -96px -192px; }
	.ui-icon-circle-arrow-e { background-position: -112px -192px; }
	.ui-icon-circle-arrow-s { background-position: -128px -192px; }
	.ui-icon-circle-arrow-w { background-position: -144px -192px; }
	.ui-icon-circle-arrow-n { background-position: -160px -192px; }
	.ui-icon-circle-zoomin { background-position: -176px -192px; }
	.ui-icon-circle-zoomout { background-position: -192px -192px; }
	.ui-icon-circle-check { background-position: -208px -192px; }
	.ui-icon-circlesmall-plus { background-position: 0 -208px; }
	.ui-icon-circlesmall-minus { background-position: -16px -208px; }
	.ui-icon-circlesmall-close { background-position: -32px -208px; }
	.ui-icon-squaresmall-plus { background-position: -48px -208px; }
	.ui-icon-squaresmall-minus { background-position: -64px -208px; }
	.ui-icon-squaresmall-close { background-position: -80px -208px; }
	.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
	.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
	.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
	.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
	.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
	.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


	/* Misc visuals
	----------------------------------* /

	/* Corner radius * /
	.ui-corner-all,
	.ui-corner-top,
	.ui-corner-left,
	.ui-corner-tl {
		border-top-left-radius: 4px;
	}
	.ui-corner-all,
	.ui-corner-top,
	.ui-corner-right,
	.ui-corner-tr {
		border-top-right-radius: 4px;
	}
	.ui-corner-all,
	.ui-corner-bottom,
	.ui-corner-left,
	.ui-corner-bl {
		border-bottom-left-radius: 4px;
	}
	.ui-corner-all,
	.ui-corner-bottom,
	.ui-corner-right,
	.ui-corner-br {
		border-bottom-right-radius: 4px;
	}

	/* Overlays * /
	.ui-widget-overlay {
		background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
		opacity: .5;
		filter: Alpha(Opacity=50); /* support: IE8 * /
	}
	.ui-widget-shadow {
		margin: -5px 0 0 -5px;
		padding: 5px;
		background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
		opacity: .2;
		filter: Alpha(Opacity=20); /* support: IE8 * /
		border-radius: 5px;
	}
	*/
}
@media all {
  .tariff-list .t-item {
    border: 1px solid #e5e5e5;
    margin: 5px 0 20px;
  }
  .tariff-list .t-item .t-head {
    padding: 10px 10px 10px 100px;
  }
  .tariff-list .t-item .t-head:before,
  .tariff-list .t-item .t-head:after {
    content: " ";
    display: table;
  }
  .tariff-list .t-item .t-head:after {
    clear: both;
  }
  .tariff-list .t-item .t-head .title {
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 135.714%;
    font-weight: normal;
  }
  .tariff-list .t-item .t-head .title .img {
    display: block;
    width: 80px;
    float: left;
    margin-left: -90px;
    text-align: center;
  }
  .tariff-list .t-item .t-head .desc {
    line-height: 1.3;
  }
  .tariff-list .t-item .t-head .link-price .detail {
    margin: 0;
  }
  .tariff-list .t-item .t-head .hint {
    color: #333333;
    text-decoration: none;
  }
  .tariff-list .t-item .tabs {
    margin: 10px 0 0;
  }
  .tariff-list .t-item .tabs .tab {
    margin: 0;
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-radius: 0;
  }
  .tariff-list .t-item .tabs .tab.ca-expanded {
    background: #f2f7fa;
  }
  .tariff-list .t-item .tabs .tab .tab-control a {
    color: #000;
    text-decoration: none;
  }
  .tariff-list .t-item .tabs .tab .tab-content {
    padding: 0 10px 1px;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-group {
    margin-bottom: 9px;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-group table {
    border-collapse: collapse;
    margin-top: 5px;
    width: 100%;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-group table th {
    text-align: left;
    font-weight: normal;
    width: 60%;
  }
  .tariff-list .t-item .tabs .tab .tab-content .red-dots {
    margin-bottom: 9px;
  }
}
@media all and (min-width: 100px) {
  .tariff-list .t-item .t-head {
    letter-spacing: -0.34em;
  }
  .tariff-list .t-item .t-head .title-desc {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    letter-spacing: normal;
  }
  .tariff-list .t-item .t-head .link-price {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    letter-spacing: normal;
    text-align: right;
  }
  .tariff-list .t-item .tabs {
    position: relative;
    padding-left: 100px;
  }
  .tariff-list .t-item .tabs .tab {
    display: inline-block;
    vertical-align: top;
    border: 0;
    max-width: none;
  }
  .tariff-list .t-item .tabs .tab .tab-control {
    display: inline;
  }
  .tariff-list .t-item .tabs .tab .tab-control a {
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    margin: 0 5px 0 0;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
  }
  .tariff-list .t-item .tabs .tab .tab-control a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.1;
  }
  .tariff-list .t-item .tabs .tab .tab-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 31px;
    border-top: 1px solid #e5e5e5;
    background: #f2f7fa;
    padding: 15px 20px 10px;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-group {
    max-width: 270px;
  }
  .tariff-list .t-item .tabs .tab.ca-expanded {
    background: none;
  }
  .tariff-list .t-item .tabs .tab.ca-expanded .tab-control a {
    background: #f2f7fa;
    position: relative;
    z-index: 1;
  }
  .tariff-list .t-item .tabs .tab.ca-expanded .tab-control a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    left: 0;
    right: 0;
    background: #f2f7fa;
  }
}
@media all and (min-width: 100px) {
  .tariff-list .t-item .t-head {
    padding-bottom: 0;
  }
  .tariff-list .t-item .tabs {
    margin-top: 0;
  }
  .tariff-list .t-item .tabs .tab .tab-control a {
    margin-right: 10px;
    padding: 0 15px;
  }
}
@media all and (min-width: 100px) {
  .tariff-list .t-item {
    margin: 10px 0 40px;
  }
  .tariff-list .t-item .t-head {
    padding: 20px 32px 0 167px;
  }
  .tariff-list .t-item .t-head .title .img {
    width: 127px;
    margin-left: -147px;
  }
  .tariff-list .t-item .t-head .title-desc {
    width: 70%;
  }
  .tariff-list .t-item .t-head .link-price {
    width: 30%;
  }
  .tariff-list .t-item .tabs {
    margin-top: 0;
    padding-left: 167px;
  }
  .tariff-list .t-item .tabs .tab .tab-content {
    padding: 20px 20px 15px;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-groups {
    letter-spacing: -0.34em;
    margin: 0 -10px;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-groups .param-group {
    display: inline-block;
    width: 33.333%;
    vertical-align: top;
    letter-spacing: normal;
    padding: 0 10px;
    margin: 0;
    max-width: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-groups .param-group table {
    width: auto;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-groups .param-group table th {
    width: auto;
    padding-right: 15px;
  }
}
@media all and (min-width: 100px) {
  .tariff-list .t-item .t-head {
    padding-bottom: 0;
  }
  .tariff-list .t-item .tabs {
    margin-top: 0;
  }
  .tariff-list .t-item .tabs .tab .tab-content {
    padding: 20px 40px 15px;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-groups {
    margin: 0 -20px;
  }
  .tariff-list .t-item .tabs .tab .tab-content .param-groups .param-group {
    padding: 0 20px;
  }
}
@media all {
  .page-campaign #breadcrumbs {
    margin-bottom: 10px;
  }
  .page-campaign .site-line {
    margin-top: -27px;
    border-color: #008ac9;
  }
  .page-campaign .site-lines {
    position: relative;
    z-index: 1;
    border-color: #e4ecf2;
    clear: both;
    margin: 7px 0 21px 0;
  }
  .page-campaign .form-wrap {
    margin-top: -36px;
    margin-bottom: -22px;
    padding-left: 0;
  }
  .page-campaign .form-wrap h2 {
    margin-top: 30px;
  }
  .page-campaign h2 {
    color: #5b6b8b;
    margin-bottom: 20px;
  }
  .page-campaign .compaign-header {
    position: relative;
    overflow: hidden;
  }
  .page-campaign .compaign-header .img {
    display: none;
  }
  .page-campaign .compaign-header .side-text {
    background: rgba(1, 24, 35, 0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANklEQVQYV2NkwAN8fHz+M+KSB0lu2bKFEasCmCRIM4YCZEkMBeiSKAqwScIV4JIEK8AnCVIAAFzSHexjqznsAAAAAElFTkSuQmCC) repeat;
    color: #fff;
    padding: 20px;
    position: relative;
    z-index: 2;
  }
  .page-campaign .compaign-header .change {
    color: #fff;
  }
  .page-campaign .compaign-header .challenge {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100px;
  }
  .page-campaign .compaign-header .challenge h2 {
    margin-bottom: 10px;
  }
  .page-campaign .compaign-header .challenge .change-wrap p {
    line-height: 1.2;
    vertical-align: middle;
  }
  .page-campaign .compaign-header .challenge .change-wrap strong {
    display: block;
    font-family: "Oswald", sans-serif;
  }
  .page-campaign .compaign-header .challenge .change-wrap .buttons {
    margin-bottom: 0;
  }
  .page-campaign .compaign-header .challenge .change-wrap .buttons .connect {
    font-size: 20px;
    padding-left: 50px;
    position: relative;
  }
  .page-campaign .compaign-header .challenge .change-wrap .buttons .connect:before {
    content: 'X';
    font-family: "dTest";
    color: #fff;
    position: absolute;
    left: 5px;
    font-size: 45px;
  }
  .page-campaign .compaign-header .challenge .change-wrap .buttons .connect:after {
    content: '1';
    font-family: "dTest";
    color: #fff;
    font-size: 15px;
    margin-left: 7px;
  }
  .page-campaign .compaign-header .challenge h2 {
    color: #fff;
    margin-top: 0;
  }
  .page-campaign .compaign-header .challenge strong {
    font-size: 43px;
  }
  .page-campaign h1 {
    color: #fff;
  }
  .page-campaign h1 span {
    font-size: 15px;
  }
  .page-campaign .bookmarks-tabs ul {
    list-style-type: none;
    padding: 0;
    margin: 1.5em 0 12px 0;
  }
  .page-campaign .bookmarks-tabs ul li {
    border: 1px solid #99d0e9;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
    border-bottom: none;
    display: inline-block;
    max-width: 30%;
    line-height: 4em;
    color: #008ac9;
    font-size: 16px;
    font-family: "Oswald", sans-serif;
  }
  .page-campaign .bookmarks-tabs ul li a {
    text-decoration: none;
    color: #008ac9;
  }
  .page-campaign .bookmarks-tabs ul li strong {
    font-weight: normal;
  }
  .page-campaign .bookmarks-tabs ul li > strong,
  .page-campaign .bookmarks-tabs ul li > a {
    display: inline-block;
    padding: 5px 10px;
    line-height: 1.5;
    vertical-align: middle;
  }
  .page-campaign .bookmarks-tabs ul li.li-2 {
    max-width: 40%;
  }
  .page-campaign .bookmarks-tabs ul li.active {
    border-color: #008ac9;
    border-bottom: 1px solid #fff;
    max-width: 40%;
  }
  .page-campaign .about ol {
    padding: 0;
  }
  .page-campaign .about ol li {
    list-style-type: none;
    margin-bottom: 20px;
    counter-increment: step-counter;
    position: relative;
    padding-left: 50px;
    min-height: 40px;
  }
  .page-campaign .about ol li:before {
    content: counter(step-counter);
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    font-size: 21px;
    border: 1px solid #5b7b8b;
    border-radius: 100%;
    color: #5b7b8b;
    position: absolute;
    left: 0;
    top: 1px;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
  }
  .page-campaign .social {
    text-align: center;
    margin-top: 90px;
  }
  .page-campaign .social h2 {
    font-size: 22px;
  }
  .page-campaign .social span {
    font-size: 16px;
  }
  .page-campaign .social ul {
    margin-top: -15px;
  }
  .page-campaign .social ul li {
    display: inline-block;
  }
  .page-campaign .social ul .fb a {
    text-decoration: none;
  }
  .page-campaign .social ul .fb a:before {
    content: "2";
    font-family: "dTest";
    color: #44619c;
    font-size: 50px;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
  }
  .page-campaign .social ul .fb a span {
    position: absolute;
    left: -9999px;
  }
  .page-campaign .social ul .fb a:hover::before {
    color: #2D2D5E;
  }
  .page-campaign .social ul .tw a {
    text-decoration: none;
  }
  .page-campaign .social ul .tw a:before {
    content: "3";
    font-family: "dTest";
    color: #2eadf6;
    font-size: 50px;
    -webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
  }
  .page-campaign .social ul .tw a span {
    position: absolute;
    left: -9999px;
  }
  .page-campaign .social ul .tw a:hover::before {
    color: #2771A4;
  }
  .page-campaign .problem {
    margin-bottom: 20px;
    padding: 30px 0;
  }
  .page-campaign .colform {
    position: relative;
    margin-bottom: 0;
  }
  .page-campaign .colform .std-box {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .page-campaign .colform .std-box .checkboxes {
    margin-bottom: 10px;
  }
  .page-campaign .colform .std-box .checkboxes input {
    margin-right: 10px;
  }
  .page-campaign .colform .std-box .agree {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 35px;
  }
  .page-campaign .colform .std-box .btn {
    height: 40px;
  }
  .page-campaign .colform .std-box .btn span {
    padding: 0 15px;
    font-size: 16px;
  }
  .page-campaign .tag {
    display: none;
  }
  .page-campaign .support {
    padding-top: 2em;
  }
  .page-campaign .support table {
    border-collapse: collapse;
  }
  .page-campaign .support table td {
    padding: 18px;
    width: 220px;
    margin-bottom: 10px;
    border-top: 1px solid #e3ecf2;
  }
  .page-campaign .complaint {
    margin-bottom: 20px;
  }
  .page-campaign .complaint ul {
    padding: 0;
  }
  .page-campaign .complaint ul li {
    list-style-type: none;
    padding: 30px;
    margin-bottom: 10px;
    border: 2px solid #f1f6f9;
  }
  .page-campaign .reports {
    margin-bottom: 90px;
  }
  .page-campaign .reports ul {
    padding: 0;
  }
  .page-campaign .reports ul li {
    position: relative;
    padding: 30px 30px 30px 100px;
    min-height: 40px;
    list-style-type: none;
    margin-bottom: 10px;
    border: 2px solid #f1f6f9;
  }
  .page-campaign .reports ul .icon-info:before {
    content: "";
    background-image: url(/img/illust/ic-info.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -20px;
  }
  .page-campaign .reports ul .icon-right:before {
    content: "6";
    font-family: "dTest";
    color: #5d9d06;
    font-size: 52px;
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -42px;
  }
  .page-campaign .reports ul .icon-wrong:before {
    content: "7";
    font-family: "dTest";
    color: #eb222e;
    font-size: 52px;
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -42px;
  }
  .page-campaign .problem-text {
    margin-bottom: 105px;
  }
  .page-campaign .case {
    margin-bottom: 105px;
  }
  .page-campaign .case .show-boxes label {
    display: block;
    margin-left: 30px;
    margin-bottom: 10px;
  }
  .page-campaign .case .show-boxes .pos {
    position: relative;
    padding-left: 45px;
  }
  .page-campaign .case .show-boxes .pos input {
    position: absolute;
    left: 0;
    top: 2px;
  }
  .page-campaign .case .show-boxes .pos:before {
    content: "6";
    font-family: "dTest";
    color: #5d9d06;
    font-size: 18px;
    position: absolute;
    bottom: -3px;
    left: 26px;
  }
  .page-campaign .case .show-boxes .neg {
    position: relative;
    padding-left: 45px;
  }
  .page-campaign .case .show-boxes .neg input {
    position: absolute;
    left: 0;
    top: 2px;
  }
  .page-campaign .case .show-boxes .neg:before {
    content: "7";
    font-family: "dTest";
    color: #eb222e;
    font-size: 18px;
    position: absolute;
    bottom: -3px;
    left: 26px;
  }
  .page-campaign .case .show-boxes .stp {
    position: relative;
    padding-left: 45px;
  }
  .page-campaign .case .show-boxes .stp input {
    position: absolute;
    left: 0;
    top: 2px;
  }
  .page-campaign .case .show-boxes .stp:before {
    content: "";
    background-image: url('/img/logo.png');
    background-size: 8px 21px;
    background-repeat: no-repeat;
    position: absolute;
    left: 30px;
    width: 8px;
    height: 21px;
  }
  .page-campaign .case .show-boxes .inf {
    position: relative;
    padding-left: 45px;
  }
  .page-campaign .case .show-boxes .inf input {
    position: absolute;
    left: 0;
    top: 2px;
  }
  .page-campaign .case .show-boxes .inf:before {
    content: "";
    background-image: url(/img/illust/ic-info.png);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 5px;
    left: 27px;
  }
  .page-campaign .case ul {
    padding: 0;
  }
  .page-campaign .case ul li {
    position: relative;
    padding: 30px 30px 30px 100px;
    min-height: 40px;
    list-style-type: none;
    margin-bottom: 10px;
    border: 2px solid #f1f6f9;
  }
  .page-campaign .case ul .informative:before {
    content: "";
    background-image: url(/img/illust/ic-info.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -20px;
  }
  .page-campaign .case ul .positive:before {
    content: "6";
    font-family: "dTest";
    color: #5d9d06;
    font-size: 52px;
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -42px;
  }
  .page-campaign .case ul .negative:before {
    content: "7";
    font-family: "dTest";
    color: #eb222e;
    font-size: 52px;
    position: absolute;
    left: 25px;
    top: 50%;
    margin-top: -42px;
  }
  .page-campaign .case ul .steps:before {
    content: "";
    background-image: url('/img/logo.png');
    background-size: 27px 68px;
    background-repeat: no-repeat;
    position: absolute;
    left: 35px;
    top: 50%;
    margin-top: -33px;
    width: 27px;
    height: 68px;
  }
}
@media all and (min-width: 100px) {
  .page-campaign .tag {
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 110px;
  }
  .page-campaign .tag:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 160px 110px 0;
    border-color: transparent #5b9806 transparent transparent;
  }
  .page-campaign .tag span {
    position: absolute;
    right: 10px;
    top: 35px;
    z-index: 3;
    font-family: 'Oswald', sans-serif;
  }
  .page-campaign .tag:after {
    content: "X";
    position: absolute;
    right: 15px;
    top: -10px;
    font-family: "dTest";
    font-size: 40px;
  }
  .page-campaign .case .show-boxes label {
    display: inline-block;
  }
  .page-campaign .bookmarks-tabs ul {
    list-style-type: none;
    padding: 0;
    margin: 1.5em 0 12px 0;
  }
  .page-campaign .bookmarks-tabs ul li {
    border: 1px solid #99d0e9;
    border-bottom: none;
    display: inline-block;
    max-width: 30%;
    line-height: 50px;
    color: #008ac9;
    font-size: 16px;
    font-family: "Oswald", sans-serif;
    margin-right: 10px;
  }
  .page-campaign .bookmarks-tabs ul li a {
    text-decoration: none;
    color: #008ac9;
  }
  .page-campaign .bookmarks-tabs ul li strong {
    font-weight: normal;
  }
  .page-campaign .bookmarks-tabs ul li > strong,
  .page-campaign .bookmarks-tabs ul li > a {
    display: inline-block;
    vertical-align: middle;
  }
  .page-campaign .bookmarks-tabs ul li.active {
    border-color: #008ac9;
    border-bottom: 1px solid #fff;
  }
}
@media all and (min-width: 100px) {
  .page-campaign .bg-wrap {
    position: relative;
  }
  .page-campaign .bg-wrap:before {
    position: absolute;
    top: 15px;
    left: 0;
    bottom: 14px;
    background-color: #e4edf4;
    content: "";
    width: 42%;
  }
  .page-campaign .bg-wrap:after {
    position: absolute;
    top: 15px;
    left: 50%;
    bottom: 14px;
    background-color: #fff;
    width: 150px;
    margin: 0 0 0 -75px;
    content: "";
  }
  .page-campaign .bg-wrap .col-h-l {
    width: 49%;
  }
  .page-campaign .bg-wrap .col-h-r {
    width: 45%;
  }
  .page-campaign .bg-wrap .colform .std-box {
    padding-right: 30px;
  }
  .page-campaign .about.col-h-l {
    width: 60%;
  }
  .page-campaign .social.col-h-r {
    width: 30%;
  }
}
@media all and (min-width: 100px) {
  .page-campaign .connect {
    height: 50px;
    line-height: 50px !important;
  }
  .page-campaign h1 {
    font-size: 22px;
  }
  .page-campaign h2 {
    font-size: 30px;
  }
  .page-campaign .compaign-header .img {
    position: absolute;
    background-color: #F2F2F2;
    top: 0;
    right: 0;
    z-index: 1;
    margin: 0;
    bottom: 0;
    height: 100%;
    display: block;
    max-width: none;
    left: 0;
    text-align: right;
  }
  .page-campaign .compaign-header .img img {
    max-width: none;
    max-height: 100%;
    width: auto;
    height: 100%;
    border: 0;
  }
  .page-campaign .compaign-header .side-text {
    width: 50%;
    height: 400px;
    box-sizing: border-box;
  }
  .page-campaign .compaign-header .side-text .challenge h2 {
    font-size: 25px;
  }
}
@media all and (min-width: 100px) {
  .page-campaign .form-wrap {
    padding-left: 74px;
  }
  .page-campaign .form-wrap .std-box {
    padding-left: 0;
  }
}
@media all and (min-width: 100px) {
  .page-campaign h1 {
    line-height: 1;
    font-size: 40px;
    margin-top: 0;
  }
  .page-campaign .change span {
    font-size: 25px;
  }
  .page-campaign .compaign-header .challenge {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
  .page-campaign .compaign-header .change-wrap p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .page-campaign .compaign-header p.buttons {
    margin-left: 30px;
  }
}
@media all and (min-width: 100px) {
  .page-campaign .compaign-header .side-text {
    padding: 50px 50px 0;
  }
  .page-campaign .compaign-header .challenge {
    left: 50px;
    right: 50px;
    bottom: 25px;
  }
  .page-campaign .bookmarks-tabs ul li > strong,
  .page-campaign .bookmarks-tabs ul li > a {
    padding: 5px 30px;
  }
}