/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

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

audio,
canvas,
progress,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

progress {
  vertical-align: baseline
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  height: 0;
  overflow: visible
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0
}

optgroup {
  font-weight: 700
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0;
  margin-right: 4px;
  margin-right: 0.2rem;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

/* Generic styles */
@reset-global pc;
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html {font-size: 20px;}
body,html {line-height: normal;}
body {font-family: HelveticaNeueCyr-Roman, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;min-width: 320px;}
.invalid-field {border: 2px solid #ebb8d0!important;}
.clearthis, .clearfix:after {content: "";display: block;clear: both;}
h1,h2,h3,h4,h5,h6 {font-weight: 400;font-family: HelveticaNeueCyr-Bold, sans-serif;margin: 0;}
p {padding: 0;margin: 0;}
a:hover {text-decoration: none;}
strong {font-family: HelveticaNeueCyr-Bold, sans-serif;}
ul {margin: 0;padding: 0;}
ul, ul li {list-style-type: none;}
button,input,select,textarea {font-family: HelveticaNeueCyr-Roman, sans-serif;}
button {cursor: pointer;}
.show {display: block!important;opacity: 1;}
.hide {display: none!important;opacity: 0;}
@media screen and (max-width:982px) {
  html {font-size: 18px;}
}
@media screen and (max-width:768px) {
  html {font-size: 16px;}
}

/* Generic elements */
p, ul, table {
 font-size: 20px;
 font-size: 1rem;
}

a {
 color: #337dbb;
}

p {
 margin: 0 0 20px;
 margin: 0 0 1em;
}

.nobr {
 margin-bottom: 0!important;
}
.halfbr {
 margin-bottom: 12px!important;
 margin-bottom: 0.625em!important;
}
.fullbr {
 margin-bottom: 20px!important;
 margin-bottom: 1em!important;
}
.topbr {
 margin-top: 20px!important;
 margin-top: 1em!important;
}

.dbh, .dbt, .dbs {
 color: #3f8fc5;
}
.lbh, .lbt, .lbs {
 color: #5f99de;
}
.rh, .rt, .rs {
 color: #e82528;
}
.gh, .gt, .gs {
 color: #8d8d8d;
}
.th, .dbh, .lbh, .rh, .gh {
 font-size: 23px;
 font-size: 1.15rem;
 line-height: 1.2;
 font-weight: 400;
}
.ts, .dbs, .lbs, .rs, .gs {
 font-size: 16px;
 font-size: 0.8rem;
 line-height: 1.2;
 font-weight: 400;
}
.hcheck {
 padding: 6px 0 6px 35px;
 background: url(/nav/mark/check.png) no-repeat 0 50%;
}
.hdown {
 padding: 6px 0 6px 28px;
 background: url(/nav/mark/down.png) no-repeat 0 50%;
}
.hright {
 padding: 6px 0 6px 28px;
 background: url(/nav/mark/right.png) no-repeat 0 50%;
}
.hfollow {
 padding: 6px 0 6px 28px;
 background: url(/nav/mark/follow.png) no-repeat 0 50%;
}
.hline {
 padding-left: 10px;
 border-left: 3px solid #5f99de;
}

.code {
 font-family: Courier New, monospace;
}
div.code {
 border: 1px solid #e6e9ed;
 background: #fbfdff;
 padding: 10px 10px;
}

.strikethrough, .strikethrough-thin {
 display:inline-block;
 position: relative;
}
.strikethrough:before, .strikethrough-thin:before {
 position: absolute;
 content: "";
 width: 100%;
 height: 50%;
 transform: rotate(-7deg);
}
.strikethrough:before {
 border-bottom: 3px solid red;
}
.strikethrough-thin:before {
 border-bottom: 1px solid red;
}

/* Generic elements: sections */
.page-height-info {min-height: 300px;}
.page-height-dl {min-height: 200px;}

.row-blue  {background-color: #5f98dc;}
.row-dblue {background-color: #3083bd;}
.row-note  {background-color: #eff8fe;}

.row-section-box   {padding: 0 0 20px;}
.row-section-title {padding: 20px 0 92px 0;}
.row-section-help  {padding: 10px 0;}

.section {
 display: block;
 position: relative;
 width: 100%;
 max-width: 1420px;
 margin: 0 auto;
 padding: 0 35px;
}
.section-wide {
 max-width: none!important;
}
.section-center {
 text-align: center;
}
.sbox, .sbox-up, .sbox-next {
 background-color: #fff;
 box-shadow: 0 0 12px 0 #c0c0c0;
 padding-top: 20px;
 padding-bottom: 20px;
}
.sbox-up {
 margin-top: -72px;
}
.sbox-split {
 width: auto;
 height: 2px;
 margin: 0 -35px 0 -35px;
 background-color: #dcdcdc;
}

@media screen and (max-width:1420px) {
 .row-section-title {padding: 20px 0;}
 .sbox, .sbox-up, .sbox-next {box-shadow:none;padding-bottom:0;}
 .sbox-up {margin-top:0;}
 .sbox-next {border-top: 2px solid #dcdcdc;}
}
@media screen and (max-width:982px) {
 .page-height-info, .page-height-dl {min-height: 0;}
}
@media screen and (max-width:768px) {
 .row-section-box {padding: 0 0 15px;}
 .section {padding: 0 15px;}
 .sbox, .sbox-up, .sbox-next {padding-top: 15px;}
}
@media screen and (max-width:480px) {
 .row-section-box {padding: 0 0 10px;}
 .section {padding: 0 10px;}
 .sbox, .sbox-up {padding-top: 10px;padding-bottom: 10px;}
}

/* Generic elements: lists */
ol.std {
 margin-top: 0;
 padding-left: 20px;
 padding-left: 1rem;
}
ul.std {
 position: relative;
}
ul.std.indent {
 padding-left: 16px;
 padding-left: 0.8rem;
}
ul.std > li {
 position: relative;
 list-style: none;
 padding-left: 15px;
}
ul.std > li:before {
 position: absolute;
 display: block;
 font-size: 1.2em;
 top: 0;
 left: 0;
 margin-top: -0.15em;
 content: "-";
}
@media screen and (max-width:768px) {
 ul.std > li {padding-left: 10px;}
}

/* Generic elements: buttons */
.btn-center {
 display: block;
 text-align: center;
 padding:0;
}

.btn-orange, .btn-blue, .btn-dl {
 display: inline-block;
 font-family: Segoe UI, sans-serif;
 font-weight: 400;
 text-align: center;
 text-decoration: none;
 border: none;
}
.btn-orange, .btn-blue {
 color: #fff;
 padding: 12px 90px;
 font-size: 25px;
 font-size: 1.25rem;
 border-radius: 6px;
}
.btn-orange {
 background-color: #d08941;
}
.btn-blue {
 background-color: #3083bd;
}
.btn-dl {
 background-color: #c2deff;
 color: #3662a0;
 padding: 9px 15px;
 font-size: 18px;
 font-size: 0.9rem;
 border-radius: 7px;
 border: 1px solid #3662a0;
}
:not(oldBrowser) .btn-dl {
 padding: 9px 15px 9px 50px;
 background: url(/nav/mark/dl-now-b.png) no-repeat 15px 50%;
 background-color: #c2deff;
}
.btn-orange:hover, .btn-blue:hover, .btn-dl:hover {
 cursor: pointer;
}
.btn-customers {
 display: block;
 width: 600px;
 max-width: 100%;
 padding: 12px 10px;
 margin-bottom: 12px;
 margin-bottom: 0.625rem;
}

@media screen and (max-width:982px) {
 .btn-orange,.btn-blue {font-size: 18px;padding: 10px 75px;}
 .btn-customers {padding: 10px 10px;}
}
@media screen and (max-width:768px) {
 .btn-orange,.btn-blue {font-size: 18px;padding: 8px 60px;}
 .btn-customers {padding: 8px 5px;}
}
@media screen and (max-width:480px) {
 .btn-dl {background:none;padding: 8px 8px;}
 .btn-customers {padding: 8px 5px;margin-bottom: 8px;}
}


/* Generic elements: tables */
table.std {
 background-color: #eff9fe;
 border-collapse: separate;
 border-spacing: 3px;
 border:0;
 font-family: Segoe UI, sans-serif;
 font-size: 18px;
 font-size: 0.9rem;
 font-weight: 400;
 width: 100%;
 *border-collapse: expression('separate', cellSpacing = '4px');
}
table.std td {
 background-color: #fff;
 padding: 10px;
 text-align: left;
}
table.std td label input, table.std td label select {
 vertical-align: middle;
 margin-left: 5px;
 margin-right: 5px;
}
table.std tr.center td, table.std td.center {
 text-align: center;
}
table.std tr.grey td, table.std td.grey {
 background-color: #eff8fe;
}
table.std tr.head td, table.std td.head {
 background-color: #3083bd;
 font-size: 22px;
 font-size: 1.12rem;
 color: #fff;
}
table.std tr.foot td, table.std td.foot {
 font-weight: 700;
}
table.std td.left {
 color: #3083bd;
}

table.std.sml, table.std.solid {
 background-color: #bfc3cf;
 border-spacing: 1px;
 *border-collapse: expression('separate', cellSpacing = '1px');
}
table.std.sml td {
 padding: 3px 5px;
 font: 12px Arial,Helvetica CY,Nimbus Sans L,Helvetica,sans-serif;
}
table.std.sml tr.head td, table.std.sml td.head {
 font-size: 12px;
 font-weight: bold;
}
table.std.sml td label input, table.std.sml td label select {
 margin-left: 3px;
 margin-right: 3px;
}
table.std.big td {
 font-size: 24px;
 font-size: 1.2rem;
 word-wrap: break-word;
}
table.std.med td {
 font-size: 16px;
 font-size: 0.8rem;
}
table.std.med tr.head td, table.std.med td.head {
 font-size: 16px;
 font-size: 0.8rem;
 font-weight: bold;
}
table.std.fixed {
 margin: 0 auto;
}
table.std.fixed.left {
 margin: 0;
}
table.std.fixed {
 max-width: 1350px;
}
table.std.med.fixed {
 max-width: 1200px;
}
table.std.sml.fixed {
 max-width: 900px;
}
@media screen and (max-width:480px) {
 table.std.big {table-layout:fixed;}
}

/* Generic elements: 2columns */
.col2-left, .col2-right {
 display: block;
 width: 47%; 
 max-width: 620px;
}
.col2-left {
 float: left;
}
.col2-right {
 float: right;
}
@media screen and (max-width:768px) {
 .col2-left, .col2-right {width: 100%;max-width: 100%;float: none;}
}

/* Generic elements: Standard forms */
.stdform input[type="text"], .stdform input[type="password"], .stdform input[type="email"], .stdform input[type="date"], .stdform select, .stdform textarea, .stdform-static {
 padding: 5px 8px;
 border: 1px solid silver;
 border-radius: 5px;
 font-family: Segoe UI, sans-serif;
 font-size: 20px;
 font-size: 1rem;
 color: #7e7e7e;
 line-height: 1.2;
 font-weight: 400;
 resize: none;
 outline: none;
}
.stdform-static {
 padding: 7px 8px;
}
.stdform input[type="text"], .stdform input[type="password"], .stdform input[type="email"], .stdform input[type="date"], .stdform textarea {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
.stdform input[type="text"], .stdform input[type="password"], .stdform input[type="email"], .stdform input[type="date"], .stdform select, .stdform-static {
 height: 40px;
 height: 2rem;
}
.stdform input.form-wrong, .stdform select.form-wrong, .stdform textarea.form-wrong, .stdform-static.form-wrong {
 border: 2px solid red;
}
.stdform-static.form-ok {
 background-color: #f4fff4;
}
.stdform-static {
 display: inline-block;
}

.form-wide input[type="text"], .form-wide input[type="password"], .form-wide input[type="email"], .form-wide input[type="date"], .form-wide select, .form-wide textarea, .form-wide .stdform-static {
 width: 100%;
 max-width: 100%;
}
.form-auto-width {
 width: auto!important;
}

.stdform select {
 background: #fff;
 padding-right: 0;
 text-overflow: ellipsis;
}
.stdform option:first-child {
 color: silver;
 font-family: HelveticaNeueCyr-Roman, sans-serif;
}

.form-title, .form-title-first {
 color: #ee8f1b;
 margin-bottom: 12px;
 margin-bottom: 0.625rem;
}
.form-title {
 margin-top: 30px;
 margin-top: 1.5rem;
}

.form-cardnum {
 max-width: 300px!important;
}
.form-carddate {
 width: 90px!important;
}
.form-carddate-sel {
 vertical-align: top;
}
.form-cvv {
 width: 110px!important;
}
.form-zip {
 max-width: 130px!important;
}
.form-qty {
 max-width: 100px!important;
 max-width: 5rem!important;
 text-align: center!important;
}
.form-sep {
 width: 20px;
 display: inline-block;
 text-align: center;
 font-family: Segoe UI, sans-serif;
 font-size: 22px;
 color: #7e7e7e;
 line-height: 1.2;
 font-weight: 400;
 height: 40px;
 height: 2rem;
 vertical-align: -20px;
 vertical-align: -1rem;
}
.form-discount {
 min-width: 300px;
 min-width: 15rem;
}
.form-memo {
 margin: 0;
 padding: 10px 0 0;
}

.form-table-row {
 width: 100%;
 max-width: 100%;
 height: 40px;
 height: 2rem;
 border-spacing:0px;
 border: 1px solid silver;
 border-radius: 5px;
 background: #fff;
}
.form-table-row.form-wrong {
 border: 2px solid red;
}
.form-table-row td {
 vertical-align:middle;
 padding:0;
}

td.form-word-verify-info {
 width: 99%;
 padding: 10px 8px;
}
td.form-word-verify-refresh, td.form-word-verify-img  {
 width: 1%;
 padding: 10px 4px 10px 0;
}
td.form-word-verify-refresh {
 cursor: pointer;
}
td.form-word-verify-input {
 width: 20%;
 padding: 10px 8px;
 min-width: 100px;
 min-width: 5rem;
 text-align: center;
}

.form-round-wrong.form-wrong {
 padding: 5px;
 border: 2px solid red;
 border-radius: 5px;
}

.form-wrong .form-wrong-info {
 color: red;
 font-size: 20px;
 font-size: 1rem;
}

@keyframes form-wrong-submit {
 0%   {background-color: red;border: none!important;-webkit-transform: skew(0deg);transform: skew(0deg);border-radius: 6px;}
 17%  {border-left: 12px solid red!important;border-right: 12px solid red!important;-webkit-transform: skew(-20deg);transform: skew(-20deg);border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
 34%  {-webkit-transform: skew(20deg);transform: skew(20deg);border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
 50%  {-webkit-transform: skew(-15deg);transform: skew(-15deg);border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
 64%  {-webkit-transform: skew(15deg);transform: skew(15deg);border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
 77%  {border: none!important;-webkit-transform: skew(-10deg);transform: skew(-10deg);border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
 90%  {background-color: red;-webkit-transform: skew(5deg);transform: skew(5deg);border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
 100% {background-color: #ee8f1b;-webkit-transform: skew(0deg);transform: skew(0deg);border-radius: 6px;}
}
@-webkit-keyframes form-wrong-submit {
 0%   {background-color: red;max-width: 260px;-webkit-transform: skew(0deg);transform: skew(0deg);border-radius: 5px;}
 17%  {max-width: 260px;-webkit-transform: skew(-20deg);transform: skew(-20deg);border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
 34%  {max-width: 273px;-webkit-transform: skew(20deg);transform: skew(20deg);border-top-left-radius: 20px;border-bottom-right-radius: 20px;}
 50%  {max-width: 273px;-webkit-transform: skew(-15deg);transform: skew(-15deg);border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
 64%  {max-width: 273px;-webkit-transform: skew(15deg);transform: skew(15deg);border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
 77%  {max-width: 260px;-webkit-transform: skew(-10deg);transform: skew(-10deg);border-top-right-radius: 15px;border-bottom-left-radius: 15px;}
 90%  {background-color: red;max-width: 260px;-webkit-transform: skew(5deg);transform: skew(5deg);border-top-right-radius: 10px;border-bottom-left-radius: 10px;}
 100% {background-color: #ee8f1b;max-width: 260px;-webkit-transform: skew(0deg);transform: skew(0deg);border-radius: 5px;}
}
.btn-orange-big.form-wrong  {
 animation: form-wrong-submit 0.7s ease forwards;
 -webkit-animation: form-wrong-submit 0.7s ease forwards;
}

@media screen and (max-width:982px) {
 .form-main-ecs {max-width: 350px!important;} 
}
@media screen and (max-width:768px) {
 .stdform-static {padding: 5px 8px;}
 .col2-right .form-title-first {margin-top: 30px;margin-top: 1.5rem;}
 .form-discount {min-width: 0;}
 .form-main-ecs {max-width: 300px!important;} 
}
@media screen and (max-width:640px) {
 .form-discount, .form-add-ecs {max-width: 250px!important;}
 .form-main-ecs {max-width: 200px!important;} 
}
@media screen and (max-width:480px) {
 .form-discount, .form-add-ecs {max-width: 160px!important;}
 .form-main-ecs {max-width: 100px!important;} 
}

/* Generic elements: Responsive forms */
.rf {
 margin-top: 12px;
 margin-top: 0.6rem;
}
.rf:after {
 content: "";
 display: table;
 clear: both;
}
.rf > * {
 display: block;
 float: right;
 width: 60%;
}
.rf > label {
 display: block;
 float: left;
 width: 40%;
 font-family: HelveticaNeueCyr-Roman, sans-serif;
 color: #8d8d8d;
 padding: 8px 8px 8px 0;
}
.rf > label.wide {
 padding: 0 8px 0 0;
}
.rf30 .rf > * {width: 70%;}
.rf30 .rf > label {width: 30%;}
.rf50 .rf > * {width: 50%;}
.rf50 .rf > label {width: 50%;}
@media screen and (max-width:982px) {
 .rf > label {padding: 7px 8px 7px 0;}
}
@media screen and (max-width:768px) {
 .rf:not(.no-rf) > *, .rf:not(.no-rf) > label {width: 100%!important;float: none!important;}
 .rf:not(.no-rf) > label {font-size: 16px;font-size: 0.8rem;padding: 0;}
}

/* Generic elements: Floating placeholders */
.fph-span {
 display: inline-block;
}
.fph, .fph-static, .fph-margin {
 position: relative;
 margin-top: 12px;
 margin-top: 0.6rem;
}
.fph label {
 font-size: 20px;
 font-size: 1rem;
}
.fph input, .fph textarea {
 box-shadow: none;
}
.fph textarea {
 padding-top: 10px;
 padding-top: 0.5em;
}
.fph input:focus, .fph textarea:focus {
 border-color: #147eb2;
}
.fph input.form-wrong:focus, .fph textarea.form-wrong:focus {
 border-color: red;
}
/* Generic elements: Floating placeholders: Modern browsers */
.fph:not(.fph-js) label {
 display: block;
 position: absolute;
 pointer-events: none;
 top:0;left:0;bottom: 0;right: 0;
}
.fph:not(.fph-js) label:before {
 display: block;
 position: absolute;
 pointer-events: none;
 top:50%;left: 8px;
 bottom: 0;right: 8px;
 margin-top: -12px;
 margin-top: -0.6rem;
 color: silver;
 white-space: nowrap;
 content: attr(value);
}
.fph:not(.fph-js) input:invalid + label[placeholder]:before,
.fph:not(.fph-js) textarea:invalid + label[placeholder]:before {
 content: attr(placeholder);
}
.fph:not(.fph-js) input:focus + label:before,
.fph:not(.fph-js) input:valid + label:before,
.fph:not(.fph-js) textarea:focus + label:before,
.fph:not(.fph-js) textarea:valid + label:before {
 transition-duration: .2s;
 top: -10px;
 top: -0.5rem;
 left: 10px;
 bottom: auto;
 right: auto;
 margin: 0;
 background: url(/nav/fff_12.png) repeat-x 0 10px;
 background: url(/nav/fff_12.png) repeat-x 0 0.5rem;
 background: linear-gradient(#fff,#fff) no-repeat 0 0.48rem;
 font-size: 16px;
 font-size: 0.8rem;
 text-align: left;
}
.fph:not(.fph-js) input:focus + label:before,
.fph:not(.fph-js) textarea:focus + label:before {
 color: #147eb2;
}
.fph:not(.fph-js) input.form-wrong:focus + label:before,
.fph:not(.fph-js) input.form-wrong:valid + label:before,
.fph:not(.fph-js) textarea.form-wrong:focus + label:before,
.fph:not(.fph-js) textarea.form-wrong:valid + label:before {
 color: red;
}
.fph:not(.fph-js) input.form-wrong:invalid + label[alt]:before,
.fph:not(.fph-js) textarea.form-wrong:invalid + label[alt]:before {
 content: attr(alt);
}
.fph:not(.fph-js) input.form-wrong:focus + label[alt]:before,
.fph:not(.fph-js) textarea.form-wrong:focus + label[alt]:before {
 content: attr(value);
}
/* Generic elements: Floating placeholders: Javascript wrappers & static labels */
.fph.fph-js input.js_placeholder, .fph.fph-js textarea.js_placeholder {
 color: silver;
}
.fph.fph-js label, .fph-static label {
 display: none;
 position: absolute;
 top: -10px;
 top: -0.5rem;
 left: 10px;
 bottom: auto;
 right: auto;
 margin: 0;
 background: url(/nav/fff_12.png) repeat-x 0 10px;
 background: url(/nav/fff_12.png) repeat-x 0 0.5rem;
 background: linear-gradient(#fff,#fff) no-repeat 0 0.48rem;
 font-size: 16px;
 font-size: 0.8rem;
 text-align: left;
 color: silver;
}
.fph-static label {
 display: block;
}
.fph.fph-js label.js_focus {
 color: #147eb2;
}
.fph.fph-js .form-wrong + label, .fph-static .form-wrong + label {
 color: red!important;
}


/* Expanding elements */
.expand-title {
 padding-left: 24px;
 background-repeat: no-repeat;
 cursor: pointer;
 background-image: url(/nav/mark/right.png);
 background-position: 0 50%; 
}
.expand-title.expand-active {
 background-image: url(/nav/mark/down.png);
}
.expand-body {
 display: none;
}
.expand-body.expand-active {
 display: block;
}
@media screen and (max-width:768px) {
 .expand-title {padding-left: 20px;}
}

/* Explain elements */
.explain {
 display: inline-block;
 position: relative;
 text-align: center;
 margin-left: 10px;
}

.explain-marker {
 display: block;
 font-family: Segoe UI, sans-serif;
 font-size: 24px;
 line-height: 30px;
 background-color: #ececec;
 color: #5f98dc;
 font-weight: 400;
 width: 30px;
 height: 30px;
 border-radius: 20px;
 border: 1px solid transparent;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.explain-marker.explain-white {
 background-color: #fff;
}
.explain-marker:hover, .explain-active .explain-marker {
 border: 1px solid #5f98dc;
}
.explain-marker:hover {
 cursor: pointer;
}
.explain-active .explain-marker {
 background-color: #fff;
}

.explain-content {
 display: none;
 position: absolute;
 bottom: auto;
 top: 40px;
 left: -20px;
 border: 1px solid #c0c0c0;
 border-radius: 5px;
 padding: 8px 12px 10px;
 background-color: #fff;
 width: 500px;
 width: 80vw;
 max-width: 600px;
 height: auto;
 box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
 font-family: Segoe UI, sans-serif;
 font-size: 16px;
 line-height: 1.2;
 color: #494949;
 font-weight: 400;
 text-align: left;
 white-space: normal;
 z-index: 2;
}
.explain-active .explain-content {
 display: block;
}
.explain-content a {
 color: #5f98dc;
 text-decoration: none;
}
.explain-content a:hover {
 text-decoration: underline;
}
.explain-content.explain-cvd {
 max-width: 300px;
}
.explain-cvd img {
 display: block;
 width: 100%;
 max-width: 240px;
 height: auto;
 padding: 10px 0 20px;
 padding: 0.5rem 0 1rem;
}
@media screen and (max-width:768px) {
 .explain-marker {font-size: 16px;line-height: 25px;width: 25px;height: 25px;}
 .explain-content {max-width: 400px;}
}
@media screen and (max-width:480px) {
 .explain-content {max-width: 280px;}
}

/* Generic elements: Expanding images */
img.big {
 max-width: 100%;
 height: auto;
 cursor: pointer;
 transition: 0.3s;
}
img.big:hover, img.rsz:hover {
 opacity: 0.7;
}
@keyframes img-big-zoom {
 from {transform:scale(0)}
 to {transform:scale(1)}
}
@-webkit-keyframes img-big-zoom {
 from {transform:scale(0)}
 to {transform:scale(1)}
}
.img-big-modal {
 display: block;
 position: fixed;
 z-index: 2000;
 padding-top: 100px;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 background-color: rgb(0,0,0);
 background-color: rgba(0,0,0,0.9);
}
.img-big-modal > span {
 position: absolute;
 top: 15px;
 right: 35px;
 color: #f1f1f1;
 font-size: 40px;
 font-weight: bold;
 transition: 0.3s;
}
.img-big-modal > img {
 margin: auto;
 display: block;
 max-width: 80%;
 height: auto;
}
.img-big-modal > div {
 margin: auto;
 display: block;
 width: 80%;
 max-width: 700px;
 text-align: center;
 color: #ccc;
 padding: 10px 0;
 max-height: 150px;
}
.img-big-modal > span:hover, .img-big-modal > span:focus {
 color: #bbb;
 text-decoration: none;
 cursor: pointer;
}
.img-big-modal > img, .img-big-modal > div {
 animation: img-big-zoom 0.6s;
 -webkit-animation: img-big-zoom 0.6s;
}
@media only screen and (max-width: 768px){
 .img-big-modal > img {max-width:100%;}
}

/* Scroll */
.jhscroll-area {
 width: 100%;
 overflow: hidden;
}
.jhscroll-area > div {
 width: 100%;
 margin-bottom: -50px;
 padding-bottom: 50px;
 overflow-y: hidden;
 overflow-x: scroll;
}
.jhscroll-bar {
 position: relative;
 width: 100%;
 height: 9px;
 border-radius: 2px;
 opacity: 1!important;
 background-color: #0f608b
}
.jhscroll-bar > div {
 display: block;
 position: absolute;
 background-color: #53a8d1 !important;
 top: 0;
 bottom: 0;
 left: 0%;
 width: 40%;
}
.jhscroll-bar > div:hover {
 cursor: pointer;
}

/* Page title */
.page-title {
 display: table;
 width: 100%;
 border-spacing:0;
}
.page-title li {
 display: table-cell;
 padding: 0;
 text-align: left;
 vertical-align: middle;
}
.page-title li.page-title-img {
 width: 140px;
 height: 90px;
 padding-right: 20px;
 vertical-align: top;
}
.row-section-help .page-title li.page-title-img {
 width: 80px;
}
.page-title-img img {
 display: block;
 width: 120px;
 height: 90px;
}
.row-section-help .page-title-img img {
 width: 60px;
}
.page-title-main, .page-title-add {
 font-family: Segoe UI, sans-serif;
 line-height: 1.2;
 font-weight: 400;
 color: #fff;
}
.page-title-main {
 font-size: 32px;
 font-size: 1.6rem;
 margin-bottom: 10px;
}
.page-title-add {
 font-size: 22px;
 font-size: 1.12rem;
 margin-bottom: 5px;
}

@media screen and (max-width:982px) {
 .page-title li.page-title-img {width: 120px;height: 79px;padding-right: 15px;}
 .page-title-img img {width: 105px;height: 79px;}
 .row-section-help .page-title li.page-title-img {width: 67px;height: 79px;padding-right: 15px;}
 .row-section-help .page-title-img img {width: 52px;height: 79px;}
 .page-title-add {font-size: 18px;}
}
@media screen and (max-width:768px) {
 .page-title li.page-title-img {width: 105px;height: 67px;padding-right: 15px;}
 .page-title-img img {width: 90px;height: 67px;}
 .row-section-help .page-title li.page-title-img {width: 60px;height: 67px;padding-right: 15px;}
 .row-section-help .page-title-img img {width: 45px;height: 67px;}
 .page-title-main {margin-bottom: 7px;}
 .page-title-add {font-size: 17px;}
}
@media screen and (max-width:480px) {
 .page-title li.page-title-img {width: 100px;padding-right: 10px;}
 .row-section-help .page-title li.page-title-img {width: 55px;padding-right: 10px;}
 .page-title-main, .page-title-add {word-break: break-all;}
 .page-title-main {font-size: 22px;margin-bottom: 5px;}
 .page-title-add {font-size: 16px;margin-bottom:0;}
}

/* Header */
.hdr-hdr {
 display:table;
 margin-left: -10px;
 width: 100%;
 border-collapse:separate;
 border-spacing: 0;
 overflow: hidden;
}

.hdr-logo {
 display:table-cell;
 width: 350px;
 font-size: 0;
 position: relative;
 z-index: 15;
 padding: 10px 0 10px 10px;
}
.hdr-logo a {
 display: inline-block;
 width: 330px;
 height: 80px;
 overflow: hidden;
 box-shadow: 0 0 12px 0 #f0f0f0;
}
.hdr-logo a img {
 display: block;
 width: 100%;
 max-width: 100%;
 height: auto;
}

.hdr-line {
 display:table-cell;
 width: 100%;  
 vertical-align: middle;
 font-size: 0;
}
.hdr-line div {
 width: 100%;  
 height: 2px;
 background-color: #80aee4;
}

.hdr-menu {
 width: 100%;
 margin-top: -50px;
}

@media screen and (max-width:982px) {
 .hdr-hdr {display:block;margin-left:0;}
 .hdr-logo {display:block;margin-top:-8px;}
 .hdr-line {display:none;}
 .hdr-logo a {box-shadow:none;}
 .hdr-menu {margin-top:0;}
}
@media screen and (max-width:768px) {
 .hdr-logo {display:block;margin-top:-12px;margin-left:-10px;}
}
@media screen and (max-width:480px) {
 .hdr-logo {display:block;margin-top:-17px;margin-left:-15px;}
}

/* Footer */
.ftr-footer-wrapper {
 display: block;
 width: 100%;
 max-width: 100%;
 background-color: #5f98dc;
}

.ftr-footer {
 padding: 25px 0 10px;
}

.footer-nav {
 width: 100%;
 max-width: 900px;
 padding: 0;
 margin: 0 auto;
 display: table;
}

.footer-nav li {
 display: table-cell;
 text-align: center;
 white-space: nowrap;
}

.footer-nav li a {
 font-size: 19px;
 font-family: Segoe UI, sans-serif;
 color: #fff;
 line-height: 1.2;
 text-decoration: none;
 font-weight: 400;
}

.footer-nav li a:hover {
 color: #fff;
}

.footer-copyright, .footer-copyright a {
 font-family: Segoe UI, sans-serif;
 color: #e0e0e0;
 font-size: 16px;
 font-size: 0.8rem;
}
.footer-copyright {
 padding-top: 10px;
 padding-top: 0.5rem;
 text-align: center;
}

@media screen and (max-width:982px) {
 .footer-nav li a {font-size: 18px;}
}
@media screen and (max-width:768px) {
 .footer-nav li a {font-size: 16px;}
}
@media screen and (max-width:640px) {
 .footer-nav li a {font-size: 18px;}
}
@media screen and (max-width:480px) {
 .footer-nav {display: block;padding:0;}
 .ftr-footer {max-width: 292px;}
 .footer-nav li {display: block;float:left;position:relative;width:50%;padding:10px 0;border-top: 1px solid #fff;}
 .footer-nav li:before {content: "";position: absolute;top: 10px;bottom: 10px;right: 0px;width: 1px;border-right: 1px solid #fff;}
 #nfm_1,#nfm_2 {border-top: none;}
 #nfm_2:before, #nfm_4:before {display:none;}
}

/* Menu */
.menu-dd {
 display: none;
 position: absolute;
 left: 0;
 z-index: 50;
 background-color: #fff;
 border: 1px solid #c0c0c0;
 border-top: 5px solid #95c5fc;
}
:not(oldBrowser) .menu-dd {
 border: none;
 border-top: 5px solid #95c5fc;
 box-shadow: 0 5px 10px 1px rgba(39, 134, 179, .5);
}

.menu-dd:hover, .menu-title:hover~.menu-dd {
 display: block;
}

.menu-dd-cont {
 min-width: 250px;
 text-align: left;
}

.menu-dd-title {
 font-size: 20px;
 font-family: Segoe UI, sans-serif;
 color: #494949;
 line-height: 1.2;
 background-color: #efefef;
 padding: 10px 10px 10px 20px;
}

.menu-dd-items {
 padding: 15px 20px 10px 25px;
}

.menu-dd-ul {
 margin: 0 0 10px;
 padding: 0;
}

.menu-dd-ul li {
 white-space: nowrap;
 list-style: none;
 margin-bottom: 10px;
}

.menu-dd-ul li a, .menu-dd-col-title a {
 color: #337dbb;
 text-decoration: none;
}
.menu-dd-ul li a {
 font-size: 20px;
 font-family: Segoe UI, sans-serif;
 line-height: 1.2;
 font-weight: 400;
}
.menu-dd-ul li a:hover, .menu-dd-col-title a:hover {
 text-decoration: underline;
}

.menu-dd-cols {
  padding: 0 0 20px;
}

.menu-dd-col-title {
 float: left;
 width: 40%;
 font-size: 20px;
 font-family: Arial, Helvetica, sans-serif;
 color: #1d88b6;
 line-height: 1.2;
 white-space: normal;
}

.menu-dd-col-ul {
 float: right;
 width: 60%;
}

.menu-main {
 display: block;
 text-align: right;
 font-size: 20px;
 font-size: 1rem;
 white-space: nowrap;
}

.menu-item {
 display: inline-block;
 margin: 0 1% 0 0;
}
.menu-item:first-child {
 margin-left: 0;
}

.menu-item-wrap {
 position: relative;
}

.menu-title {
 display: block;
 padding: 5px 10px;
 font-size: 20px;
 font-family: Arial, Helvetica, sans-serif;
 color: #337dbb;
 font-weight: 700;
 text-decoration: none;
 line-height: 1.2;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.menu-title:hover {
  cursor: pointer;
}

.menu-title:hover, .menu-item:hover .menu-title {
  color: #fff;
  background-color: #95c5fc;
}

.menu-title a {
  color: inherit;
  text-decoration: none;
}


.menu-icon-left, .menu-icon-right, .menu-icon-spare {
 display: inline-block;
 text-align: center;
}

.menu-icon-left, .menu-icon-spare {
 display: none!important;
 width: 28px;
 height: 26px;
}

.menu-icon-left {
 width: 8px;
 height: 17px;
 background-image: url(/nav/mark/right.png);
 background-size: 100% 100%;
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/mark/right.png',sizingMethod='scale');
}

.menu-icon-right {
 width: 17px;
 height: 8px;
 background-image: url(/nav/mark/down.png);
 margin-left: 5px;
 margin-bottom: 0.2rem;
}

.menu-item:hover .menu-icon-right {
 background-image: none;
}

.menu-container {
 display: block;
 position: relative;
 padding: 10px 0;
}

.menu-button {
 display: none;
 position: absolute;
 top: 20px;
 left: 5px;
 z-index: 1000;
 text-align: center;
 width: 50px;
 height: 50px;
 border: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.menu-button:hover {
 cursor: pointer;
}

.menu-button-open {
 display: inline-block;
 width: 50px;
 height: 50px;
 background-image: url(/nav/menu/menu.png);
 background-size: cover;
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/menu/menu.png',sizingMethod='scale');
}

.menu-button-close {
 display: inline-block;
 width: 50px;
 height: 50px;
 background-image: url(/nav/menu/close.png);
 background-size: cover;
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/menu/close.png',sizingMethod='scale');
}

.menu-logo {
 display: none;
 width: 330px;
 margin-top: -8px;
 margin-left: 45px;
}

.menu-logo img {
 display: block;
 width: 100%;
 max-width: 100%;
 height: auto;
}

.show-menu {
 opacity: 1;
 width: 100%;
 max-width: 450px;
 box-shadow: 0 0 10px 5000px rgba(0, 0, 0, .7);
}

.show-menu,
.show-menu .menu-main,
.show-menu .menu-logo {
 display: block;
}

.menu-button.active .menu-button-open,
.menu-button .menu-button-close {
 display: none;
}

.menu-button.active .menu-button-close {
 display: inline-block;
}

@media screen and (max-width:1240px) {
 .menu-title {font-size: 18px;}
}

@media screen and (min-width:1400px) {
 .menu-item:first-child .menu-dd {transform: translate(-25%);}
}

@media screen and (max-width:982px) {
 .menu-main {
   font-size: 16px;
   display: none;
   position: absolute;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   padding-top: 15px;
   padding-bottom: 20px;
   width: 100%;
   max-width: 100%;
   min-height: 100vh;
   z-index: 100;
   background-color: #fff;
   top: 78px;
 }
 .menu-container {
   background-color: #fff;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 10000;
 }
 .menu-button {
   display: block;
   left: 35px;
 }
 .menu-item {
   display: block;
   width: auto;
   text-align: left;
   margin-left: 0;
   margin-right: 0;
 }
 .menu-title {
   display: inline-block;
   font-size: 32px;
   font-family: Segoe UI, sans-serif;
   color: #337dbb;
   font-weight: 400;
   line-height: 1.2;
 }
 .menu-item:hover .menu-title {
   color: #09698c;
   background-color: transparent;
 }
 .menu-title:hover {
   cursor: pointer;
   color: #fff!important;
   background-color: #95c5fc!important;
 }
 .menu-icon-left, .menu-icon-spare {
   display: inline-block!important;
   margin-bottom: -1px;
 }
 .menu-icon-right {
   display: none!important;
 }
 .menu-title:hover .menu-icon-left {
   background-image: url(/nav/mark/right.png);
 }
 .menu-dd {
   display: none;
   position: relative;
   padding-top: 15px;
   left: 0;
   right: 0;
   transform: translateX(0);
   box-shadow: none;
   border-bottom: 4px solid #95c5fc;
 }
 .menu-dd:hover, .menu-title:hover~.menu-dd {display: none;}
 .menu-dd-cont {min-width:0;width: 100%;}
 .menu-dd-items {padding: 0px 5px 5px 10px;}
 .menu-dd-col-title, .menu-dd-col-ul {float: none;}
 .menu-dd-title, .menu-dd-col-title {display: none;}
 .menu-dd-col-ul {width: 100%;}
 .menu-dd-ul {padding: 0 0 0 15px;}
 .menu-dd-ul,.menu-dd-ul li {margin-bottom: 12px;}
 .menu-dd-ul li {white-space: normal;}
 .menu-dd-ul li a {font-size: 30px;}
}
@media screen and (max-width:768px) {
 .menu-main {top:63px;}
 .menu-button {width: 45px;height: 45px;top: 15px;left: 15px;}
 .menu-button-open, .menu-button-close {width: 45px;height: 45px;}
 .menu-title {font-size: 29px;}
 .menu-icon-left, .menu-icon-spare {width: 26px;height: 24px;}
 .menu-logo {margin-top:-12px;margin-left:15px;}
 .menu-dd-ul,.menu-dd-ul li {margin-bottom: 11px;}
 .menu-dd-ul li a {font-size: 27px;}
 .show-menu {max-width: 360px;}
}
@media screen and (max-width:480px) {
 .menu-main {top:52px;}
 .menu-button {width: 40px;height: 40px;top: 12px;left: 15px;}
 .menu-button-open, .menu-button-close {width: 40px;height: 40px;}
 .menu-title {font-size: 26px;}
 .menu-icon-left, .menu-icon-spare {width: 24px;height: 22px;}
 .menu-logo {margin-top:-17px;margin-left:5px;}
 .menu-dd-ul,.menu-dd-ul li {margin-bottom: 10px;}
 .menu-dd-ul li a {font-size: 24px;}
 .show-menu {max-width: 100%;}
}

.menu-item.active .menu-title {
 background-color: #95c5fc;
 color: #fff
}

.menu-item.active .menu-dd {
 display: block!important
}

.menu-item.active .menu-icon-left {
 width: 22px;
 height: 17px;
 background-image: url(/nav/menu/down-a.png);
}


/* Bottom */
.bottom-title {
 font-family: Segoe UI, sans-serif;
 font-size: 24px;
 font-size: 1.2rem;
 line-height: 1.2;
 font-weight: 400;
 color: #fff;
 margin-bottom: 15px;
}
.bottom-col-left, .bottom-col-right {
 width:50%;
 max-width: 660px;
 margin-bottom: 5px;
}
.bottom-col-left {
 float:left;
 padding-right: 52px;
}
.bottom-col-right {
 float:right;
 padding-left: 52px;
}
li.bottom-title {
 padding-left: 0!important;
}
li.bottom-title:before {
 display: none!important;
}
@media screen and (max-width:982px) {
 .bottom-col-left, .bottom-col-right {float:none;width:100%;max-width: 100%;padding-left:0;padding-right:0;}
}

/* OS Tabs */
.os-tabs > div {
 display: table;
 border-spacing: 0px;
 width: 100%;
}
.os-tabs-tab {
 display: table-cell;
 background-color: #3083bd;
 padding: 0 0;
 text-align: center;
 vertical-align: middle;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 text-decoration: none;
 outline: none;
}
.os-tabs-tab:hover {
 cursor: pointer;
}
.os-tabs1 .os-tabs-tab {
 width: 66%;
}
.os-tabs2 .os-tabs-tab {
 width: 50%;
}
.os-tabs3 .os-tabs-tab, .os-tabs3w .os-tabs-tab {
 width: 33.333%;
}
.os-tabs4 .os-tabs-tab {
 width: 25%;
}
.os-tabs-tab.tab-active {
 background-color: #5f98dc;
}

.os-tabs-tab ul {
 display: table;
 border-spacing: 0px;
 margin: 0 auto;
}
.os-tabs-tab li {
 display: table-cell;
 vertical-align: middle;
 padding: 20px 5px;
}
.os-tabs-tab li:after {
 display: block;
 width: 40px;
 height: 40px;
 background-size: 100% 100%;
}
.os-tabs-title .os-tabs-tab li {
 padding: 10px 5px;
}
.os-tabs-title .os-tabs-tab li:after {
 display: block;
 width: 120px;
 height: 90px;
}
.os-tabs-tab li.os-tab-win:after {
 content: url(/nav/os/os-win.png);
}
.os-tabs-tab.tab-active li.os-tab-win:after {
 content: url(/nav/os/os-win-a.png);
}
.os-tabs-tab li.os-tab-mac:after {
 content: url(/nav/os/os-mac.png);
}
.os-tabs-tab.tab-active li.os-tab-mac:after {
 content: url(/nav/os/os-mac-a.png);
}
.os-tabs-tab li.os-tab-technical:after {
 content: "";
 background-image: url(/nav/title/technical.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/technical.png',sizingMethod='scale');
}
.os-tabs-tab.tab-active li.os-tab-technical:after {
 content: "";
 background-image: url(/nav/title/technical-a.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/technical-a.png',sizingMethod='scale');
}
.os-tabs-tab li.os-tab-customer:after {
 content: "";
 background-image: url(/nav/title/customer.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/customer.png',sizingMethod='scale');
}
.os-tabs-tab.tab-active li.os-tab-customer:after {
 content: "";
 background-image: url(/nav/title/customer-a.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/customer-a.png',sizingMethod='scale');
}
.os-tabs-tab li.os-tab-purchasing:after {
 content: "";
 background-image: url(/nav/title/purchasing.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/purchasing.png',sizingMethod='scale');
}
.os-tabs-tab.tab-active li.os-tab-purchasing:after {
 content: "";
 background-image: url(/nav/title/purchasing-a.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/purchasing-a.png',sizingMethod='scale');
}
.os-tabs-tab li.os-tab-shipping:after {
 content: "";
 background-image: url(/nav/title/shipping.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/shipping.png',sizingMethod='scale');
}
.os-tabs-tab.tab-active li.os-tab-shipping:after {
 content: "";
 background-image: url(/nav/title/shipping-a.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/shipping-a.png',sizingMethod='scale');
}
.os-tabs-tab li.os-tab-refund:after {
 content: "";
 background-image: url(/nav/title/refund.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/refund.png',sizingMethod='scale');
}
.os-tabs-tab.tab-active li.os-tab-refund:after {
 content: "";
 background-image: url(/nav/title/refund-a.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/title/refund-a.png',sizingMethod='scale');
}


.os-tabs-text {
 padding: 10px 5px 10px 15px!important;
 font-size: 22px;
 font-size: 1.1rem;
 font-family: Segoe UI, sans-serif;
 color: #fff;
 font-weight: 400;
 line-height: 1.2;
}
.os-tabs-panel {
 display: block;
 background-color: #5f98dc;
}
.support-tabs-panel {
 padding-top: 30px;
 padding-bottom: 72px;
}

@media screen and (max-width:1420px) {
 .support-tabs-panel {padding-bottom: 30px;}
}
@media screen and (max-width:982px) {
 .os-tabs-tab li:after {width: 36px;height: 36px;}
 .os-tabs-text {padding: 10px 5px 10px 10px!important;}
 .os-tabs-title .os-tabs-tab li:after {width: 105px;height: 79px;}
}
@media screen and (max-width:768px) {
 .os-tabs-text {padding: 10px 5px 10px 7px!important;}
 .os-tabs-title .os-tabs-tab li {padding: 5px 0px;}
 .os-tabs-title .os-tabs-tab li:after {width: 90px;height: 67px;}
}
@media screen and (max-width:640px) {
 .os-tabs-text {padding: 10px 5px 10px 5px!important;}
 .os-tabs4 .os-tabs-text, .os-tabs3w .os-tabs-text {display: none!important;}
}
@media screen and (max-width:480px) {
 .os-tabs-tab li:after {width: 30px;height: 30px;}
 .os-tabs-text {display: none!important;}
}

/* Feature Tabs */
.feature-tabs {
 display: block;
 width: 100%;
 background-color: #efefef;
}
.feature-tabs-body {
 padding: 0 40px;
}
.feature-tabs-body ul {
 display:table;
 width: 100%;
 border-collapse:separate;
 border-spacing: 0;
 overflow: hidden;
}
.feature-tabs-body li {
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 padding: 46px 40px;
 font-family: Segoe UI, sans-serif;
 font-size: 20px;
 font-size: 1rem;
 color: #09698c;
}
.feature-tabs-body.feature-top li {
 padding: 30px 40px;
}
.feature-tabs-body li:hover {
 cursor: pointer;
}
.feature-tabs-body li.tab-active {
 background-color: #f8f8f8;
}
.feature-tabs-body.feature-top li.tab-active {
 background-color: #fff;
}
.feature-tabs-body li.tab-active:hover {
 cursor: auto;
}
@media screen and (max-width:982px) {
 .feature-tabs-body {padding: 0 30px;}
 .feature-tabs-body li {padding: 40px 30px;}
 .feature-tabs-body.feature-top li {padding: 38px 30px;}
}
@media screen and (max-width:768px) {
 .feature-tabs-body {padding: 0 20px;margin: 0 -5px;}
 .feature-tabs-body li {padding: 35px 20px;}
 .feature-tabs-body.feature-top li {padding: 25px 20px;}
}
@media screen and (max-width:640px) {
 .feature-tabs-body {padding: 0 15px;}
 .feature-tabs-body li {padding: 35px 15px;}
 .feature-tabs-body.feature-top li {padding: 25px 15px;}
}
@media screen and (max-width:480px) {
 .feature-tabs-body {padding: 0 10px;margin: 0 -10px;}
 .feature-tabs-body li {padding: 35px 8px;}
 .feature-tabs-body.feature-top li {padding: 25px 8px;}
 .feature-tabs-body li .product-text {font-size: 16px;}
}

/* FAQ */
.faq-body {
 padding: 15px 0 30px 0;
 padding: 0.75rem 0 1.5rem 0;
}
.faq-q {
 display: block;
 margin-top: 15px;
 margin-top: 0.75rem;
 color: #1a1a1a;
}
.faq-a {
 display: none;
}
.faq-a div {
 padding-top: 10px;
 padding-bottom: 20px;
}
@media screen and (max-width:768px) {
 .faq-q {}
}

/* Products: Panel */
.product-price {
 font-family: Segoe UI, sans-serif;
 line-height: 1;
 font-weight: 400;
 white-space: nowrap;
 color: #5f98dc;
 font-size: 30px;
 font-size: 1.5rem;
}

.prod-panel {
 padding-top: 30px;
 padding-bottom: 102px;
}
.prod-panel-left {
 width: 20%;
 min-width: 280px;
 float: left;
 padding-right: 15px;
}
.prod-panel-right {
 width: 80%;
 width: 75%\9;
 max-width: -moz-calc(100% - 280px);
 max-width: -webkit-calc(100% - 280px);
 max-width: -o-calc(100% - 280px);
 max-width: calc(100% - 280px);
 float: right;
 padding: 0 10px;
}
.prod-panel .btn-orange, .prod-panel .btn-blue, .prod-panel .btn-dl {
 width: 100%;
 margin-bottom: 10px;
 padding: 12px 20px;
 font-size: 22px;
 font-size: 1.1rem;
}
.prod-panel .btn-orange {
 padding: 7px 20px;
 font-size: 30px;
 font-size: 1.5rem;
}
.prod-panel .btn-dl {
 background-color: #3083bd;
 color: #fff;
 border: none;
 border-radius: 6px;
}
:not(oldBrowser) .prod-panel .btn-dl {
 background: url(/nav/mark/dl-now-w.png) no-repeat 15px 50%;
 background-color: #3083bd;
}

.prod-panel-text, .prod-panel-text a {
 font-family: Segoe UI, sans-serif;
 color: #fff;
 line-height: 1.2;
 font-weight: 400;
}
.prod-panel-text {
 font-size: 22px;
 font-size: 1.12rem;
 margin-top: 15px;
}

.prod-panel-dls {
 width: 100%;
}
.prod-panel-dls-now {
 display:none;
}
.prod-panel-dls-page {
 float:left;
}
.prod-panel-dls-buy {
 display:none;
}
.prod-panel-dls-help {
 float:right;
}
.prod-panel-dls-buy span {
 display: inline-block;
 vertical-align: middle;
 padding: 0 15px;
}
.prod-panel-dls-buy span.price {
 font-size: 18px;
 font-size: 0.9rem;
 margin: -5px 0 -5px 0;
 border-right: 2px solid #fff;
}

.prod-panel-thumb {
 display: block;
 position: relative;
 width: 100%;
 max-width: 240px;
 margin: 0 auto 20px;
}
.prod-panel-thumb a {
 text-decoration: none;
 outline: none;
}
.prod-panel-thumb img {
 display: block;
 width: 256px;
 height: 256px;
 margin: 1px 1px;
 color: #fff;
}
.prod-panel-thumb:after {
 display: block;
 position: absolute;
 bottom: 0;
 left: 25px;
 width: 80px;
 height: 80px;
 pointer-events: none;
}
.prod-panel-thumb-win:after {
 content: url(/nav/product/win.png);
}
.prod-panel-thumb-mac:after {
 content: url(/nav/product/mac.png);
}

.prod-panel .product-price {
 color: #e0e0e0;
}

@media screen and (max-width:1420px) {
 .prod-panel {padding-bottom: 30px;}
}
@media screen and (max-width:1240px) {
 .prod-panel-left {padding-right:10px;}
}
@media screen and (max-width:1024px) {
 .prod-panel-left {padding-right:5px;}
}
@media screen and (max-width:982px) {
 .prod-panel-left, .prod-panel-right {width: 100%;max-width:100%;min-width:0;float: none;padding: 0 10px;}
 .prod-panel-right {margin-bottom: 20px;}
 .prod-panel-thumb,.prod-panel-hide {display: none;}
 .prod-panel-dls   {display:table;}
 .prod-panel-dls-row {display:table-row;}
 .prod-panel-dls-now, .prod-panel-dls-page, .prod-panel-dls-buy, .prod-panel-dls-help {display:table-cell;float:none;vertical-align: middle;}
 .prod-panel-dls-now, .prod-panel-dls-buy {width: 66%;padding-right: 20px;}
 .prod-panel .btn-dl span {font-size: 19px;}
}
@media screen and (max-width:560px) {
 .prod-panel-dls,.prod-panel-dls-row  {display:block;}
 .prod-panel-dls-now, .prod-panel-dls-page, .prod-panel-dls-buy, .prod-panel-dls-help {display:block;width:100%;padding:0;}
 .prod-panel .btn-orange, .prod-panel .btn-blue, .prod-panel .btn-dl {padding-left:0;padding-right:0;}
}

/* Products: Downloads */
.dlpage-table {
 display: table;
 width:100%;
 height:100%;
 border-spacing:0;
 margin-bottom: 60px;
 margin-bottom: 3em;
}
.dlpage-top {
 height: 40px;
 height: 2em;
}
.dlpage-product {
 display: table-cell;
 vertical-align: top;
 width: 33%;
 padding-right: 20px;
}
.dlpage-sysinfo {
 display: table-cell;
 vertical-align: top;
 width: 67%;
}
.dlpage-link a {
 display: block;
 margin-left: 10px;
 max-width: 250px;
}
.dlpage-note {
 width: auto;
 margin: 0 -35px 10px -35px;
 padding: 15px 0;
 background-color: #eff8fe;
}
@media screen and (max-width:1240px) {
 .dlpage-product {width: 40%;}
 .dlpage-sysinfo {width: 60%;}
}
@media screen and (max-width:768px) {
 .dlpage-note {margin: 0 -15px 10px -15px;}
 .dlpage-table {display: block;width: 100%;margin-bottom: 40px;margin-bottom: 2em;}
 .dlpage-product, .dlpage-sysinfo {display: block;width: 100%;}
 .dlpage-sysinfo p {margin: 20 0 5px;margin: 1em 0 0.25em;}
 .dlpage-top {height: auto;}
 .dlpage-sysinfo .dlpage-top {margin: 20 0 5px;margin: 1em 0 0.25em;}
}
@media screen and (max-width:480px) {
 .dlpage-note {margin: 0 -10px 10px -10px;}
}

/* Products pages: Highlight grid */
.highlights-grid-wrapper {
 display: block;
 margin: 0 0 0 0;
}

.highlights-grid-container {
 width: 100%;
}

.highlights-grid-item {
 float: left;
 position: relative;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 margin-top: 25px;
 padding-bottom: 30px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.highlights-grid-item a {
 color: #000;
 text-decoration: none;
}

#hgi_1, #hgi_2, #hgi_3, #hgi_4 {
 width: 25%;
}

#hgi_5, #hgi_6, #hgi_7, #hgi_8, #hgi_9 {
 width: 20%;
}

#hgi_a, #hgi_b, #hgi_c {
 width: 33%;
}

#hgi_5, #hgi_a {
 clear: left;
}

.highlights-grid-image {
 display: block;
 margin: 0 auto 10px;
 max-width: 120px;
}
.highlights-grid-image:hover {
 cursor: pointer;
}
.highlights-grid-image > div {
 display: block;
 position: relative;
 width: 100%;
 max-width: 100%;
 padding-top: 83.33334%;
}
.highlights-grid-image img {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 max-width: 100%;
 height: 100%;
 max-height: 100%;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.highlights-grid-text {
 display: block;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 font-family: Segoe UI, sans-serif;
 font-size: 20px;
 font-size: 1rem;
 font-weight: 400;
 color: #707070;
 text-align: center;
 max-width: 260px;
 padding: 5px 7px;
 margin: 0 auto;
}

#hgd_1:before {left:0;right:75%;}
#hgd_2:before {left:25%;right:50%;}
#hgd_3:before {left:50%;right:25%;}
#hgd_4:before {left:75%;right:0;}
#hgd_5:before {left:0;right:80%;}
#hgd_6:before {left:20%;right:60%;}
#hgd_7:before {left:40%;right:40%;}
#hgd_8:before {left:60%;right:20%;}
#hgd_9:before {left:80%;right:0;}

@media screen and (max-width:768px) {
 .highlights-grid-wrapper {margin: 0 -5px 0 -5px;}
 #hgi_1, #hgi_2, #hgi_3, #hgi_4, #hgi_5, #hgi_6, #hgi_7, #hgi_8, #hgi_9, #hgi_a, #hgi_b, #hgi_c {width: 33%;margin-top: 10px;padding-bottom: 15px;}
 #hgi_4, #hgi_7, #hgi_c {clear: left;}
 #hgi_5, #hgi_a {clear: none;}
 .highlights-grid-image {max-width: 100px;margin-bottom: 0;}
 #hgd_1:before,#hgd_4:before,#hgd_7,#hgi_c:before {left:0;right:66%;}
 #hgd_2:before,#hgd_5:before,#hgd_8,#hgi_a:before {left:33%;right:33%;}
 #hgd_3:before,#hgd_6:before,#hgd_9,#hgi_b:before {left:66%;right:0;}
}
@media screen and (max-width:480px) {
 .highlights-grid-wrapper {margin: 0 -10px 0 -10px;}
 .highlights-grid-image {max-width: 80px;}
}

/* Main */
.section-main {
  position: relative;
  background-color: #5f98dc;
}
.section-main-body {
  padding: 0 15px;
}
.main-img-back {
 background-color: #337dbc;
}
.main-img-width {
 width: 100%;
 max-width: 1460px;
 margin: 0 auto;
}
.main-img-link {
 display: block;
 width: 100%;
 padding-top: 24.65753425%;
 position: relative;
 background-repeat: no-repeat;
 background-size: cover;
 text-decoration: none;
 outline: none;
 background-image: url(/nav/main-page.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/main-page.png',sizingMethod='scale');
}
.main-img-text {
 position: absolute;
 color: #fff;
 top: 5%;
 bottom: 5%;
 left: 20px;
 right: 20px;
 font-family: Segoe UI, sans-serif;
 font-size: 20px;
 font-size: 1rem;
}
.main-prod-container {
 display: table;
 border-spacing: 0px;
 width: 100%;
}
.main-prod-container a {
 text-decoration: none;
 outline: none;
}
.main-prod-left {
 display: table-cell;
 vertical-align: top;
 text-align: left;
 width: 150px;
}
.main-prod-right {
 display: table-cell;
 vertical-align: top;
 width: auto;
}
.main-prod-links {
 text-align: right;
}
.main-prod-links a {
 margin-left: 40px;
 margin-left: 2rem;
}

@media screen and (max-width:1240px) {
 .main-img-text {font-size: 18px;}
}
@media screen and (max-width:1024px) {
 .main-img-text {font-size: 16px;}
}
@media screen and (max-width:960px) {
 .main-img-back {display: none;}
}
@media screen and (max-width:768px) {
 .main-prod-container {display: block;}
 .main-prod-left {display: none;}
 .main-prod-right {display: block;width:100%;}
}

/* Main: Slider */
.slider-area {
 width: 100%;
 max-width: 1390px;
 position: relative;
 margin: 0 auto;
 padding-bottom: 10px;
}
.slider-slides {
 width: 100%;
 overflow: hidden;
 white-space: nowrap;
 font-size: 0;
}
.slider-slides > div {
 display: inline-block;
 vertical-align: top;
 width: 100%;
 white-space: normal;
}
.slider-arrow {
 display: block;
 position: absolute;
 top: 30%;
 width: 25px;
 height: 140px;
 font-size: 14px;
 border-radius: 2px;
 color: #fff;
 background-position: 50%;
 background-repeat: no-repeat;
 opacity: .6;
 transition: opacity .2s ease;
 z-index: 20;
}
.slider-arrow:hover {
 cursor: pointer;
 opacity: 1;
}
.slider-arrow-prev {
 display: block;
 position: absolute;
 left: -50px;
 background-image: url("/nav/mark/slider-left.png");
}
.slider-arrow-next {
 display: block;
 position: absolute;
 right: -50px;
 background-image: url("/nav/mark/slider-right.png");
}
.slider-dots {
 width: 100%;
 height: 33px;
 padding: 0 5px 5px;
 text-align: center;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.slider-dots > div {
 display: inline-block;
 width: 33px;
 height: 11px;
 margin: 10px 6px 0;
 background: transparent;
 border: 2px solid #fff;
 border-radius: 4px;
 transition: all .1s ease;
 outline: none;
}
.slider-dots > div.active {
 background: #fff;
}
.slider-dots > div:hover {
 cursor: pointer;
 background: #fff;
}
@media screen and (max-width:1500px) {
 .slider-arrow-prev {left: -18px;}
 .slider-arrow-next {right: -18px;}
}
@media screen and (max-width:982px) {
 .slider-dots {height: 30px;}
 .slider-dots > div {margin-top: 8px;}
 .slider-arrow-prev {left: -15px;}
 .slider-arrow-next {right: -15px;}
}
@media screen and (max-width:768px) {
 .slider-dots > div {margin-top: 6px;}
 .slider-arrow-prev,.slider-arrow-next {display: none!important;}
}

/* Main: Slides */
.slide {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 15px 20px 10px;
  width: 100%;
  max-width: 1390px;
  margin: 0 auto;
  overflow: hidden;
}
.slide-content {
 margin-bottom: 20px;
 height: auto;
 overflow: hidden;
}
.slide-content-text {
 float: none;
 width: auto;
 overflow: hidden;
}
.slide-content-image {
 float: right;
 width: 200px;
}
.slide-image-wrapper {
 width: 100%;
 max-width: 192px;
 text-align: center;
 position: relative;
}
.slide-image-wrapper:after {
 display: block;
 position: absolute;
 bottom: 0;
 left: 19px;
 width: 60px;
 height: 60px;
 pointer-events: none;
 background-size: 100% 100%;
}
.slide-image-thumb-win:after {
 content: "";
 background-image: url(/nav/product/win.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/product/win.png',sizingMethod='scale');
}
.slide-image-thumb-mac:after {
 content: "";
 background-image: url(/nav/product/mac.png);
 background-image: none\9;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/product/mac.png',sizingMethod='scale');
}
.slide-content-picture {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.slide-title {
  font-size: 38px;
  font-size: 1.9rem;
  font-family: Segoe UI, sans-serif;
  color: #fff;
  line-height: 1.2;
  font-weight: 400;
  padding-bottom: 20px;
  padding-bottom: 1rem;
}
.slide-text {
 font-size: 24px;
 font-size: 1.2rem;
 font-family: Segoe UI, sans-serif;
 color: #fff;
 line-height: 1.2;
 font-weight: 400;
 padding-right: 15px;
}
.slide-text a {
 color: #fff;
}
.slide-bottom {
 display: table;
 width: 80%;
 width: calc(100% - 200px);
 border-spacing:0;
 padding-top: 10px;
}
.slide-bottom div {
 display: table-cell;
 padding: 0;
 vertical-align: middle;
}
.slide-bottom .slide-col-1 {
 text-align: left;
}
.slide-bottom .slide-col-2 {
 text-align: center;
}
.slide-bottom .slide-col-3 {
 text-align: right;
}
.slide-bottom .btn-blue {
 font-size: 22px;
 font-size: 1.1rem;
 padding-left: 0;
 padding-right: 0;
 width: 235px;
 border: 1px solid transparent;
}
.slide-bottom .btn-blue:hover {
 background-color: #c2deff;
 color: #3083bd;
 border: 1px solid #3083bd;
}
.slide-bottom .btn-blue span {
 vertical-align: middle;
}
.slide-read, .slide-dl, .slide-buy {
 margin-left: 20px;
 margin-left: 1rem;
 width: 42px;
 height: 42px;
}
.slide-read {
 content: url(/nav/mark/readmore.png);
}
.btn-blue:hover .slide-read {
 content: url(/nav/mark/readmore-a.png);
}
.slide-dl {
 content: url(/nav/mark/download.png);
}
.btn-blue:hover .slide-dl {
 content: url(/nav/mark/download-a.png);
}
.slide-buy {
 content: url(/nav/mark/buynow.png);
}
.btn-blue:hover .slide-buy {
 content: url(/nav/mark/buynow-a.png);
}

@media screen and (max-width:1240px) {
 .slide-content-image {width: 135px;}
 .slide-image-wrapper {max-width: 128px;}
 .slide-image-wrapper:after {left: 12px;width: 40px;height: 40px;}
 .slide-bottom {width:calc(100% - 135px);}
}
@media screen and (max-width:982px) {
 .slide {padding: 15px 15px 0;}
 .slide-bottom {width: 100%;}
 .slide-bottom .btn-blue {width:200px;}
}
@media screen and (max-width:768px) {
 .slide {padding: 15px 0 0;}
 .slide-content {margin-bottom: 0;}
 .slide-content-text {float: none;width:100%;padding-right:0px;}
 .slide-content-image {display: none;}
 .slide-bottom {display: block;width:100%;}
 .slide-bottom div {display: block;width:100%;}
 .slide-bottom .slide-col-1, .slide-bottom .slide-col-2, slide-bottom .slide-col-3 {text-align: center;}
 .slide-bottom .btn-blue {width: 100%;margin-bottom:20px;margin-bottom:1rem;}
}

@media screen and (max-width:560px) {
 .slide-title {font-size: 28px;}
 .slide-text {font-size: 18px;}
}

/* Buy form */
.buy-header {
 font-family: Segoe UI, sans-serif;
 font-size: 19px;
 font-size: 0.96rem;
 line-height: 1.2;
 text-align: left;
 color: #606060;
 font-weight: 400;
}

table.std.buy-tbl td {
 color: #505050;
}
table.std.buy-tbl tr.head td, table.std.buy-tbl td.head {
 color: #fff;
}
table.std.buy-tbl td {
 font-size: 20px!important;
 font-size: 1rem!important;
}
table.std.buy-tbl td.grey {
 background-color: #f6fafe;
}
table.std.buy-tbl.buy-tbl-two td {
 height: 60px;
 height: 3rem;
}
.buy-tbl-two input[type="text"], .buy-tbl-two select {
 width: 100%;
 max-width: 400px;
}
select.buy-carddate {
 width: auto;
}

.pay-methods {
 width: 100%;
 border-spacing:0;
}
.pay-methods td {
 width:50%;
 vertical-align:middle;
 padding: 5px 0;
}
.pay-methods img, .pay-methods span {
 vertical-align:middle;
}
.pay-methods input {
 margin-right: 9px;
 vertical-align:middle;
}
.pay-methods span {
 display: inline-block;
 width: 250px;
 height: 60px;
 font-size: 14px;
 font-weight: bold;
 font-style: italic;
 background-color: #eff8fe;
 border: 2px solid #3083bd;
 border-radius: 14px;
 padding: 0 10px;
 white-space: nowrap;
 overflow: hidden;
}
.pay-methods span:before {
 content: '';
 display: inline-block;
 height: 100%;
 vertical-align: middle;
}
.pay-paypal .no-pay-paypal {
 display: none;
}

@media screen and (max-width:982px) {
 .pay-methods span {width: 200px;height: 50px;}
}
@media screen and (max-width:640px) {
 .pay-methods span {width: 150px;height: 40px;}
}


/* Buy: Products selection form */
.buy-panel {
 padding-top: 30px;
 padding-bottom: 70px;
}
.buy-prods {
 width: 100%;
 border-collapse: separate;
 border-spacing:0px;
}
.buy-panel .buy-prods {
 margin-top: 20px;
}
.buy-prods td {
 vertical-align: top;
 text-align: center!important;
 padding: 0 5px;
} 
.buy-prods td.name {
 text-align: left!important;
}
.buy-prods3 td {
 width: 25%;
}
.buy-prods2 td {
 width: 33%;
}
.buy-prods-cards {
 text-align: left;
 padding: 0 5px!important;
}
.buy-prods-cards img {
 display: block;
 width: 97px;
 max-width: 97px;
 height: auto;
}
.buy-prods .btn-orange {
 padding: 7px 20px;
 font-size: 30px;
 font-size: 1.5rem;
 max-width: 200px;
}
.buy-panel .buy-prods td {
 color: #fff;
 padding-bottom: 30px;
}

@media screen and (max-width:1420px) {
 .buy-panel {padding-bottom: 0px;}
}
@media screen and (max-width:640px) {
 .buy-panel .buy-prods td {padding-bottom: 25px;}
}
@media screen and (max-width:480px) {
 .buy-panel .buy-prods td {padding-bottom: 10px;}
}

/* Cookie/Privacy policy */
#pp-info {
 display: none;
 background-color: rgb(90,90,90);
 background-color: rgba(20,20,20,0.7);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 min-height: 27px;
 color: #ddd;
 line-height: 27px;
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 8px 0 8px 30px;
 z-index: 9999;
}
#pp-info img {
 display: none;
}
#pp-info a {
 color: #4B8EE7;
 text-decoration: none;
}
#pp-info ul {
 display: table;
 width: 100%;
 border-spacing:0;
}
#pp-info li {
 display: table-cell;
 padding: 0;
 text-align: left;
 vertical-align: middle;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
}
#pp-info a#pp-done {
 display: inline-block;
 background-color: #4B8EE7;
 color: #FFFFFF;
 border-radius: 5px;
 padding: 0 20px;
 cursor: pointer;
 float: right;
 margin: 0 60px 0 10px;
 white-space: nowrap;
}
#pp-info a#pp-done:hover {
 background-color: #FFFFFF;
 color: #4B8EE7;
}
@media screen and (max-width:982px) {
 #pp-info {padding: 9px 20px;}
 #pp-info li {font-size: 15px;}
 #pp-info a#pp-done {margin-right: 20px;}
}
@media screen and (max-width:768px) {
 #pp-info {padding: 8px 10px;}
 #pp-info li {font-size: 14px;}
 #pp-info a#pp-done {margin-right: 12px;}
}
@media screen and (max-width:640px) {
 #pp-info a#pp-done {margin-right: 8px;}
}
@media screen and (max-width:480px) {
 #pp-info a#pp-done {margin-right: 0;}
}