@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7j.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdo.woff) format('woff');
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
background: #fff;
color: #000;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.67em;
margin: 2.33em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 1em 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
menu,
ol,
ul {
padding: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
outline: none;
}
html {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
header, nav, section, article, aside, footer {
display: block;
}
html, body {
font-size: 14px;
line-height: 19px;
}
body {
font-family: Source Sans Pro, Arial, sans-serif;
color: #1a1a1a;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAodEVYdFNvZnR3YXJlAEFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaClROqaqAAAAB3RJTUUH3QUHAhsl1vXZKwAAACF0RVh0Q3JlYXRpb24gVGltZQAyMDEzOjA1OjA3IDAyOjI0OjUzZv0deAAAADlJREFUGFcdyTkOADEIBMHBgPj/RyHjiLxmOys1ufs1M2yqirOYGRARIgKUmZeZUVXYeUQE3f3jTXzc8xaTtWdaGgAAAABJRU5ErkJggg==') repeat;
margin: 0;
padding: 0;
min-height: 100vh;
}
body.ru {
font-size: 0.9286em;
font-size: 0.9286rem;
}
body.zh-cn {
font-family: Source Sans Pro, Arial;
}
p {
margin: 16px 0;
}
p, ul, li {
max-height: 999999px;
}
.one-half h1:first-child, .one-half h2:first-child, .one-half h3:first-child, .one-half h4:first-child,
.one-third h1:first-child, .one-third h2:first-child, .one-third h3:first-child, .one-third h4:first-child,
.two-third h1:first-child, .two-third h2:first-child, .two-third h3:first-child, .two-third h4:first-child,
.one-fourth h1:first-child, .one-fourth h2:first-child, .one-fourth h3:first-child, .one-fourth h4:first-child,
.three-fourth h1:first-child, .three-fourth h2:first-child, .three-fourth h3:first-child, .three-fourth h4:first-child,
.one-fifth h1:first-child, .one-fifth h2:first-child, .one-fifth h3:first-child, .one-fifth h4:first-child,
.two-fifth h1:first-child, .two-fifth h2:first-child, .two-fifth h3:first-child, .two-fifth h4:first-child,
.three-fifth h1:first-child, .three-fifth h2:first-child, .three-fifth h3:first-child, .three-fifth h4:first-child,
.four-fifth h1:first-child, .four-fifth h2:first-child, .four-fifth h3:first-child, .four-fifth h4:first-child,
.one-sixth h1:first-child, .one-sixth h2:first-child, .one-sixth h3:first-child, .one-sixth h4:first-child,
.five-sixth h1:first-child, .five-sixth h2:first-child, .five-sixth h3:first-child, .five-sixth h4:first-child,
.seven-ninth h1:first-child, .seven-ninth h2:first-child, .seven-ninth h3:first-child, .seven-ninth h4:first-child,
.two-ninth h1:first-child, .two-ninth h2:first-child, .two-ninth h3:first-child, .two-ninth h4:first-child {
margin-top: 0;
}
h1, h2, h3, h4 {
font-weight: normal;
margin: 6px 0;
}
h1 {
font-size: 1.9em;
font-size: 1.9rem;
}
body.ru h1 {
font-size: 1.75em;
font-size: 1.75rem;
}
h2 {
font-size: 1.5em;
font-size: 1.5rem;
}
body.ru h2 {
font-size: 1.4em;
font-size: 1.4rem;
}
h3,
.pageSummary p {
font-size: 1.34em;
font-size: 1.34rem;
}
body.ru h3 {
font-size: 1.25em;
font-size: 1.25rem;
}
h4 {
font-size: 1.2em;
font-size: 1.2rem;
}
body.ru h4 {
font-size: 1.15em;
font-size: 1.15rem;
}
h1, h2, h3, h4, h5, h6 {
margin: 32px 0 16px 0;
line-height: 140%;
font-weight: bold;
}
a {
text-decoration: none;
color: #3434b4;
}
a:hover {
color: #FD6A00;
}
input,
textarea,
select {
font-family: Source Sans Pro, Arial, sans-serif;
font-size: 1.1em;
font-size: 1.1rem;
color: #1a1a1a;
padding: 4px;
border: 0px;
-webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
-moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
box-shadow: inset 0px 0px 0px 1px #D2D2D2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
padding: 3px 4px;
}
optgroup {
font-family: inherit;
font-size: 1.1em;
font-size: 1.1rem;
font-style: normal;
color: #1a1a1a;
}
body.ru input,
body.ru textarea,
body.ru select {
font-size: 1em;
font-size: 1rem;
}
body.ru optgroup {
font-size: 1em;
font-size: 1rem;
}
body.msie8 input,
body.msie8 textarea,
body.msie8 select,
body.safari input,
body.safari textarea,
body.safari select {
border: 1px solid #D2D2D2;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
input:focus,
textarea:focus,
.styled-select:focus,
.styled-select select:focus {
-webkit-box-shadow: inset 0px 0px 0px 1px #FD6A00;
-moz-box-shadow: inset 0px 0px 0px 1px #FD6A00;
box-shadow: inset 0px 0px 0px 1px #FD6A00;
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]:focus,
input[type="radio"]:focus {
margin-right: 0.3em;
-webkit-box-shadow: 0px 0px 0px 0px #fff;
-moz-box-shadow: 0px 0px 0px 0px #fff;
box-shadow: 0px 0px 0px 0px #fff;
}
textarea {
resize: none;
}
label {
white-space: nowrap;
}
.styled-select {
overflow: hidden;
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQBAMAAAAG6llRAAAABGdBTUEAALGOfPtRkwAAAC1QTFRFnJ2c////nJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2cnJ2c0T0GNwAAAA50Uk5TAAAQIDBgcH+fr7/P3+9VPDvrAAAAT0lEQVQImWMQhAEBBsJMzQAGBgbLQBCz7hkDA8u9gyCm9rsGBt93YFGmfS9Y7j1lBDEZtN/NfRcAYTLte/eUAcJk0HrrAGMypDBAmMS7AQDZdRi+1V90NwAAAABJRU5ErkJggg==') no-repeat 100%;
-webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
-moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
box-shadow: inset 0px 0px 0px 1px #D2D2D2;
position: relative;
}
.styled-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
background-color: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
-moz-box-shadow: inset 0px 0px 0px 1px #D2D2D2;
box-shadow: inset 0px 0px 0px 1px #D2D2D2;
padding: 3px 4px;
width: 100%;
}
.styled-list {
list-style-type: none;
list-style-position: outside;
list-style-image: none;
padding-left: 0;
margin: 0;
}
.styled-list li {
padding-bottom: 0;
}
.styled-list.link-list-bullet li {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAABJJREFUGFdjOCcpj4wo40vKAwARExmXuAIq8gAAAABJRU5ErkJggg==);
*background-image: url(/images/metro/list-item.png);
background-repeat: no-repeat;
background-position: 0px 50%;
padding-left: 10px;
}
.styled-checkbox > label {
white-space: pre-wrap;
}
.styled-checkbox input[type=checkbox] {
height: 16px;
width: 16px;
vertical-align: middle;
}
.styled-checkbox:not(#foo) input[type=checkbox] {
position: absolute;
z-index: -10;
}
.styled-checkbox:not(#foo) input[type=checkbox] + label::before,
.styled-checkbox:not(#foo) input[type=checkbox] + input[type=hidden] + label::before {
content: ' ';
text-align: center;
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
margin-right: 0.6rem;
-webkit-box-shadow: inset 0px 0px 0px 1px #d2d2d2;
-moz-box-shadow: inset 0px 0px 0px 1px #d2d2d2;
box-shadow: inset 0px 0px 0px 1px #d2d2d2;
background-color: #fff;
}
.styled-checkbox:not(#foo) input[type=checkbox]:focus + label:before,
.styled-checkbox:not(#foo) input[type=checkbox]:focus + input[type=hidden] + label:before {
-webkit-box-shadow: inset 0px 0px 0px 1px #fd6a00;
-moz-box-shadow: inset 0px 0px 0px 1px #fd6a00;
box-shadow: inset 0px 0px 0px 1px #fd6a00;
}
.styled-checkbox:not(#foo) input[type=checkbox]:checked + label::before,
.styled-checkbox:not(#foo) input[type=checkbox]:checked + input[type=hidden] + label::before {
content: "\2713";
color: #1a1a1a;
}
.bg-color-menu {
background-color: #CE191F;
}
.bg-color-footer {
background-color: #3C4664;
}
.bg-color-main,
.bg-color-sidebar {
background-color: #FFFFFF;
}
.bg-color-heading {
background-color: #FAFAFA;
}
.bg-color-main,
.bg-color-slider,
.bg-color-heading,
.bg-color-sidebar {
-webkit-box-shadow: inset 0 0 0 1px #D2D2D2;
-moz-box-shadow: inset 0 0 0 1px #D2D2D2;
box-shadow: inset 0 0 0 1px #D2D2D2;
}
.container {
width: 972px;
margin: 0 auto;
position: relative;
}
.block-1, .block-2, .block-3, .block-4, .block-5, .block-6, .block-7 {
margin: 6px;
float: left;
position: relative;
}
.block-1.no-mar, .block-2.no-mar, .block-3.no-mar, .block-4.no-mar, .block-5.no-mar, .block-6.no-mar, .block-7.no-mar, .block-full.no-mar,
.block-1.zero-mar, .block-2.zero-mar, .block-3.zero-mar, .block-4.zero-mar, .block-5.zero-mar, .block-6.zero-mar, .block-7.zero-mar, .block-full.zero-mar {
margin: 0;
}
.block-2.no-vmar {
margin-top: 0;
margin-bottom: 0;
}
.block-1 {
width: 96px;
}
.block-1.no-mar {
width: 108px;
}
.block-2 {
width: 204px;
}
.block-2.no-mar {
width: 216px;
}
.block-3 {
width: 312px;
}
.block-3.no-mar {
width: 324px;
}
.block-4 {
width: 420px;
}
.block-4.no-mar {
width: 432px;
}
.block-5 {
width: 528px;
}
.block-5.no-mar {
width: 540px;
}
.block-6 {
width: 636px;
}
.block-6.no-mar {
width: 648px;
}
.block-7 {
width: 744px;
}
.block-7.no-mar {
width: 756px;
}
.block-8 {
width: 852px;
}
.block-8.no-mar {
width: 864px;
}
.block-full {
margin: 6px;
}
.block-h-half {
height: 42px;
}
.block-h-1 {
height: 96px;
}
.block-h-1.no-mar {
height: 108px;
}
.block-h-menu {
height: 58px;
}
.block-h-2 {
height: 204px;
}
.block-h-2.no-mar {
height: 216px;
}
.block-h-3 {
height: 312px;
}
.block-h-3.no-mar {
height: 324px;
}
.block-h-4 {
height: 420px;
}
.block-h-4.no-mar {
height: 432px;
}
.block-inner {
padding: 10px;
position: relative;
}
.blocks-same-height-wrapper {
margin: 6px -6px;
padding: 6px 0;
}
.blocks-same-height {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 12px;
margin: -18px 0;
}
.blocks-same-height > .block-1,
.blocks-same-height > .block-2,
.blocks-same-height > .block-3,
.blocks-same-height > .block-4,
.blocks-same-height > .block-5,
.blocks-same-height > .block-6,
.blocks-same-height > .block-7,
.blocks-same-height > .block-8,
.blocks-same-height > .block-full {
display: table-cell;
float: none;
vertical-align: top;
}
.eat-margins {
margin: -10px;
}
.eat-outer-margins {
margin: 0 -6px;
}
.eat-margins img {
display: block;
}
.eat-pd-vt {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tbl-bottom {
display: table;
border-collapse: collapse;
margin: 0;
width: 100%;
}
.tbl-bottom .tbl-td {
display: table-cell;
vertical-align: bottom;
padding: 0;
}
.move-left {
position: relative;
left: -10px;
}
.move-right {
position: relative;
left: 10px;
}
.eat-left {
margin-left: -10px;
}
.eat-right {
margin-right: -10px;
}
.sub-menu {
padding-top: 10px;
}
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth, .seven-ninth, .two-ninth {
float: left;
margin: 0 4% 0 0;
}
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fifth.last, .two-fifth.last, .three-fifth.last, .four-fifth.last, .one-sixth.last, .five-sixth.last,
.two-ninth.last, .seven-ninth.last {
margin-right: 0;
}
.one-half {
width: 48%;
}
.one-third {
width: 30.66%;
}
.two-third {
width: 65.33%;
}
.one-fourth {
width: 22%;
}
.three-fourth {
width: 74%;
}
.one-fifth {
width: 16.8%;
}
.two-fifth {
width: 37.6%;
}
.three-fifth {
width: 58.4%;
}
.four-fifth {
width: 79.2%;
}
.one-sixth {
width: 13.33%;
}
.five-sixth {
width: 82.66%;
}
.seven-ninth {
width: 75.77%;
}
.two-ninth {
width: 20.22%;
}
header {
font-size: 1em;
font-size: 1rem;
}
body.ru header {
font-size: 0.9286rem;
}
#preHeader {
font-size: 0.95em;
font-size: 0.95rem;
line-height: 1.46;
margin-top: 0;
}
#preHeader a {
padding: 2px 6px;
color: #727272;
background-color: #EBEBEB;
display: block;
}
#preHeader a.selected {
color: #FFFFFF;
background-color: #B2B2B2;
}
#preHeader a:hover {
background-color: #FD6A00;
color: #FFFFFF;
}
.linksBar,
.languageList,
.languageList li {
float: left;
}
#onlineDemos {
display: none;
}
#onlineDemos select {
width: 100%;
}
.utilityBar {
float: right;
position: relative;
}
.linksBar a,
.contact, .mail {
float: left;
margin-right: 1px;
}
#preHeader .utilityBar a.contact {
padding: 2px 9px;
width: 26px;
position: relative;
}
.contact svg {
position: absolute;
left: 9px;
top: 0px;
}
.mail:hover polygon,
.contact:hover path {
fill: #fff;
}
#logo-pane > div:first-child {
background-image: url(/images/metro/header_heads_144.png);
}
#logo-pane > div {
background-image: url(/images/metro/header_logobox_144.png);
background-size: auto 100%;
background-repeat: no-repeat;
}
#logo-pane a {
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
.block-header {
overflow: auto;
}
.block-logo {
overflow: hidden;
}
.blocks-same-height .block-logo {
vertical-align: middle;
}
.blocks-same-height .block-logo svg {
height: inherit;
}
.primary-menu a {
color: #101010;
height: 100%;
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
.primary-menu a.selected {
background-color: #FD6A00;
}
.primary-menu > li > a {
background-color: #CE191F;
color: #FFF;
}
.primary-menu a.selected,
.primary-menu > li > a:hover,
.primary-menu > li.omHover > a {
background-color: #FD6A00;
-webkit-transition: color 0.25s;
-moz-transition: color 0.25s;
transition: color 0.25s;
}
.primary-menu li > a span {
text-overflow: ellipsis;
overflow: hidden;
}
.primary-menu > li > a > span {
position: absolute;
left: 6px;
bottom: 6px;
font-weight: bold;
font-size: 1.071em;
font-size: 1.071rem;
}
body.ru .primary-menu > li > a > span {
font-size: 1em;
font-size: 1rem;
}
.primary-menu ul.sub-menu {
display: none;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 500;
margin: 0;
}
.primary-menu ul.sub-menu > li > div {
z-index: 500;
padding: 0 0 1.88em 0;
padding: 0 0 1.88rem 0;
-webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.4);
box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.4);
background-color: #FFF;
opacity: 0.92;
}
.no-touch .primary-menu li:hover ul.sub-menu {
display: block;
visibility: visible;
}
.primary-menu > li:last-child > ul.sub-menu {
left: auto;
right: 0;
}
.primary-menu div {
font-size: 1em;
font-size: 1.071rem;
line-height: 1.25;
white-space: nowrap;
}
body.ru .primary-menu div {
font-size: 1em;
font-size: 0.9286rem;
}
.primary-menu div a:hover {
color: #FD6A00;
}
.primary-menu div.alt-text {
color: #FFF;
background-color: #FD6A00;
position: relative;
margin: 0;
margin-bottom: 1.4em;
margin-bottom: 1.4rem;
padding: 0.3em 0.8em;
padding: 0.3rem 0.8rem;
font-size: 1em;
font-size: 1rem;
font-weight: normal;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-style: italic;
}
.primary-menu div li a {
font-weight: normal;
}
.primary-menu div p {
margin: 0;
background: 0% 55% no-repeat;
background-size: 15px 15px;
}
.primary-menu div p:not(:first-child) {
margin-top: 0.75em;
margin-top: 0.75rem;
}
.primary-menu div li,
.primary-menu div .icon {
padding-left: 25px;
}
.primary-menu div p a {
font-weight: bold;
}
.primary-menu div.column {
width: auto;
display: table-cell;
padding: 0 0.30em 0 1.88em;
padding: 0 0.30rem 0 1.88rem;
}
.primary-menu div.column:last-child {
padding-right: 1.88em;
padding-right: 1.88rem;
}
#logo-pane-small {
display: none;
margin-top: 6px;
margin-bottom: 0px;
}
#logo-pane-small .logo {
width: 78px;
height: 78px;
background: url(/images/metro/header_heads_144.png) no-repeat;
background-size: 100% auto;
float: left;
}
#logo-pane-small .logo > a {
position: relative;
top: 3px;
left: 3px;
height: 72px;
width: 72px;
display: block;
}
#logo-pane-small .homeWrapper {
margin-left: 84px;
height: 78px;
background: #CE191F url(/images/metro/BGVerlaufRot.png) repeat-y;
position: relative;
}
#logo-pane-small .homeWrapper a {
position: absolute;
bottom: 0;
left: 6px;
height: 29px;
width: 140px;
display: block;
background: url(/images/metro/tecitlogo.png) no-repeat;
}
.primary-menu-select {
padding: 6px;
background: #CE191F url(/images/metro/BGVerlaufRot.png) repeat-y;
}
.nav-path li {
display: inline;
padding-left: 6px;
padding-right: 5px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAIAAABrW6giAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABOSURBVBhXY7hw5sGr9yDw9etXhqOrVm85dgvI//btG8PBlcuXL1+xbu+Vx2/fMRxZBebsufTyy1cgZ/XmozeAykB6zpy4DWR9+vQJaAYAFnA8ECx/ZfkAAAAASUVORK5CYII=') no-repeat 0 center;
}
.nav-path a {
color: #A2A2A2;
vertical-align: bottom;
}
.nav-path a:hover {
text-decoration: underline;
}
div.footer {
font-size: 1em;
font-size: 1rem;
}
div.footer, .news-item-text .date {
color: #DBDBDB;
}
.footer .block-3 {
margin-top: 0;
margin-bottom: 0;
}
.footer a
{
color: #90b9d5;
}
.footer a:hover, .footer .sub-footer a:hover {
color: #FD6A00;
}
.footer h3 {
font-size: 1.2em;
font-size: 1.2rem;
font-weight: bold;
line-height: 140%;
margin: 12px 0;
color: #FFFFFF;
}
.footer h4 {
font-size: 1em;
font-size: 1rem;
font-weight: bold;
line-height: 1;
margin: 0 0 12px 0;
color: #FFFFFF;
}
.footer p {
margin: 16px 0;
}
.footer p:last-child {
}
.sub-footer {
margin-top: -1px;
}
.sub-footer,
.footer .sub-footer a {
font-size: 0.9em;
font-size: 0.8rem;
line-height: 21px;
color: #B2B2B2;
}
.sub-footer-column-2 {
text-align: center;
}
.sub-footer-column-3 {
text-align: right;
}
.sub-footer-divider {
height: 1px;
overflow: hidden;
opacity: 0.3;
margin: 0 16px;
background-color: #DBDBDB;
}
.news-item {
margin: 6px 0 9px 0;
display: table;
border-collapse: collapse;
width: 100%;
}
.news-item:last-child {
margin-bottom: 0;
}
.news-item-text {
display: table-cell;
vertical-align: bottom;
}
.news-item-text .date {
font-style: italic;
font-size: 0.85em;
font-size: 0.85rem;
margin-top: 0.25em;
}
.social {
display: inline-block;
width: 24px;
height: 24px;
opacity: 0.15;
margin: 0 0 0 6px;
vertical-align: middle;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
background-image: url(/images/metro/sprite.png);
}
.social:hover {
opacity: 0.4;
}
.social.color-light {
opacity: 0.3;
}
.social.color-light:hover {
opacity: 0.7;
}
.social.color-light.twitter {
background-position: -0px -0px;
}
.social.color-light.facebook {
background-position: -24px -0px;
}
.social.color-light.linkedin {
background-position: -48px -0px;
}
.social.color-light.rss {
background-position: -72px -0px;
}
.social.color-light.google {
background-position: -96px -0px;
}
.social.color-light.youtube {
background-position: -120px -0px;
}
.social.color-light.newsletter {
background-position: -0px -24px;
}
.footer a.social {
font-size: 0;
}
::-webkit-scrollbar {
width: 13px;
height: 13px;
border: 1px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
background-color: #f0f0f0;
}
::-webkit-scrollbar-thumb {
background-color: #CCCCCC;
border: 1px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
background-color: #B2B2B2;
}
::-webkit-scrollbar-thumb:active {
background-color: #727272;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
a,
.boxUL li {
-webkit-transition: color 0.3s, background 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, background 0.3s, box-shadow 0.3s;
transition: color 0.3s, background 0.3s, box-shadow 0.3s;
}
.cookieConsent {
display: none;
position:fixed;
left: 0;
right: 0;
bottom:0;
color: #FFF;
background-color: #3C4664;
z-index: 10000;
box-shadow: 0px -0px 2px 0px #BCE;
opacity: 0.98;
}
.cookieConsent a {
color: #FFF;
text-decoration: underline;
}
.cookieConsentContent {
position: relative;
text-align: center;
min-height: 7rem;
}
.cookieConsentContent span {
vertical-align: middle;
display: inline-block;
text-align: left;
margin: 15px;
margin: 1rem 0.75rem;
line-height: 1.3;
}
.cookieConsentText {
max-width: 830px;
font-size: 0.89em;
font-size: 0.89rem;
}
.cookieConsentText a:hover {
color: #FD6A00;
}
.cookieConsentButtons a {
cursor: pointer;
margin-left: 10px;
padding: 4px 20px;
border: 1px solid #FFF;
color: #FFF;
background-color: #CE191F;
text-decoration: none;
white-space: nowrap;
font-weight: bold;
font-size: 1.2rem;
}
.cookieConsentButtons a:visited {
text-decoration: none;
}
.cookieConsentButtons a:hover {
background-color: #FD6A00;
}
.cookieAccept {
}
.cookieRefuse {
display: none;
}
.serviceNotice {
top: 0;
left: 0;
right: 0;
background-color: #FD6A00;
color: #FFF;
z-index: 10000;
opacity: 0.98;
}
.serviceNotice a {
color: #FFF;
text-decoration: underline;
}
.serviceNoticeContent {
position: relative;
text-align: center;
}
.serviceNoticeContent span {
vertical-align: middle;
display: inline-block;
text-align: left;
margin: 5px 10px;
line-height: 1.3;
}
.serviceNoticeContent .icon {
font-size: 200%;
padding-right: 0.6rem;
}
.serviceNoticeText {
max-width: 840px;
font-size: 0.9em;
font-size: 0.9rem;
}
body.iframe.noEdit {
overflow: hidden;
}
.iframe.noEdit .block-full,
.iframe.noEdit .Plain {
margin: 0;
}
.iframe:not(.noEdit) .Plain {
width: 30%;
}
.iframe.noEdit .bg-color-main {
box-shadow: none;
}
.iframe.noEdit .nav-path,
.iframe.noEdit .edit {
display: none;
}
.iframe.noEdit .content-without-sidebar > .inbetween > .block-inner {
padding-bottom: 0;
}
.iframe.noEdit .post-small.post-big-thumb {
margin-bottom: auto;
}
.terms,
.credits {
font-size: 0.9em;
font-size: 0.9rem;
color: #B2B2B2;
}
img {
max-width: 100%;
height: auto;
}
.video-embed,
.video-embed-ni {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.video-embed .cookieConsent:hover {
background-image: none !important;
transition: all 0.4s linear !important;
}
.video-embed .cookieConsent:hover .cookieConsentContent {
visibility: visible !important;
opacity: 1 !important;
transition: all 0.4s linear !important;
}
.video-embed .cookieConsentContent {
padding: 1rem;
font-size: 1rem;
text-align: center !important;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
min-height: initial;
}
.video-embed .cookieConsentContent .icon {
font-size: 200%;
display: table-cell;
padding-right: 1rem;
}
.video-embed .cookieConsentVideoHint {
line-height: 1.25;
font-weight: bold;
margin: 0.25rem 0;
}
.video-embed .cookieConsentText {
margin: 0.5rem 0;
display: block;
font-size: 0.8rem;
line-height: 1rem;
text-align: justify;
}
.video-embed .cookieConsentButtons {
margin: 0;
margin-top: 0.75rem;
}
.video-embed .cookieConsentButtons a {
font-size: 1rem;
margin: 0;
padding: 0.25rem 1rem;
}
.video-embed iframe,
.video-embed object,
.video-embed embed,
.video-embed video,
.video-embed .cookieConsent {
position: absolute;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
z-index: 490;
}
.video-embed-ni iframe,
.video-embed-ni object,
.video-embed-ni embed,
.video-embed-ni video,
.video-embed .cookieConsent {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 490;
}
.playVideo {
cursor: pointer;
}
.button, a.button {
display: inline-block !important;
border: 0 !important;
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))) !important;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
line-height: 18px !important;
padding: 7px 12px;
margin: 8px 5px 8px 0 !important;
-webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
-moz-transition: background-color 0.3s, -moz-box-shadow 0.3s;
-ms-transition: background-color 0.3s, box-shadow 0.3s;
-o-transition: background-color 0.3s, box-shadow 0.3s;
transition: background-color 0.3s, box-shadow 0.3s;
text-decoration: none !important;
}
.button.text-bright,
a.button.text-bright {
background-color: #CE191F !important;
color: #ffffff !important;
}
.button.text-dark,
a.button.text-dark {
}
.button.single-color {
background-color: #CE191F !important;
color: #ffffff !important;
}
.button.single-color:hover,
a.button.single-color:hover,
a.button.text-bright:hover,
.widgets-area .button.single-color.buy:hover,
.widgets-area .button.single-color.letter:hover {
background-color: #FD6A00 !important;
}
.button.single-color:disabled,
a.button.single-color:disabled {
background-color: #AAA !important;
}
.button p,
a.button p {
margin: 0;
}
.button.size-mini,
a.button.size-mini {
padding: 1px 6px;
font-size: 90%;
}
.button.size-small,
a.button.size-small {
padding: 4px 8px;
}
.button.size-large,
a.button.size-large {
line-height: 22px !important;
padding: 12px 12px;
font-size: 110% !important;
}
.button.size-xlarge,
a.button.size-xlarge {
padding: 16px;
margin: 12px 0 !important;
}
.button.size-xlarge .button-title,
a.button.size-xlarge .button-title {
display: block !important;
margin-top: 3px !important;
margin-bottom: 8px !important;
font-size: 1.77em;
font-size: 1.77rem;
}
.button.size-xlarge .button-text,
a.button.size-xlarge .button-text {
font-size: 0.9em !important;
font-size: 0.9rem !important;
}
.button.eval {
background: url(/images/metro/download_white.png) no-repeat !important;
}
.button.buy {
background: url(/images/metro/buy_white.png) no-repeat !important;
}
.button.letter {
background: url(/images/metro/mail_white.png) no-repeat !important;
}
.button.forward {
background: url(/images/metro/forward_white.png) no-repeat !important;
}
.button.info {
background: url(/images/metro/info_white.png) no-repeat !important;
}
.button.size-medium.icon {
padding-left: 40px;
background-size: 20px 20px !important;
background-position: 10px center !important;
}
.button.size-large.icon {
padding-left: 50px;
background-size: 25px 25px !important;
background-position: 15px center !important;
}
.button.size-xlarge.icon {
padding-right: 24px;
padding-left: 90px;
background-size: 39px 39px !important;
background-position: 25px center !important;
}
.spinner {
margin: 6px 12px;
width: 48px;
height: 48px;
border: 5px solid #DDD;
border-bottom-color: #CE191F;
border-radius: 50%;
display: none;
box-sizing: border-box;
animation: rotation 1.3s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.menuButton {
position: relative;
}
.menuButton .button {
display: block !important;
}
.menuButton .button:not(.showonhover) {
cursor: pointer;
}
.menuButton .menu {
display: none;
background-color: #fff;
color: #000;
box-shadow: 2px 2px 9px 1px #808080;
position: absolute;
width: 100%;
padding: 30px;
box-sizing: border-box;
z-index: 10010;
}
.menuButton .menu.showAbove {
bottom: 100%;
}
.menuButton .menu.showBelow {
top: 100%;
}
.menuButton .menu > span {
display: block;
font-weight: bold;
font-size: 1.4em;
font-size: 1.4rem;
margin-bottom: 1em;
}
.menuButton .menu a {
display: block;
color: #000 !important;
text-decoration: none;
font-size: 1.4em;
font-size: 1.4rem;
line-height: 30px;
margin-bottom: 1em;
padding-left: 45px;
position: relative;
transition: none;
}
.menuButton .menu a:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 30px;
background-position: 0 50%;
background-repeat: no-repeat;
background-size: contain;
}
.menuButton .menu a.windows:before {
background-image: url(/images/metro/windows.png);
}
.menuButton .menu a.windows:hover:before {
background-image: url(/images/metro/windows_hover.png);
}
.menuButton .menu a.mac:before {
background-image: url(/images/metro/mac.png);
}
.menuButton .menu a.mac:hover:before {
background-image: url(/images/metro/mac_hover.png);
}
.menuButton .menu a.linux:before {
background-image: url(/images/metro/linux.png);
}
.menuButton .menu a.linux:hover:before {
background-image: url(/images/metro/linux_hover.png);
}
.menuButton .menu a.android:before {
background-image: url(/images/metro/android.png);
}
.menuButton .menu a.android:hover:before {
background-image: url(/images/metro/android_hover.png);
}
.menuButton .menu a.chrome:before {
background-image: url(/images/metro/chrome.png);
}
.menuButton .menu a.chrome:hover:before {
background-image: url(/images/metro/chrome_hover.png);
}
.menuButton .menu a.office:before {
background-image: url(/images/metro/office.png);
}
.menuButton .menu a.office:hover:before {
background-image: url(/images/metro/office_hover.png);
}
.menuButton .menu a.keyboard:before {
background-image: url(/images/metro/keyboard.png);
}
.menuButton .menu a.keyboard:hover:before {
background-image: url(/images/metro/keyboard_hover.png);
}
.menuButton .menu a.googlesheets:before {
background-image: url(/images/metro/googlesheets.png);
}
.menuButton .menu a.googlesheets:hover:before {
background-image: url(/images/metro/googlesheets_hover.png);
}
.menuButton .menu a.excel:before {
background-image: url(/images/metro/excel.png);
}
.menuButton .menu a.excel:hover:before {
background-image: url(/images/metro/excel_hover.png);
}
.menuButton .menu a.word:before {
background-image: url(/images/metro/word.png);
}
.menuButton .menu a.word:hover:before {
background-image: url(/images/metro/word_hover.png);
}
.menuButton .menu a.database:before {
background-image: url(/images/metro/database.png);
}
.menuButton .menu a.keyboard:hover:before {
background-image: url(/images/metro/database_hover.png);
}
.menuButton .menu a.windows-mac:before {
background-image: url(/images/metro/windows-mac.png);
}
.menuButton .menu a.windows-mac:hover:before {
background-image: url(/images/metro/windows-mac_hover.png);
}
.menuButton .menu a:last-of-type {
margin-bottom: 0;
}
.menuButton .menu a:hover {
color: #FD6A00 !important;
}
.menuButton .marketlinkMenu > div {
margin: 2em;
}
.menuButton .marketlinkMenu {
padding: 0;
}
.menuButton .menu .marketlink {
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
.menuButton .marketlinkMenu a {
display: block;
text-decoration: none;
position: relative;
transition: none;
}
.menuButton .menu .marketlink a {
margin: 0;
padding: 0;
line-height: 1.3;
font-size: 1.2em;
font-size: 1.2rem;
}
.menuButton .menu .marketlink a:before,
.menuButton .menu .marketlink a:hover:before {
background: none;
content: '';
}
.menuButton .menu .marketlink .android {
overflow: hidden;
background: url(https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png) no-repeat center;
height: 60px;
background-size: 222px;
}
.menuButton .menu .marketlink .ios {
overflow: hidden;
background: url(https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us) no-repeat center;
height: 60px;
background-size: 196px;
}
.menuButton .menu .marketlink .chrome {
overflow: hidden;
background: url(/images/badges/ChromeWebStore_small.png) no-repeat center;
height: 58px;
background-size: 206px;
}
.menuButton .menu .marketlink .appsource {
overflow: hidden;
background: url(/images/badges/MicrosoftAppSource_small.png) no-repeat center;
height: 58px;
background-size: 206px;
}
.menuButton .menu .marketlink .qrcodeButton span {
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.menuButton .menu .qrcode {
cursor: pointer;
display: none;
position: absolute;
z-index: 1000;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url("data:image/svg+xml;utf8,<svg fill='#000000' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'> <path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/> <path d='M0 0h24v24H0z' fill='none'/> </svg>") no-repeat 95% 5%;
background-color: #fff;
}
.menuButton .menu .qrcode img {
position: absolute;
left: 30px;
top: 30px;
right: 30px;
bottom: 30px;
max-width: 80%;
max-height: 80%;
margin: auto;
}
.left {
float: left;
margin-right: 16px;
margin-top: 4px;
margin-bottom: 11px;
}
.right {
float: right;
margin-top: 4px;
margin-left: 16px;
margin-bottom: 11px;
}
.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
blockquote {
margin: 16px 0;
padding: 0 32px 0 36px;
position: relative;
font-size: 110%;
line-height: 140%;
font-style: italic;
}
blockquote:before {
content: '\201C';
position: absolute;
top: 10px;
left: 0;
font-size: 320%;
font-style: normal;
}
blockquote:after {
content: '\201E';
position: absolute;
bottom: 13px;
right: 0;
font-size: 320%;
font-style: normal;
}
blockquote p {
margin: 16px 0 0 0;
}
blockquote p:first-of-type {
margin: 0;
}
.pullquote {
margin: 16px 0;
}
.pullquote.border-left {
border-left: 2px solid;
padding: 0 0 0 18px;
}
.marker {
padding: 1px 0.3em;
margin-top: -2px;
margin-bottom: -1px;
background-color: #3BAAE4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
}
.tooltip {
position: absolute;
background: #fff;
border: 1px solid #ccc;
padding: 6px 8px;
display: none;
opacity: 0;
margin-top: -15px;
width: 120px;
margin-left: -69px;
font-size: 90%;
line-height: 130%;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
text-align: center;
z-index: 999;
}
.category {
padding: 0.5em 0 0 0.4em;
padding: 0.5rem 0 0 0.45rem;
min-height: 3.15em;
min-height: 3.15rem;
_border: 1px solid red;
}
.category a {
color: #231b06;
text-decoration: none;
}
.category img {
margin: 0.4em 0.7em 0 0;
margin: 0.4rem 0.95rem 0 0;
width: 40px;
height: auto;
}
.category h2 {
font-size: 1.30em;
font-size: 1.44rem;
margin: 0;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.ru .category h2 {
line-height: 1.35;
}
body.it .category h2 {
font-size: 1.36rem;
line-height: 1.26;
}
.category span {
display: inline-block;
font-size: 1.20em;
font-size: 1.23rem;
margin-top: 0.3em;
margin-top: 0.33rem;
line-height: 1;
}
.Subtopic .block-inner > a {
color: inherit;
}
.Subtopic div.Menu p {
min-height: 4.5em;
min-height: 4.5rem;
}
.Subtopic img {
width: 41px;
margin: 0 0 1rem 1rem;
opacity: 0.55;
}
.post {
margin: 36px 0 46px 0;
}
.post-title h2 {
margin-top: 0;
margin-bottom: 10px;
}
.post-title h3 {
font-size: 1.367em;
font-size: 1.367rem;
}
.post-pic img {
max-width: 100%;
height: auto;
display: block;
}
.post-pic a {
display: block;
}
.post-pic img {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.post-pic img:hover {
opacity: 0.8;
}
.ContentBlock .post-pic img:hover {
opacity: inherit;
}
.post-read-more {
font-size: 90%;
margin-bottom: -3px;
}
.post-tbl-wrapper {
position: relative;
}
.post-tbl {
display: table;
border-collapse: collapse;
width: 100%;
table-layout: fixed;
}
.post-categories
{
display: inline-block;
margin-bottom: 6px;
margin-right: 12px;
color: #A2A2A2;
font-size: 110%;
_font-style: italic;
_line-height: 100%;
}
.post-categories > span {
font-weight: bold;
color: #CE191F;
}
.post-categories .label
{
font-weight: bold;
}
.post-categories a
{
color: inherit;
text-decoration: none;
}
.post-title-comment,
.post-title-link {
font-size: 90%;
margin-top: 0;
}
.post-title-link {
background: url(/App_Themes/Standard/Common/img/link.png) no-repeat left center;
padding-left: 24px;
}
.block-3 .post-title-link {
width: 250px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post-text p:first-child {
margin-top: -0.33rem;
}
.post-text p {
margin-bottom: 0;
}
.post-big {
position: relative;
}
.post.post-big {
_margin-bottom: 50px;
}
.ContentBlock.post-big {
margin-bottom: 18px;
padding-bottom: 18px;
}
.ContentBlock.post-big.toggle {
margin-top: 0;
margin-bottom: 18px !important;
}
.ContentBlock.post-big.toggle h2 {
margin: 0;
margin-top: -0.21em;
font-weight: normal;
}
.ContentBlock .toggle-title.expanded {
background-color: rgba(0,0,0,0.035);
}
.ContentBlock.post-big.toggle .expanded h2 {
}
div.ContentBlock.post-big:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.post-big .post-title-comment,
.post-big .post-title-link {
margin-bottom: 4px;
}
.post-big .post-pic {
display: table-cell;
padding: 0;
float: none;
}
.post-big .post-pic > .block-3,
.post-big .post-pic > .block-2 {
float: none;
}
.post-big .post-pic .block-inner {
padding: 0;
}
.post-big .post-data {
display: table-cell;
padding: 0;
vertical-align: top;
}
.post-big .post-head {
display: table;
width: 100%;
margin-bottom: 22px;
}
.post-big .post-date {
display: table-cell;
float: none;
vertical-align: bottom;
color: #fff;
position: relative;
background-color: #CE191F;
}
.post-big .float-right {
float: right;
display: inherit;
}
.post-big .float-left {
float: left;
display: inherit;
}
.post-big .post-date-inner {
display: inline-block;
text-align: center;
font-size: 140%;
text-transform: uppercase;
line-height: 100%;
}
.post-big .post-date-inner div {
font-size: 90%;
line-height: 100%;
padding-left: 1px;
}
.post-big .post-title {
display: table-cell;
vertical-align: top;
}
.post-big h2.post-title,
.post-big .post-title h2 {
margin: 12px 0 4px 0;
font-size: 165%;
line-height: 125%;
}
.post-big .post-title a {
color: inherit;
}
.post-big .post-title a:hover {
text-decoration: none;
}
.post-big .post-categories,
.post-big .post-tags,
.post-big .post-author,
.post-big .post-comments {
margin-bottom: 0;
}
.post-big .post-gallery-thumbs {
position: absolute;
top: -6px;
left: 308px;
right: -18px;
}
.post-big .post-gallery-thumbs .item a {
display: block;
}
.post-big .post-gallery-thumbs .item img {
display: block;
max-width: 100%;
height: auto;
}
.post-big .post-gallery-thumbs .block-inner {
padding-top: 0;
padding-left: 0;
}
.post-big.format-gallery .post-data {
padding-top: 108px;
}
.post-big .post-gallery-thumbs .pic-1 img,
.post-big .post-gallery-thumbs .pic-2 img,
.post-big .post-gallery-thumbs .pic-3 img {
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.post-big .post-gallery-thumbs .pic-1 img {
opacity: 0.9;
}
.post-big .post-gallery-thumbs .pic-2 img {
opacity: 0.6;
}
.post-big .post-gallery-thumbs .pic-3 img {
opacity: 0.4;
}
.post-big .post-gallery-thumbs .pic-1 img:hover,
.post-big .post-gallery-thumbs .pic-2 img:hover,
.post-big .post-gallery-thumbs .pic-3 img:hover {
opacity: 1;
}
.post-big .jp-container {
margin: 0;
}
.post-big .jp-jplayer img {
margin-bottom: -32px;
opacity: 1;
}
.post-small .post-title h3 {
line-height: 130%;
margin-bottom: 0.83em;
margin-bottom: 0.83rem;
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.post-small .post-title h3 a {
color: #231b06;
}
.post-small .post-date {
display: inline-block;
margin-right: 12px;
margin-bottom: 10px;
font-size: 90%;
font-style: italic;
}
.post-small .post-title-comment,
.post-small .post-title-link {
margin-top: -4px;
margin-bottom: 12px;
}
.post-small .post-pic {
margin-top: 5px;
float: left;
}
.post-small.thumbnail-right .post-pic {
float: right;
}
.post-small .post-pic .block-inner {
padding-top: 0;
padding-bottom: 0;
}
.post-small .post-pic .block-inner.move-left {
padding-right: 0;
}
.post-small .post-pic .block-inner.move-right {
padding-left: 0;
}
.post-small.thumbnail-right.min-height {
min-height: 12.25em;
min-height: 12.25rem;
}
.post-small.post-big-thumb {
margin-bottom: 32px;
}
.post-small.post-big-thumb h3 {
font-size: 160%;
margin-bottom: 0.5em;
}
.post-small .post-big-pic {
display: block;
position: relative;
text-decoration: none;
}
.post-small .post-big-pic-pic img {
display: block;
}
.post-small .post-big-pic-over {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity;
}
.post-small .post-big-pic-over {
background-color: #FD6A00;
}
.post-small .post-big-pic-text {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
color: #fff;
opacity: 0;
font-size: 160%;
line-height: 140%;
-webkit-transition: 0.3s opacity;
-moz-transition: 0.3s opacity;
transition: 0.3s opacity;
}
body.ru .post-small .post-big-pic-text {
font-size: 150%;
line-height: 130%;
}
.post-small .post-big-pic-text .cutted-link {
opacity: 0.5;
}
.post-small .post-big-pic-text .block-inner {
display: block;
position: relative;
margin-top: 100%;
-webkit-transition: 0.3s color;
-moz-transition: 0.3s color;
transition: 0.3s color;
}
.no-touch .post-small .post-big-pic:hover .post-big-pic-over {
filter: alpha(opacity=90);
opacity: 0.9;
}
.no-touch .post-small .post-big-pic:hover .post-big-pic-text {
filter: alpha(opacity=100);
opacity: 1;
}
.no-touch .post-small .post-big-pic:hover .post-big-pic-text .block-inner {
margin-top: 0;
}
.input-validation-error {
}
.input-validation-valid {
}
.field-validation-error {
color: #fff;
background-color: #CE191F;
padding: 0 2px;
}
.field-validation-warning {
color: #CE191F;
background-color: #FFF;
font-weight: bold;
padding: 0 2px;
}
.field-validation-info {
color: #333;
background-color: #FFF;
font-style: italic;
_font-weight: bold;
padding: 0 2px;
}
.field-validation-valid {
display: none;
}
.validation-summary-errors {
}
.validation-summary-valid {
}
.block-full.page-title > .block-inner,
.content-with-sidebar > .block-6 > .block-inner,
.content-without-sidebar > .inbetween > .block-inner {
padding-bottom: 36px;
}
.block-full.page-title .content-block p:last-of-type {
margin-bottom: 2px;
}
.page-h1 {
margin: 32px 0 0 0;
line-height: 140%;
font-weight: bold;
color: inherit;
}
.page-h1-divider {
margin: 0 -10px 32px;
padding: 0 10px 4px;
border-bottom: 1px solid #e8e7e7;
border-bottom-color: rgba(0,0,0,0.1);
}
hr {
margin: 16px -10px;
border: 0;
border-bottom: 1px solid #e8e7e7;
border-bottom-color: rgba(0,0,0,0.1);
height: 0;
overflow: hidden;
}
.title-small {
color: #1A1A1A;
margin: 48px 0 32px 0;
border-bottom: 1px solid #D2D2D2;
font-size: 106%;
}
.title-small + h2 {
margin-top: -8px;
}
.widget-header {
font-size: 1.4em;
font-size: 1.55rem;
line-height: 140%;
margin: -10px -10px 16px;
padding: 26px 10px 6px;
border-bottom: 1px solid transparent;
border-bottom-color: rgba(0,0,0,0.1);
font-weight: bold;
}
.footer .widget-header {
border-bottom: 0;
}
.post-widget {
margin: 12px 0 24px 0;
display: table;
border-collapse: collapse;
width: 100%;
}
.post-widget-pic {
display: table-cell;
float: none;
}
.post-widget-pic .inner {
position: relative;
left: -10px;
}
.post-widget-pic .block-inner {
padding-right: 0;
padding-bottom: 0;
}
.post-widget-pic img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.post-widget-pic img:hover {
opacity: 0.8;
}
.post-widget-text {
display: table-cell;
vertical-align: bottom;
}
.post-widget-text .date {
font-style: italic;
font-size: 85%;
margin-bottom: 2px;
}
.post-widget-text .title {
}
.widgets-area ul.directory,
.widgets-area ul {
list-style: none;
padding: 0;
margin: 16px 0;
}
.widgets-area > ul.directory li a:before {
content: none;
}
.widgets-area > ul.directory li,
.widgets-area > ul li {
background: url(/images/metro/li.png) no-repeat left 2px;
padding-left: 18px;
margin-bottom: 6px;
}
.widgets-area img {
max-width: 100%;
height: auto;
}
.widgets-area .button.size-xlarge,
.widgets-area a.button.size-xlarge {
display: block !important;
padding-right: 3px !important;
}
.widgets-area .button.single-color.buy,
.widgets-area .button.single-color.letter {
background-color: rgb(73,73,73) !important;
}
.sidebar {
overflow: hidden;
}
.flip-sidebar .content-with-sidebar {
position: relative;
left: 324px;
}
.flip-sidebar .sidebar {
position: relative;
left: -648px;
}
.sidebar > div:first-child .widget-header {
padding-top: 46px;
}
.sidebar span.label {
display: inline-block;
min-width: 5.5rem;
}
.big-slider-wrapper {
overflow: hidden;
}
.big-slider {
margin: -6px;
}
.big-slider-inner {
width: 999999px;
}
.big-slider-uber-inner {
float: left;
}
.big-slider-slide {
display: block;
text-align: center;
text-decoration: none;
color: inherit;
position: relative;
}
.big-slider-slide:hover {
text-decoration: none;
}
.big-slider-slide .after {
display: none;
}
.no-touch .big-slider-slide .after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
border: 6px solid rgba(255,255,255,0);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.no-touch .big-slider-slide:hover .after {
border-color: rgba(255,255,255,0.3);
}
.big-slider-slide .pic {
display: block;
overflow: hidden;
position: relative;
}
.big-slider-slide .pic img {
display: block;
max-height: 100%;
-webkit-transition: -webkit-transform 1.4s;
-moz-transition: -moz-transform 1.4s;
transition: transform 1.4s;
}
.big-slider-slide .pic-after {
display: none;
}
.mozilla.no-touch .big-slider-slide .pic-after {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: 0;
}
.mozilla.no-touch .big-slider-slide:hover .pic-after {
-moz-animation-duration: 2s;
-moz-animation-name: fadeInOut;
-moz-animation-iteration-count: infinite;
-moz-animation-delay: 0.6s;
animation-duration: 2s;
animation-name: fadeInOut;
animation-iteration-count: infinite;
animation-delay: 0.6s;
}
@-moz-keyframes fadeInOut {
from {
opacity: 0;
}
50% {
opacity: 0.35;
}
to {
opacity: 0;
}
}
@keyframes fadeInOut {
from {
opacity: 0;
}
50% {
opacity: 0.35;
}
to {
opacity: 0;
}
}
.big-slider-slide .pic .video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.big-slider-slide .pic .video iframe,
.big-slider-slide .pic .video object,
.big-slider-slide .pic .video embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.big-slider-slide.video-slide .pic {
z-index: 1;
}
.webkit.no-touch .big-slider-slide:hover .pic img {
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}
.mozilla.no-touch .big-slider-slide:hover .pic img {
-webkit-transform: scale(1.2,1.2) rotate(0.1deg);
-moz-transform: scale(1.2,1.2) rotate(0.1deg);
transform: scale(1.2,1.2) rotate(0.1deg);
}
.big-slider-slide .text-wrapper {
display: table;
width: 100%;
}
.big-slider-slide .text {
display: block;
display: table-cell;
width: 100%;
padding: 0 12px;
vertical-align: middle;
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s;
-moz-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.big-slider-slide .text .text-inner {
display: block;
position: relative;
}
.big-slider-slide .text .title {
display: block;
padding: 6px 0;
font-size: 18px;
line-height: 100%;
font-weight: bold;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
color: #898989;
}
.big-slider-slide:hover .text,
.big-slider-slide:hover .text .title {
color: #fff;
}
.big-slider-slide .text .text-text {
display: block;
position: relative;
}
.big-slider-control .control-left,
.big-slider-control .control-right {
float: left;
width: 8%;
height: 100%;
cursor: pointer;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.big-slider-control .control-right {
float: right;
}
.big-slider-control .control-left {
background: url(/images/metro/slider-controls.png) no-repeat 12px 6px;
}
.big-slider-control .control-left:hover {
background-position: 12px -144px;
}
.big-slider-control .control-right {
background: url(/images/metro/slider-controls.png) no-repeat -120px 6px;
}
.big-slider-control .control-right:hover {
background-position: -120px -144px;
}
.big-slider-control .control-seek {
float: left;
width: 82%;
height: 100%;
margin: 0 1%;
background: url(/images/metro/w1.png) repeat-x left 19px;
}
.touch .big-slider-control .control-seek {
display: none;
}
.big-slider-control .control-seek-box {
margin: 6px 0;
height: 31px;
width: 34px;
background: url(/images/metro/seek-box.png) repeat-x left -4px;
position: relative;
left: 0;
cursor: pointer;
}
.big-slider-control .control-seek-box-inner {
height: 100%;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.big-slider-control .control-seek:hover .control-seek-box {
}
.big-slider-control .control-seek:hover .control-seek-box.pressed,
.big-slider-control .control-seek-box.pressed {
}
.bg-color-slider {
background-color: #fafafa;
}
.big-slider {
color: #231b06;
}
.big-slider-slide .text .title {
color: #46360c;
}
.big-slider-slide:hover .text,
.big-slider-control .control-left:hover,
.big-slider-control .control-right:hover,
.big-slider-control .control-seek:hover .control-seek-box-inner,
.big-slider-control .control-seek-box.pressed .control-seek-box-inner {
background-color: #FD6A00;
}
.big-slider-slide:hover .text,
.big-slider-slide:hover .text .title {
color: #ffffff;
}
.homepage-blocks > .block-full > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-1 > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-2 > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-3 > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-4 > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-5 > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-6 > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-7 > .block-inner,
.homepage-blocks > .blocks-same-height-wrapper > .blocks-same-height > .block-8 > .block-inner {
padding-bottom: 36px;
}
.homepage-blocks .block-1 > p,
.homepage-blocks .block-2 > p,
.homepage-blocks .block-3 > p,
.homepage-blocks .block-4 > p,
.homepage-blocks .block-5 > p,
.homepage-blocks .block-6 > p,
.homepage-blocks .block-7 > p,
.homepage-blocks .block-8 > p,
.homepage-blocks .block-full > p {
margin: 0;
}
.homepage-blocks .block-1 > p > img,
.homepage-blocks .block-2 > p > img,
.homepage-blocks .block-3 > p > img,
.homepage-blocks .block-4 > p > img,
.homepage-blocks .block-5 > p > img,
.homepage-blocks .block-6 > p > img,
.homepage-blocks .block-7 > p > img,
.homepage-blocks .block-8 > p > img,
.homepage-blocks .block-full > p > img,
.homepage-blocks .block-1 > p > a > img,
.homepage-blocks .block-2 > p > a > img,
.homepage-blocks .block-3 > p > a > img,
.homepage-blocks .block-4 > p > a > img,
.homepage-blocks .block-5 > p > a > img,
.homepage-blocks .block-6 > p > a > img,
.homepage-blocks .block-7 > p > a > img,
.homepage-blocks .block-8 > p > a > img,
.homepage-blocks .block-full > p > a > img {
display: block;
}
.content-block {
overflow: hidden;
}
.content-block > div.center,
.content-block.eat-left {
margin-top: 16px;
margin-bottom: 32px;
overflow: hidden;
}
.Product .content-block,
.page-h1-divider + .content-block {
margin-bottom: 3px;
overflow: inherit;
}
.form fieldset,
.toggle {
border: 0px solid #c0c0c0;
}
.toggle {
margin: 24px 0;
}
.toggle-title {
display: block;
font-size: 115%;
line-height: 26px;
cursor: pointer;
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-ms-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
padding: 6px 12px 6px 40px;
background: url(/images/metro/toggle-control.png) no-repeat 13px 12px;
}
.toggle-title:hover {
background-color: rgba(0,0,0,0.035);
}
.toggle-title.expanded {
background-position: 13px -179px;
}
.toggle-inner {
display: none;
padding: 1px 12px 1px 40px;
}
.toggle-inner > div.item:first-child {
margin-top: 12px;
}
.tabs {
margin: 16px 0;
}
.tabs-control {
list-style: none;
display: table;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
}
.tabs-control li {
line-height: 130%;
display: table-cell;
border: 1px solid rgba(0,0,0,0.08);
border-bottom: 0;
font-size: 115%;
}
.tabs-control li a {
display: block;
padding: 11px 12px 8px;
color: inherit;
text-decoration: none;
background: rgba(0,0,0,0.02);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.04)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
border-bottom: 1px solid rgba(0,0,0,0.08);
-webkit-box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.5);
-moz-box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.5);
box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.5);
-webkit-transition: background-color 0.3s;
-moz-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.tabs-control li a:hover {
background-color: rgba(0,0,0,0.02);
}
.tabs-control li a.active, .tabs-control li a.active:hover {
position: relative;
z-index: 1;
border-color: transparent;
background: none;
}
.tabs-tabs {
border: 1px solid #eee;
border-color: rgba(0,0,0,0.1);
border-top: 0;
clear: left;
margin: 0;
position: relative;
}
.tabs-tabs > * {
display: none;
}
.tabs-tabs .tabs-tab {
display: none;
padding: 1px 12px;
}
.tabs-tabs .tabs-tab:after {
content: '';
clear: both;
height: 0;
overflow: hidden;
}
.tabs-tabs .tabs-tab:first-child {
display: block;
}
.tabs-control li a.active {
-webkit-box-shadow: inset 0 3px 0 0 #FD6A00;
-moz-box-shadow: inset 0 3px 0 0 #FD6A00;
box-shadow: inset 0 3px 0 0 #FD6A00;
}
.dropcap {
float: left;
margin: 0 5px 0 -0.08em;
_min-width: 0.7rem;
_text-align: center;
line-height: 100%;
}
.dropcap.with-bg-color {
padding: 0.11em 0.21em 0.2em;
-webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3);
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.dropcap.bgcolor-theme {
background-color: #BBB;
color: #fff;
}
.dropcap.bgcolor-theme.red {
background-color: #CE191F;
}
.biginfopane {
margin: 32px 0;
-webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3), 0 6px 0 -3px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3), 0 6px 0 -3px rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3), 0 6px 0 -3px rgba(0,0,0,0.15);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.15)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
background-color: #989898;
color: #fff;
}
.biginfopane.eat-left {
-webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3), 0 3px 0 0 rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3), 0 3px 0 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.3), 0 3px 0 0 rgba(0,0,0,0.15);
}
.biginfopane .inner {
display: table;
width: 100%;
}
.biginfopane .text-block {
display: table-cell;
vertical-align: middle;
padding: 26px 20px;
}
.biginfopane .text-block-title {
font-size: 165%;
line-height: 130%;
padding-bottom: 3px;
font-weight: bold;
}
.biginfopane .text-block.text-bright {
}
.biginfopane .text-block.text-dark {
}
.biginfopane .text-block p {
margin: 0;
}
.biginfopane .button-block {
padding: 26px 20px;
display: table-cell;
vertical-align: middle;
text-align: right;
}
.biginfopane .button-block a {
display: inline-block;
background: #e8e8e8;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #ffffff, endColorstr= #e5e5e5,GradientType=0 );
border: 1px solid #fff;
color: #828282;
text-decoration: none;
padding: 0 1em;
line-height: 40px;
font-size: 130%;
white-space: nowrap;
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.3);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.biginfopane .button-block a:hover {
background: #f5f5f5;
background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
background: linear-gradient(top, #ffffff 0%, #ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= #ffffff, endColorstr= #ebebeb,GradientType=0 );
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.3), 0 0 10px 0 rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.3), 0 0 10px 0 rgba(0, 0, 0, 0.4);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 0 0 1px rgba(0, 0, 0, 0.3), 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.biginfopane .button-block a:hover {
color: #FD6A00 !important;
}
.testimonials-block {
background: rgba(0,0,0,0.03);
margin-top: 16px;
margin-bottom: 32px;
position: relative;
}
.dark-panes-bg .testimonials-block {
background-color: rgba(255,255,255,0.1);
}
.testimonials-block:after {
content: '';
position: absolute;
left: 75%;
bottom: -26px;
border: 13px solid transparent;
border-left-color: #000;
border-top-color: #000;
opacity: 0.03;
}
.dark-panes-bg .testimonials-block:after {
border-left-color: #fff;
border-top-color: #fff;
opacity: 0.1;
}
.testimonials-block .item-inner {
display: table;
width: 100%;
border-spacing: 0;
}
.testimonials-block .item {
position: relative;
display: none;
}
.testimonials-block .item:first-child {
display: block;
}
.testimonials-block .item .name-qo,
.testimonials-block .item .pic,
.testimonials-block .item .text {
display: table-cell;
vertical-align: top;
float: none;
}
.testimonials-block .item .name-qo {
margin: 0;
}
.testimonials-block .item .name-qo-inner {
display: table;
width: 100%;
}
.testimonials-block .item .name {
display: table-cell;
vertical-align: top;
}
.testimonials-block .item .name-name {
font-size: 130%;
line-height: 125%;
}
.testimonials-block .item .name-name a {
color: inherit;
}
.testimonials-block .item .name-desc {
margin-top: 3px;
font-style: italic;
}
.testimonials-block .item .qo {
display: table-cell;
vertical-align: top;
text-align: right;
font-size: 500%;
line-height: 90%;
padding-left: 12px;
margin-bottom: -30px;
}
.testimonials-block .item .qo:before {
content: '\201C';
}
.testimonials-block .item .pic img {
display: block;
}
.content-with-sidebar .testimonials-block .item .pic .move-left,
.content-without-sidebar .testimonials-block .item .pic .move-left {
left: 0;
}
.testimonials-block .item .text {
font-style: italic;
font-size: 110%;
}
.content-with-sidebar .testimonials-block .item.no-pic .text .block-inner,
.content-without-sidebar .testimonials-block .item.no-pic .text .block-inner {
padding-left: 0;
}
.testimonials-block .controls {
position: absolute;
left: 10px;
bottom: 10px;
z-index: 10;
}
.testimonials-block .controls a {
font-family: Arial, sans-serif;
display: inline-block;
color: #fff;
width: 24px;
text-align: center;
height: 24px;
line-height: 24px;
text-decoration: none;
margin-right: 6px;
opacity: 0.5;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.testimonials-block .controls a:hover {
background-color: #FD6A00;
opacity: 1;
}
.testimonials-block.multi-items .name-qo .block-inner {
padding-bottom: 40px;
}
.testimonials-block .item .qo {
color: #FD6A00;
}
.testimonials-block .controls a {
background-color: #FD6A00;
}
.testimonials-block .item .name-desc {
color: #b5b5b5;
}
.testimonials-block.no-scroll {
background: none;
}
.testimonials-block.no-scroll:after {
display: none;
}
.testimonials-block.no-scroll .item {
display: block;
margin-bottom: 60px;
background: rgba(0,0,0,0.03);
position: relative;
}
.dark-panes-bg .testimonials-block.no-scroll .item {
background-color: rgba(255,255,255,0.1);
}
.testimonials-block.no-scroll .item:after {
content: '';
position: absolute;
left: 75%;
bottom: -26px;
border: 13px solid transparent;
border-left-color: #000;
border-top-color: #000;
opacity: 0.03;
}
.dark-panes-bg .testimonials-block.no-scroll .item:after {
border-left-color: #fff;
border-top-color: #fff;
opacity: 0.1;
}
.widgets-area .testimonials-block {
background: none;
margin-bottom: 16px;
}
.widgets-area .testimonials-block:after {
display: none;
}
.widgets-area .testimonials-block .item-inner,
.widgets-area .testimonials-block .item .name-qo,
.widgets-area .testimonials-block .item .pic,
.widgets-area .testimonials-block .item .text,
.widgets-area .testimonials-block .item .name-qo-inner,
.widgets-area .testimonials-block .item .name,
.widgets-area .testimonials-block .item .qo {
display: block;
width: auto;
}
.widgets-area .testimonials-block .item .qo {
text-align: left;
padding: 0;
position: relative;
top: 6px;
}
.widgets-area .testimonials-block .item .pic {
position: absolute;
top: 0;
right: 0;
width: 72px;
height: 72px;
}
.widgets-area .testimonials-block .item.with-pic .name-qo {
min-height: 72px;
padding-right: 84px;
}
.widgets-area .testimonials-block.multi-items .name-qo .block-inner {
padding-bottom: 3px;
}
.widgets-area .testimonials-block.multi-items .text {
padding-bottom: 34px;
}
.widgets-area .testimonials-block .item .name-qo .block-inner {
padding-top: 0;
}
.pricing-table-wrapper {
margin: 16px 0;
text-align: center;
}
.pricing-table {
display: inline-block;
}
.pricing-column {
list-style: none;
margin: 0 1px 0 0;
padding: 0;
float: left;
position: relative;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.pricing-column.hover:hover {
-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);
z-index: 1;
}
.pricing-column li {
white-space: nowrap;
text-align: center;
padding: 12px 6px;
background: rgba(0,0,0,0.01);
border-bottom: 1px dotted rgba(0,0,0,0.1);
}
.pricing-column li:nth-child(even) {
background: #f3f3f3;
background: rgba(0,0,0,0.04);
}
.pricing-column li.pricing-title {
font-weight: bold;
font-size: 110%;
padding: 6px;
color: #fff;
background-color: #CE191F;
}
.pricing-column li.pricing-price {
color: #555;
background-color: #DDD;
font-weight: bold;
font-size: 170%;
line-height: 120%;
}
.pricing-column .price-comment {
display: inline;
color: #333;
font-weight: normal;
font-size: 55%;
line-height: 120%;
}
.pricing-column .price-comment.pre {
display: block;
}
.pricing-column .price-comment.sub {
display: block;
margin-top: 0.25em;
font-size: 47.5%;
}
.pricing-column li .comment {
display: block;
font-weight: normal;
font-size: 80%;
_line-height: 120%;
}
.pricing-column .pricing-button .button.icon,
.pricing-column .pricing-button a.button.icon {
margin: 0 !important;
display: block !important;
text-align: center;
padding-left: 36px;
_padding-right: 8px;
}
.custom-table.style-1,
.custom-table-wrapper.style-1 table {
border-collapse: separate;
margin: 16px 0;
}
.custom-table.style-1 td,
.custom-table-wrapper.style-1 table td,
.custom-table.style-1 th,
.custom-table-wrapper.style-1 table th {
border: 0;
margin: 0;
padding: 0.6em 0.5em;
}
.custom-table.style-1 th,
.custom-table-wrapper.style-1 table th {
font-weight: bold;
padding: 0.8em 0.5em;
text-align: left;
}
.custom-table.style-1 td,
.custom-table-wrapper.style-1 table td {
background: #fafafa;
background-color: rgba(0, 0, 0, 0.01);
}
.custom-table.style-1 tr:nth-child(even) td,
.custom-table-wrapper.style-1 table tr:nth-child(even) td {
background: #f4f4f4;
background-color: rgba(0, 0, 0, 0.04);
}
.alignleft {
float: left;
margin: 0 16px 16px 0;
}
.alignright {
float: right;
margin: 0 0 16px 16px;
}
.aligncenter {
display: block;
margin: 16px auto;
}
.category a:hover, .post-small .post-title h3 a:hover, .Subtopic .block-inner > a:hover, .Product h2.post-title a:hover {
color: #FD6A00;
}
.same-height-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
margin-top: 3em;
margin-bottom: 2em;
}
.same-height-content {
box-sizing: border-box;
}
.same-height-content {
float: left;
color: #fff;
background-color: #999;
margin-right: 3em;
padding-bottom: 500em;
margin-bottom: -500em;
max-width: 200px;
}
.same-height-content:last-of-type {
margin-right: 0;
}
.same-height-content > div {
padding: 2em;
}
@media only screen and (max-width: 767px) {
.same-height-content {
float: none;
margin-right: 0;
margin-bottom: 2em;
padding-bottom: 0;
max-width: none;
}
.same-height-content:last-of-type {
margin-bottom: 0;
}
}
code,
samp {
font-size: 0.9em;
font-size: 0.9rem;
margin-top: 0.3em;
margin-bottom: 1em;
background: #EFE;
border: 1px solid #809080;
padding: 0.2em 0.3em 0.2em 0.5em;
}
pre {
font-size: 0.93em;
font-size: 0.93rem;
line-height: 1.2rem;
margin-top: 0.3em;
margin-bottom: 1em;
background-color: rgba(253, 180, 127, 0.05);
border: 1px solid rgba(253, 180, 127, 1);
padding: 0.2em 0.3em 0.2em 0.5em;
}
samp,
code {
border: 0px none;
display: block;
}
kbd {
font-family: "Source Sans Pro";
color: #282;
}
small {
font-size: 0.9em;
}
b {
font-weight: bold;
}
address {
color: red;
font-size: 24px;
font-weight: bold;
}
table th {
font-weight: bold;
_font-size: inherit;
text-align: left;
_background-color: #EBEBEB;
}
var {
font-style: normal;
font-weight: bold;
color: #484;
}
img {
border: none;
}
ul {
list-style-image: url('data:image/gif;base64,R0lGODlhBAAIAIAAANcwI////yH5BAEAAAEALAAAAAAEAAgAgNcwI////wIHjG+gyw2ICgA7');
}
ul.nostyle {
list-style-type: none;
list-style-image: none;
}
.Block ul {
margin: 0.5em 0em 1em 1.5em;
padding: 0;
}
ul ul,
.Block ul ul,
.Block ul ul ul {
margin-bottom: 0;
}
.Content ul ul,
.ContentBlock ul ul {
margin: 0 0 0.3em 0;
}
.ContentBlock .sitemap ul {
margin: inherit;
}
.Block ol {
margin: 0.5em 0em 1em 1.5em;
padding: 0;
}
.Product li,
.Block li {
padding: 0 0 0.5em 0.33em;
}
ul.directory li {
padding: 0;
}
ul.directory {
margin: 16px 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
ul.directory.inline li {
display: inline-block;
margin-right: 0.4em;
margin-right: 0.4rem;
}
ul.directory.inline li::after {
content: '|';
padding-left: 0.4em;
padding-left: 0.4rem;
}
ul.directory.inline li:last-child::after {
content: '';
padding-left: 0;
}
ul.directory.inline.arrow li::after {
content: '';
padding-left: 0;
}
ul.directory.inline.arrow li a::before {
content: '🡲';
font-size: 90%;
padding-right: 0.1em;
padding-right: 0.1rem;
}
ul li p,
ul li div.div-box,
ul li div.div-note {
margin-bottom: 0.66em;
}
ul li pre {
margin-top: 0.66em;
margin-bottom: 0.66em;
}
ul li > p {
margin-top: 0.015em;
}
dl {
margin: 0.5em 0em 1em 0em;
}
dt {
font-weight: bold;
margin-bottom: 0em;
}
dd {
margin: 0em 0em 1em 1.66em;
}
.gray {
color: Gray;
}
.gray a:link,
.gray a:visited {
color: #888;
}
.gray a:hover {
text-decoration: underline;
}
.smaller {
font-size: 0.9em;
}
.small {
font-size: 0.8em;
}
.reg {
font-size: 10px;
color: #B2B2B2;
}
.tm {
color: #B2B2B2;
}
.date {
color: #777;
margin-top: 0.25em;
}
.supred {
word-spacing: 14px;
color: #CE191F;
padding-left: 5px;
letter-spacing: 1px;
}
.smallred {
color: #CE191F;
font-size: 0.9em;
}
.boldred {
font-weight: bold;
color: #CE191F;
}
.prodname {
color: #333;
font-weight: bolder;
}
.prodname::before {
content: '«';
}
.prodname::after {
content: '»';
}
.red {
color: #CE191F;
}
.inversred {
background-color: #CE191F;
color: #FFF;
}
.noline {
border-bottom-style: none;
border-bottom-width: 0;
}
.line {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: #CE191F;
}
.shade {
background: #EAEAEA;
color: Black;
}
.gradient {
background: linear-gradient(to bottom right, #FFFFFF, #EAEAEA);
}
.noshade {
background: none;
}
.abstract {
font-weight: bold;
padding-top: 0.2em;
color: Black;
background: white;
padding-left: 0em;
}
div#BookmarkContainer1 a {
text-decoration: none;
}
div#BookmarkContainer1 {
padding-left: 10px;
width: 138px;
margin-top: 4px;
float: right;
font-size: 0.9em;
}
#Bookmark1_Link {
color: #CE191F;
}
.copyrightinfo {
color: #333;
text-align: center;
font-size: 9pt;
}
.sitemap {
margin-top: 1em;
padding-top: 1em;
}
.sitemap .links {
margin-left: 4.5em;
margin-left: 4.5rem;
}
.ContentBlock .sitemap ul,
.sitemap ul {
list-style: none;
margin: 1em 2em;
margin: 1rem 2rem;
margin-top: 0;
padding: 0;
}
.sitemap h2 {
font-size: 150% !important;
padding-left: 0.35em;
}
.sitemap h3 {
font-size: 130%;
min-height: 30px;
position: relative;
left: -2rem;
}
.sitemap h3 img {
float: left;
margin: 0 16px 0 0;
}
#Title .page-h1 {
margin: 0;
line-height: 115%;
}
#Title .page-h1 .sideTitle {
display: block;
font-size: 1.34em;
font-size: 1.34rem;
line-height: 110%;
}
#Title .tbl-td {
display: table-cell;
height: 74px;
}
#Title .tbl-td.has-image {
vertical-align: middle;
}
#Title .tbl-td.has-image:first-child {
width: 45px;
}
#Title div.has-image img {
max-width: initial;
margin-right: 1.12em;
margin-right: 1.12rem;
display: block;
}
.Plain,
.PIBlock,
.ImageBlock {
margin-bottom: 2.6em;
}
.Symbology {
margin-bottom: 3.4em;
}
span.dispnone {
display: none;
}
span.dispnone-edit {
background-color: #F0F0F0;
text-decoration: none;
}
p.download {
margin-top: 1.33em;
padding: 0.5em 0.66em 0.5em 0.66em;
background-color: #F2F2F2;
}
p.collapse:empty,
div.collapse:empty {
display: none;
}
.div50x1px {
height: 1px;
width: 50px;
display: block;
}
div.subtitle {
font-weight: normal;
margin-bottom: 1.25em;
margin-top: 0px;
padding: 3px 5px;
min-height: 90px;
}
div.image-left-repeat,
div.image-left,
div.image-center,
div.image-center-repeat {
display: block;
position: relative;
}
div.image-left-repeat {
background-repeat: repeat;
background-position: left;
}
div.image-left {
background-position: left;
background-repeat: no-repeat;
}
div.image-center {
background-position: center;
background-repeat: no-repeat;
}
div.image-center-repeat {
background-position: center;
background-repeat: repeat;
}
.Symbology h2 {
margin: 0px 0px 0px 0px;
padding: 2px 5px 9px 0px;
}
table {
text-align: left;
}
.tableBg1 {
background-color: #888;
}
.tdSmHd,
.tdSmCt {
font-size: 0.94em;
font-size: 0.94rem;
line-height: 1.5;
color: #333;
padding: 3px 6px 3px 6px;
}
.tdSmCt {
background-color: #FFF;
vertical-align: top;
}
.tdSmHd {
color: #222;
background-color: #F0F0F0;
text-align: center;
}
div.PIBlock table,
.tableBg1 {
border-collapse: separate;
border-spacing: 1px;
}
p.fallback {
background: #eee;
padding: 0.2em 0.5em 0.2em 0.5em;
font-size: 9pt;
margin-top: 2em;
}
.image-linkimg {
display: inline-block;
width: 100%;
}
.img-left {
margin-right: 1em;
margin-right: 1rem;
}
.img-right {
margin: 0.3em 0em 0.3em 1.2em;
margin: 0.3rem 0rem 0.3rem 1.2rem;
}
.Product .img-right,
.Block .img-right {
margin-right: 0.7em;
margin-right: 0.7rem;
}
.News .post-pic {
padding-right: 1em;
padding-right: 1rem;
}
.News .post-text h2:first-child,
.News .post-text h3:first-child {
margin-top: -0.25em;
}
.img-iconlink-left {
margin-top: -2px;
vertical-align: middle;
margin-right: 0.33em;
_margin-left: 0.25em;
}
.img-iconlink-right {
vertical-align: middle;
margin-right: 0;
margin-left: 0.4em;
}
.img-icon {
vertical-align: middle;
}
.img-linkarrow {
vertical-align: 1px;
margin-left: 0em;
margin-right: 0.3em;
}
.img-separator {
background-repeat: repeat-y;
background-position: 5px 20px;
}
.side-text {
text-align: left;
}
.side-text .p-list-item {
margin-top: 0em;
_margin-bottom: 0em;
}
.side-text img.img-icon {
margin-top: 0em;
margin-bottom: 1em;
}
.side-text .div-list {
font-size: 1.0em;
font-size: 1.0rem;
margin-top: 0em;
margin-bottom: 1em;
}
.side-text p.icon-caption {
font-size: 1.0em;
font-size: 1.0rem;
margin-bottom: 0.33em;
}
.side-text .div-list td {
padding-top: 0.33em;
}
.side-text h2 {
margin: 0px 0px 0.66em 0px;
padding: 0px;
border-bottom-style: none;
}
.Product .block-inner {
padding-top: 1.5em;
padding-bottom: 1em;
}
.Product .side-text {
padding-top: 0.25em;
}
.Product .side-text a.button.size-medium {
margin-top: 0.5em !important;
}
.Product .side-text h2 {
line-height: 125%;
padding-bottom: 0.33em;
border-bottom: 1px solid #e8e7e7;
border-bottom-color: rgba(0,0,0,0.1);
}
.PIBlock h2 {
font-size: 1.5em;
font-size: 1.5rem;
padding-bottom: 3px;
margin-top: 1.33em;
margin-bottom: 0.44em;
}
.PIBlock .side-text h2,
.PIBlock h2.top {
margin-top: 0;
margin-bottom: 0.5em;
}
.PIBlock .side-text .button {
margin-right: 0 !important;
}
.PIBlock h3.top {
margin-top: 0;
}
.Product h3,
.PIBlock h3 {
font-size: 1.2em;
font-size: 1.3rem;
margin-top: 1.33em;
margin-bottom: 0.44em;
}
.PIBlock > .side-text {
text-align: right;
_vertical-align: top;
}
.PIBlock > .content {
_vertical-align: top;
}
div.ImageBlock .side-text img {
margin-top: 0.5em;
}
.bg-separator {
background-image: url(/images/bg/separator.gif);
}
.column {
_font-size: 10pt;
}
.column small,
.column p.linkgroup {
font-size: 0.9em;
font-size: 0.9rem;
}
.column h1 {
font-size: 1.3em;
font-size: 1.3rem;
margin-bottom: 1em;
margin-top: 0.2em;
text-transform: uppercase;
color: #2A3282;
}
.column h2,
.column h3 {
font-size: 1.15em;
font-size: 1.15rem;
}
.column h2 {
margin: 2em 0 0.35em 0;
}
.column h1.es {
text-transform: none;
height: 2.2em;
}
.column p {
margin-bottom: 0.45em;
}
.column p.overview {
margin: 0em;
padding: 0.4em;
border: 1px none #CE191F;
background-color: #f0f0f0;
}
.column p.linklist {
font-size: 0.9em;
font-size: 0.9rem;
_line-height: 1.4em;
margin-left: 0px;
}
.column p.overview a,
.column h2 a {
display: block;
padding-left: 12px;
background-image: url(/images/bigarrow.gif);
background-position: left center;
background-repeat: no-repeat;
}
table.column td.column {
padding: 0 1.5em 0 1.5em;
border-right: 1px dotted gray;
}
table.column td.lastcol {
border-right: none;
}
.download-description {
padding: 0.1em 0em 0.25em 0em;
font-style: normal;
__color: gray;
font-size: 0.9em;
}
td.download {
__height: 33px;
__font-size: 10pt;
vertical-align: middle;
}
td.download-icon {
__height: 33px;
text-align: left;
vertical-align: middle;
}
.custom-table-wrapper.style-1 td.download-icon {
_padding: 0 0.6em;
}
#download .custom-table-wrapper.style-1 {
margin-bottom: 2.75em;
margin-bottom: 2.75rem;
}
.div-list {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.p-list-item {
margin-top: 0.25em;
margin-bottom: 0.25em;
}
.datasheet {
border: 0px solid #D2D2D2;
border-collapse: separate;
border-spacing: 2px;
margin: 16px 0;
text-align: left;
}
.datasheet td {
padding: 0.2em;
font-size: 0.92em;
font-size: 0.92rem;
}
.datasheet th {
padding: 0.25em 0.16em;
}
.datasheet .firstcol {
white-space: nowrap;
min-width: 15em;
}
.datasheet tr:nth-child(odd) td {
background: #f4f4f4;
background-color: rgba(0, 0, 0, 0.04);
}
table.styled {
border: 0px solid #D2D2D2;
border-collapse: separate;
border-spacing: 3px;
margin: 16px 0;
text-align: left;
}
table.styled td {
padding: 0.25em;
font-size: 0.92em;
font-size: 0.92rem;
vertical-align: top;
}
table.styled th {
padding: 0.25em;
}
table.styled tr:nth-child(odd) td {
background: #f4f4f4;
background-color: rgba(0, 0, 0, 0.04);
}
span.bl-point,
td.bl-prop,
td.bl-meth {
padding-left: 14px;
background-image: url(/images/redsquare.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
td.bl-prop {
padding-left: 27px;
background-image: url(/images/prop.gif);
}
td.bl-meth {
padding-left: 27px;
background-image: url(/images/meth.gif);
}
.xmlerror {
text-decoration: underline;
color: red;
font-weight: 700;
}
.stat {
font-style: italic;
_color: #333;
margin: 1em 0em 1em 0em;
line-height: 1.30em;
}
.div-todo {
padding: 0.3em 0.3em 0.3em 0.3em;
color: Black;
font-weight: bold;
background-color: Yellow;
}
.div-note,
.div-box {
padding: 0.3em;
margin: 0.5em 0 1em 0;
}
.div-note {
font-style: italic;
margin-left: 0.5em;
padding-left: 1em;
border-left: 4px solid #FDB47F;
}
.div-box {
font-size: 0.94em;
font-size: 0.94rem;
background-color: #FAFAFA;
border: 1px solid #FDB47F;
}
ul + div.div-note {
margin-top: -0.35em;
}
.prices-from {
font-size: 125%;
}
.help {
white-space: normal;
width: 22em;
width: 22rem;
text-align: left;
}
div.item-description {
padding: 0.17em 0em 0.17em 0em;
_font-size: 9pt;
_line-height: 1.33em;
_color: #333;
}
.item-description p {
margin: 0.33em 0 0.33em 0;
}
h3.platform {
margin: 0px;
}
table.featurelist {
margin: 1em 0 1em 0.6em;
}
table.featurelist td {
border-top: solid 1px #C8C8C8;
padding: 0.6em 0 0.6em 0;
vertical-align: top;
font-size: 1rem;
}
table.featurelist td.firstrow {
border-top: none;
}
table.featurelist td.firstcol {
padding-right: 1em;
width: 38%;
}
table.featurelist img.img-iconlink-left {
padding-right: 0.25em;
}
p.linkgroup {
font-size: 1em;
font-size: 1rem;
color: Gray;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
p.linklist {
line-height: 1.4em;
}
.td-form-bg {
background: #EFEFEF;
padding: 2px 3px 2px 3px;
_font-size: inherit;
}
td.first-col {
width: 11em;
}
.table-confirmation td {
padding: 0.25em 0.5em;
}
.table-confirmation tr td:first-child {
width: 14em;
}
.status-confirmation {
font-size: 1em;
}
.td-confirm-bg {
background: #F0F0F0;
padding: 1px 3px 1px 3px;
}
.order-id {
font-size: 0.8em;
color: Gray;
font-style: italic;
}
#price-list .license-description {
padding: 0 0.3em;
}
#price-list td.infocol {
width: 1.3em;
text-align: center;
}
#price-list .info-icon {
margin-right: 0.5em;
max-height: 1em;
max-height: 1rem;
margin-bottom: -0.15em;
margin-bottom: -0.15rem;
}
#price-list td img {
margin-bottom: 0px;
}
#price-list h2 {
color: #CE191F;
}
td.td-form-bg select {
padding: 3px 3px;
}
#PageLinks {
padding-bottom: 2.5em;
padding-bottom: 2.5rem;
font-size: 0.933em;
font-size: 0.933rem;
line-height: 1.4;
}
#PageLinks a {
display: block;
float: left;
margin-right: 0.5em;
margin-bottom: 0.5em;
padding: 1px 0.5em;
min-width: 6.6em;
min-width: 6.6rem;
color: #FFFFFF;
background-color: #B2B2B2;
}
#PageLinks a.selected,
#PageLinks a:hover {
color: #FFFFFF;
background-color: #FD6A00;
}
p.years a {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
p.years .selected {
color: #FD6A00;
_color: #FD6A00;
_color: #CE191F;
_background-color: #FD6A00;
_background-color: #B2B2B2;
_text-decoration: underline;
}
#InfoBox ul {
list-style-type: none;
list-style-position: outside;
list-style-image: none;
padding-left: 0;
margin-left: 0;
}
.form fieldset {
padding-bottom: 0.35em;
}
.ConfirmationItems fieldset {
padding: 0;
}
.form fieldset legend {
padding: 0 0.1em;
}
.form .item {
margin: 0.25em 0 0.25em 0;
}
.form label {
display: table-cell;
width: 14em;
text-align: right;
padding: 0 0.66em 0 0;
white-space: normal;
}
.PIBlock .form label,
.content-with-sidebar .form label {
width: 10em;
}
.form .item > span {
display: table-cell;
_vertical-align: middle;
}
.form.product.toggle div.item {
margin-left: -40px;
padding-left: 0.75em;
}
.form.product.toggle h2,
.form.product.toggle h3 {
margin: 0;
margin-top: -0.14em;
}
.form.product input.price
{
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 22em;
_margin-left: 6.3em;
_margin-left: 6.3rem;
font-size: 1em;
font-size: 1rem;
font-weight: bold;
display: none;
}
.product span select[disabled] {
opacity: 0.6;
}
.product span .controls,
.product span select {
margin-right: 0.26em;
}
.product span .count {
text-align: center;
width: 27px;
height: 27px;
}
.product span select:nth-child(1) {
min-width: 25em;
}
.product span select.multi-platform:nth-child(1) {
min-width: 14.5em;
}
.product span select.multi-platform:nth-child(2) {
min-width: 10.25em;
}
.product label .marker {
padding: 0;
padding-left: 0.60em;
background-color: transparent;
position: relative;
bottom: -2px;
}
.form.product .item.selected input.count,
.form.product .item.selected select {
border-color: #FD6A00;
-webkit-box-shadow: inset 0px 0px 0px 1px #FD6A00;
-moz-box-shadow: inset 0px 0px 0px 1px #FD6A00;
box-shadow: inset 0px 0px 0px 1px #FD6A00;
}
.form.product .info-icon {
max-height: 1.17em;
max-height: 1.17rem;
}
.form.product .controls {
display: inline-block;
margin: 0.35rem 0.35rem 0.5rem 0;
height: 26px;
}
.form.product .controls a {
display: inline-block;
color: #fff;
background-color: rgb(200,200,200);
padding: 0px;
margin: 0px;
width: 27px;
height: 27px;
line-height: 28px;
text-align: center;
text-decoration: none;
}
.form.product .controls a:hover {
background-color: #FD6A00;
opacity: 1;
}
.showonmobile {
display: none;
}
.showonmobile.edit-status {
display: inline;
color: silver;
}
.modal .loader {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba( 255, 255, 255, .5 ) url(/images/loader.gif) 50% 50% no-repeat;
}
@media only screen and (min-width: 1420px) {
html,
body {
font-size: 12pt;
line-height: 18pt;
}
.container {
width: 1404px;
}
.block-1 {
width: 144px;
}
.webkit .block-1 {
width: 143.99px;
}
.block-1.no-mar {
width: 156px;
}
.block-2 {
width: 300px;
}
.block-2.no-mar {
width: 312px;
}
.block-3 {
width: 456px;
}
.block-3.no-mar {
width: 468px;
}
.block-4 {
width: 612px;
}
.block-4.no-mar {
width: 624px;
}
.block-5 {
width: 768px;
}
.block-5.no-mar {
width: 780px;
}
.block-6 {
width: 924px;
}
.block-6.no-mar {
width: 936px;
}
.block-7 {
width: 1080px;
}
.block-7.no-mar {
width: 1092px;
}
.block-8 {
width: 1236px;
}
.block-8.no-mar {
width: 1248px;
}
.block-h-half {
height: 66px;
}
.block-h-1 {
height: 144px;
}
.block-h-1.no-mar {
height: 156px;
}
.block-h-menu {
height: 85px;
}
.block-h-2 {
height: 300px;
}
.block-h-2.no-mar {
height: 312px;
}
.block-h-3 {
height: 456px;
}
.block-h-3.no-mar {
height: 468px;
}
.block-inner {
padding: 18px;
}
.eat-margins {
margin: -18px;
}
.move-left {
left: -18px;
}
.move-right {
left: 18px;
}
.eat-left {
margin-left: -18px;
}
.eat-right {
margin-right: -18px;
}
.sub-menu {
padding-top: 12px;
}
.primary-menu > li > a > span {
left: 12px;
_right: 2px;
bottom: 11px;
}
.primary-menu > li > ul:after {
_width: 144px;
}
.primary-menu > li > a > span {
font-size: 1.286em;
font-size: 1.286rem;
}
body.ru .primary-menu > li > a > span {
font-size: 1.214em;
font-size: 1.214rem;
}
.primary-menu div.alt-text {
}
.boxUL li,
.boxUL li:last-of-type,
.boxUL li a:before,
.boxUL li:last-of-type a:before {
height: 64px;
}
.boxUL li a,
.boxUL li:last-of-type a {
line-height: 64px;
}
.contact svg {
top: 1px;
width: 24px;
height: 24px;
}
.big-slider-slide .text {
padding-left: 24px;
padding-right: 24px;
}
.big-slider-slide .text .title {
font-size: 28px;
line-height: 120%;
}
.big-slider-control .control-left {
background-position: 18px 18px;
}
.big-slider-control .control-left:hover {
background-position: 18px -132px;
}
.big-slider-control .control-right {
background-position: -94px 18px;
}
.big-slider-control .control-right:hover {
background-position: -94px -132px;
}
.big-slider-control .control-seek {
background-position: left 31px;
}
.big-slider-control .control-seek-box {
margin: 18px 0 8px 0;
width: 42px;
height: 31px;
background-position: left -4px;
}
.big-slider-control .control-seek:hover .control-seek-box,
.big-slider-control .control-seek-box.pressed {
}
.widget-header {
margin-left: -18px;
margin-right: -18px;
margin-top: -18px;
margin-bottom: 18px;
padding-top: 34px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 11px;
}
.post-widget-pic .inner {
left: -18px;
}
.widgets-area ul.directory li,
.widgets-area ul li {
background-position: left 4px;
}
.sub-footer {
font-size: 80%;
}
.flip-sidebar .content-with-sidebar {
left: 468px;
}
.flip-sidebar .sidebar {
left: -936px;
}
.sidebar > div:first-child .widget-header {
padding-top: 56px;
}
.page-h1-divider,
hr {
margin-left: -18px;
margin-right: -18px;
}
.page-h1-divider {
margin-top: 6px;
}
.post-big .post-head {
margin-bottom: 30px;
}
.post-big .post-title-inner {
_margin-left: 18px;
}
.post-big .post-date .block-inner {
padding-top: 12px;
padding-bottom: 12px;
}
.no-touch .show-hover-link .after {
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
}
.content-block.eat-left .content-title {
padding-left: 18px;
}
.tabs-tabs,
.biginfopane .text-block {
font-size: 94%;
}
.tabs-tabs h2 {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 130%;
}
.tabs-tabs h3 {
font-size: 1.25em;
font-size: 1.25rem;
line-height: 130%;
}
.testimonials-block .controls {
bottom: 18px;
left: 18px;
}
.pricing-column li {
padding-left: 20px;
padding-right: 20px;
}
.category h2 {
font-size: 1.7rem;
}
body.it .category h2 {
font-size: 1.60rem;
}
.category span {
font-size: 1.43rem;
}
.category img {
width: 3.15rem;
}
.Subtopic img {
width: 60px;
}
.product span .count {
width: 30px;
height: 30px;
}
.form.product .controls {
height: 29px;
}
.form.product .controls a {
width: 30px;
height: 30px;
line-height: 31px;
}
.block-header {
height: 150px;
}
}
@media only screen and (min-width: 1270px) and (max-width: 1419px) {
html,
body {
font-size: 11pt;
line-height: 15pt;
}
.container {
width: 1260px;
}
.block-1 {
width: 128px;
}
.block-1.no-mar {
width: 140px;
}
.block-2 {
width: 268px;
}
.block-2.no-mar {
width: 280px;
}
.block-3 {
width: 408px;
}
.block-3.no-mar {
width: 420px;
}
.block-4 {
width: 548px;
}
.block-4.no-mar {
width: 560px;
}
.block-5 {
width: 688px;
}
.block-5.no-mar {
width: 700px;
}
.block-6 {
width: 828px;
}
.block-6.no-mar {
width: 840px;
}
.block-7 {
width: 968px;
}
.block-7.no-mar {
width: 980px;
}
.block-8 {
width: 1108px;
}
.block-8.no-mar {
width: 1120px;
}
.block-h-half {
height: 58px;
}
.block-h-1 {
height: 128px;
}
.block-h-1.no-mar {
height: 140px;
}
.block-h-menu {
height: 76px;
}
.block-h-2 {
height: 268px;
}
.block-h-2.no-mar {
height: 280px;
}
.block-h-3 {
height: 408px;
}
.block-h-3.no-mar {
height: 420px;
}
.block-inner {
padding: 12px;
}
.eat-margins {
margin: -12px;
}
.move-left {
left: -12px;
}
.move-right {
left: 12px;
}
.eat-left {
margin-left: -12px;
}
.eat-right {
margin-right: -12px;
}
.sub-menu {
padding-top: 12px;
}
.primary-menu div.alt-text {
}
.primary-menu > li > a > span {
left: 10px;
_right: 2px;
bottom: 11px;
font-size: 1.142em;
font-size: 1.142rem;
}
.primary-menu > li > ul:after {
_width: 128px;
}
.boxUL li,
.boxUL li:last-of-type,
.boxUL li a:before,
.boxUL li:last-of-type a:before {
height: 57px;
}
.boxUL li a,
.boxUL li:last-of-type a {
line-height: 57px;
}
.boxUL li:last-of-type,
.boxUL li:last-of-type a:before {
height: 58px;
}
.boxUL li:last-of-type a {
line-height: 58px;
}
.contact svg {
top: 1px;
width: 23px;
height: 23px;
}
.big-slider-slide .pic {
height: 279px;
}
.big-slider-slide .text .title {
font-size: 22px;
}
.big-slider-control .control-left {
background-position: 12px 14px;
}
.big-slider-control .control-left:hover {
background-position: 12px -136px;
}
.big-slider-control .control-right {
background-position: -100px 14px;
}
.big-slider-control .control-right:hover {
background-position: -100px -136px;
}
.big-slider-control .control-seek {
background-position: left 27px;
}
.big-slider-control .control-seek-box {
margin: 14px 0 8px 0;
width: 42px;
height: 31px;
background-position: left -4px;
}
.big-slider-control .control-seek:hover .control-seek-box,
.big-slider-control .control-seek-box.pressed {
}
.widget-header {
margin-left: -12px;
margin-right: -12px;
margin-top: -12px;
padding-top: 28px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 8px;
}
.post-widget-pic .inner {
left: -12px;
}
.widgets-area ul.directory li,
.widgets-area ul li {
background-position: left 2px;
}
.sub-footer {
font-size: 80%;
}
.flip-sidebar .content-with-sidebar {
left: 420px;
}
.flip-sidebar .sidebar {
left: -840px;
}
.sidebar > div:first-child .widget-header {
padding-top: 50px;
}
.page-h1-divider,
hr {
margin-left: -12px;
margin-right: -12px;
}
.page-h1-divider {
margin-top: 3px;
}
.post-big .post-head {
margin-bottom: 24px;
}
.post-big .post-title-inner {
_margin-left: 12px;
}
.no-touch .show-hover-link .after {
width: 70px;
height: 70px;
margin: -35px 0 0 -35px;
}
.content-block.eat-left .content-title {
padding-left: 12px;
}
.tabs-tabs,
.biginfopane .text-block {
font-size: 93%;
}
.pricing-column li {
padding-left: 16px;
padding-right: 16px;
}
.testimonials-block .controls {
bottom: 12px;
left: 12px;
}
.category h2 {
font-size: 1.7rem;
}
body.it .category h2 {
font-size: 1.57rem;
line-height: 1.07;
}
.category span {
font-size: 1.43rem;
}
.category img {
width: 3.15rem;
}
.Subtopic img {
width: 54px;
}
.product span .count {
height: 28px;
width: 28px;
}
.form.product .controls {
height: 27px;
}
.form.product .controls a {
width: 28px;
height: 28px;
line-height: 29px;
}
.block-header {
height: 124px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1269px) {
.cookieConsentText {
max-width: 730px;
}
.video-embed .cookieConsentContent {
padding: 0.5rem;
}
.video-embed .cookieConsentVideoHint {
line-height: 1.2;
margin: 0;
}
.video-embed .cookieConsentText {
font-size: 0.7rem;
line-height: 1.1;
margin: 0.2rem 0;
}
.video-embed .cookieConsentButtons {
margin-top: 0.5rem;
}
.video-embed .cookieConsentButtons a {
font-size: 0.9rem;
padding: 0.2rem 1rem;
}
.smallerSc2 {
font-size: 93%;
}
}
@media only screen and (min-width: 980px) and (max-width: 1269px) {
.big-slider-slide .pic {
height: 213px;
}
.post-small .post-big-pic-text {
font-size: 150%;
line-height: 130%;
}
.button.size-xlarge,
a.button.size-xlarge {
padding: 12px;
}
body.en .primary-menu > li:nth-child(4) > ul.sub-menu {
left: -65px;
}
body.en .primary-menu > li:nth-child(5) > ul.sub-menu {
left: -28px;
}
body.de .primary-menu > li:nth-child(4) > ul.sub-menu {
left: -67px;
}
body.de .primary-menu > li:nth-child(5) > ul.sub-menu {
left: -18px;
}
body.es .primary-menu > li:nth-child(4) > ul.sub-menu {
left: -171px;
}
body.es .primary-menu > li:nth-child(5) > ul.sub-menu {
left: -39px;
}
.block-header {
height: 116px;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
html,
body {
font-size: 9pt;
line-height: 12pt;
}
img {
max-width: 100%;
height: auto;
}
.container {
width: 756px;
}
.block-1,
.block-2,
.block-3,
.block-4,
.block-5,
.block-6,
.block-7 {
margin: 3px;
float: left;
position: relative;
}
.block-1 {
width: 78px;
}
.block-1.no-mar {
width: 84px;
}
.block-2 {
width: 162px;
}
.block-2.no-mar {
width: 168px;
}
.block-3 {
width: 246px;
}
.block-3.no-mar {
width: 252px;
}
.block-4 {
width: 330px;
}
.block-4.no-mar {
width: 336px;
}
.block-5 {
width: 414px;
}
.block-5.no-mar {
width: 420px;
}
.block-6 {
width: 498px;
}
.block-6.no-mar {
width: 504px;
}
.block-7 {
width: 582px;
}
.block-7.no-mar {
width: 588px;
}
.block-8 {
width: 666px;
}
.block-8.no-mar {
width: 672px;
}
.block-full {
margin: 3px;
}
.block-h-half {
height: 36px;
}
.block-h-1 {
height: 78px;
}
.block-h-1.no-mar {
height: 84px;
}
.block-h-menu {
height: 46px;
}
.block-h-2 {
height: 162px;
}
.block-h-2.no-mar {
height: 168px;
}
.block-h-3 {
height: 246px;
}
.block-h-3.no-mar {
height: 252px;
}
.block-inner {
padding: 6px;
}
.eat-margins {
margin: -6px;
}
.eat-outer-margins {
margin: 0 -3px;
}
.move-left {
left: -6px;
}
.move-right {
left: 6px;
}
.eat-left {
margin-left: -6px;
}
.eat-right {
margin-right: -6px;
}
.sub-menu {
padding-top: 6px;
}
.primary-menu > li > a > span {
left: 4px;
right: 1px;
bottom: 5px;
}
.primary-menu > li > a > span {
}
body.ru .primary-menu > li > a > span {
font-size: 0.928em;
font-size: 0.928rem;
}
.primary-menu > li > a:hover {
border-width: 3px;
background-position: 50% 115%;
}
.primary-menu div.alt-text {
}
.primary-menu > li > ul {
_margin-top: 6px;
}
.primary-menu li ul a {
_padding: 0 50px 0 9px;
}
.primary-menu > li > ul:after {
_width: 78px;
}
.boxUL li,
.boxUL li:last-of-type,
.boxUL li a:before,
.boxUL li:last-of-type a:before {
height: 48px;
}
.boxUL li a,
.boxUL li:last-of-type a {
line-height: 48px;
}
.big-slider {
margin: -3px;
}
.big-slider-slide .text .title {
font-size: 13px;
padding: 0;
}
.big-slider-slide .text .text-text {
line-height: 110%;
}
.big-slider-control {
height: 42px;
}
.big-slider-control .control-left,
.big-slider-control .control-right {
width: 76px;
}
.big-slider-control .control-seek {
display: none;
}
.blocks-same-height-wrapper {
margin: 3px -3px;
padding: 3px 0;
}
.blocks-same-height {
border-spacing: 6px;
margin: -9px 0;
}
.widget-header {
margin-left: -6px;
margin-right: -6px;
margin-top: -6px;
padding-top: 22px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 4px;
}
.post-widget-pic .inner {
left: -6px;
}
.widgets-area ul.directory li,
.widgets-area ul li {
background-position: left 1px;
background-size: 8px 13px;
padding-left: 15px;
}
.sub-footer {
font-size: 90%;
}
.flip-sidebar .content-with-sidebar {
left: 252px;
}
.flip-sidebar .sidebar {
left: -504px;
}
.sidebar > div:first-child .widget-header {
padding-top: 44px;
}
.page-h1-divider,
hr {
margin-left: -6px;
margin-right: -6px;
}
.post-big .post-head {
_margin-bottom: 6px;
}
.post-big .post-title-inner {
_margin-left: 6px;
}
.post-small .post-big-pic-text {
font-size: 150%;
line-height: 130%;
}
.category h2 {
font-size: 1.34rem;
}
.category span {
font-size: 1.16rem;
margin-top: 0.2rem;
}
.category span {
width: 185px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.category img {
width: 30px;
}
.Subtopic img {
width: 32px;
}
.Subtopic h2 {
font-size: 1.4em;
font-size: 1.44rem;
}
.testimonials-block .controls {
bottom: 6px;
left: 6px;
}
.button.size-xlarge,
a.button.size-xlarge {
padding: 12px;
}
.button.size-xlarge .button-title, a.button.size-xlarge .button-title {
margin-bottom: 4px !important;
}
.button.size-xlarge.icon {
padding-left: 70px !important;
background-size: 30px 30px !important;
background-position: 20px center !important;
}
.button.size-medium.icon {
padding: 5px;
padding-left: 27px;
background-size: 15px 15px !important;
background-position: 6px center !important;
}
.Product .last img.img-right {
width: 228px;
}
.product span .count {
height: 25px;
width: 25px;
}
.form.product .controls {
height: 24px;
}
.form.product .controls a {
width: 25px;
height: 25px;
line-height: 26px;
}
.block-header {
height: 111px;
}
.menuButton .menu .qrcode.show,
.menuButton .menu .qrcodeButton {
display: none;
}
.cookieConsentText {
max-width: 560px;
}
.video-embed .cookieConsentContent {
padding: 0.3rem;
}
.video-embed .cookieConsentContent .icon {
font-size: 170%;
padding-right: 0.75rem;
}
.video-embed .cookieConsentVideoHint {
font-size: 0.9rem;
line-height: 1.1;
margin: 0;
}
.video-embed .cookieConsentButtons {
margin-top: 0.25rem;
}
.smallerSc1 {
font-size: 90%;
}
.smallerSc2 {
font-size: 85%;
}
}
@media only screen and (max-width: 767px) {
html,
body {
font-size: 9pt;
line-height: 13.5pt;
}
img {
max-width: 100%;
height: auto;
}
.anti-mar {
display: none;
}
.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth,
.two-ninth,
.seven-ninth {
float: none;
margin: 0;
width: auto;
}
.block-1,
.block-1.no-mar,
.block-2,
.block-2.no-mar,
.block-3,
.block-3.no-mar,
.block-4,
.block-4.no-mar,
.block-5,
.block-5.no-mar,
.block-6,
.block-6.no-mar,
.block-7,
.block-7.no-mar,
.block-8,
.block-8.no-mar,
.block-full,
.block-full.no-mar {
width: auto;
float: none;
margin: 12px 0;
}
.blocks-same-height > .block-1,
.blocks-same-height > .block-2,
.blocks-same-height > .block-3,
.blocks-same-height > .block-4,
.blocks-same-height > .block-5,
.blocks-same-height > .block-6,
.blocks-same-height > .block-7,
.blocks-same-height > .block-8,
.blocks-same-height > .block-full {
display: block;
}
.block-h-half,
.block-h-1,
.block-h-1.no-mar,
.block-h-2,
.block-h-2.no-mar,
.block-h-3,
.block-h-3.no-mar {
height: auto;
}
.block-inner {
padding: 12px;
}
.eat-margins {
margin: -12px;
}
.eat-outer-margins {
margin: 0;
}
.move-left {
left: -12px;
}
.move-right {
left: 12px;
}
.eat-left {
margin-left: -12px;
}
.eat-right {
margin-right: -12px;
}
.social {
margin: 4px;
}
.primary-menu {
display: none;
}
.linksBar {
display: none;
}
#preHeader {
margin-bottom: 0;
line-height: 1.5;
}
.nav-path {
margin: 9px 0 -3px 0;
}
div.footer,
.sub-footer,
.credits,
.terms {
margin-top: 0;
margin-bottom: 0;
}
.sub-footer-column-1,
.sub-footer-column-2,
.sub-footer-column-3 {
text-align: center;
float: none;
margin: 0;
width: auto;
}
#logo-pane {
display: none;
}
#logo-pane-small {
display: block;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4 {
margin-bottom: 6px;
}
.big-slider {
margin: 0;
}
.big-slider-slide {
float: left;
margin: 0;
}
.big-slider-control {
height: 42px;
}
.big-slider-control .control-left,
.big-slider-control .control-right {
width: 76px;
}
.big-slider-control .control-seek {
display: none;
}
.blocks-same-height-wrapper {
padding: 0;
margin: 0;
}
.blocks-same-height {
margin: 0;
display: block;
}
.widget-header {
margin-left: -12px;
margin-right: -12px;
margin-top: -12px;
padding-left: 12px;
padding-right: 12px;
}
.post-widget-pic {
width: 33%;
}
.post-widget-pic .inner {
left: -12px;
}
.flip-sidebar .content-with-sidebar,
.flip-sidebar .sidebar {
left: 0;
}
.sidebar > div:first-child .widget-header {
padding-top: 26px;
}
.tbl-bottom,
.tbl-bottom .tbl-td {
display: block;
width: auto;
}
.page-h1-divider,
hr {
margin-left: -12px;
margin-right: -12px;
}
.post-tbl,
.post-big .post-pic,
.post-big .post-data {
display: block;
}
.post-big .post-pic {
margin-bottom: 16px;
}
.post-big .post-pic .block-inner {
border: 0;
padding: 0;
left: 0;
}
.post-big .float-right {
float: none;
}
.post-big .post-date {
float: none;
width: 64px;
}
.News .post-pic {
padding-right: 0;
}
.testimonials-block .item-inner,
.testimonials-block .item .name-qo,
.testimonials-block .item .pic,
.testimonials-block .item .text,
.testimonials-block .item .name-qo-inner,
.testimonials-block .item .name,
.testimonials-block .item .qo {
display: block;
width: auto;
}
.testimonials-block .item .qo {
text-align: left;
padding: 0;
position: relative;
top: 6px;
}
.testimonials-block .item .pic {
position: absolute;
top: 0;
right: 0;
width: 72px;
height: 72px;
}
.testimonials-block .item.with-pic .name-qo {
min-height: 72px;
padding-right: 84px;
}
.testimonials-block.multi-items .name-qo .block-inner {
padding-bottom: 12px;
}
.testimonials-block.multi-items .text {
padding-bottom: 34px;
}
.content-with-sidebar .testimonials-block .item.no-pic .text .block-inner,
.content-without-sidebar .testimonials-block .item.no-pic .text .block-inner {
padding-left: 12px;
}
.testimonials-block .controls {
bottom: 12px;
left: 12px;
}
.biginfopane .inner,
.biginfopane .text-block,
.biginfopane .button-block {
display: block;
text-align: center;
}
.biginfopane .button-block {
padding-top: 0;
}
.pricing-table {
display: block;
}
.pricing-column {
margin: 16px 0;
float: none;
display: block;
}
.pricing-table .pricing-button a.button.icon {
min-width: 42px;
margin: 0 auto !important;
display: inline-block !important;
}
.tabs-control,
.tabs-control li {
display: block;
}
.tabs-control li a {
border-bottom: 0;
}
.form label {
display: inline-block;
text-align: left;
min-width: 20em;
padding: 3px 0 0 1px;
}
.form.product.toggle div.item {
margin-left: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
h1.page-h1 {
font-size: 1.75em;
font-size: 1.75rem;
}
.category h2 {
font-size: 1.8rem;
}
.category span {
font-size: 1.5rem;
}
.category img {
width: 40px;
}
.post-big-thumb img {
width: 100%;
}
.Product .side-text h2 {
border: none;
}
.Product .content-block > .one-fourth {
margin-bottom: 1.4rem;
}
.Product .last {
margin-bottom: 1rem;
}
.Product .side-text div {
float: right;
width: 48%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
}
.Product .side-text div.icon {
float: left;
}
.Product .side-text div p:first-child {
margin-top: 0;
}
.PIBlock .side-text br {
display: none;
}
.PIBlock .side-text p.linkgroup,
.PIBlock .side-text div {
width: 48%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
}
.PIBlock .side-text div.icon {
float: left;
}
.PIBlock .side-text div p:first-child {
margin-top: 0;
}
.PIBlock h2.top {
margin-top: 0.5em;
}
.PIBlock .side-text {
text-align: left;
}
.PIBlock .side-text .clearfix {
width: 100%;
min-height: 1px;
display: block;
margin: 0;
padding: 0;
}
.table-confirmation tr td:first-child {
width: 8em;
}
.product span .count:disabled {
display: none;
}
.form.product input[readonly] {
margin-left: 0;
}
.form.product .controls {
margin-left: 0;
margin-top: 0.5em;
height: 24px;
}
.product span .count {
height: 25px;
width: 22px;
}
.form.product .controls a {
width: 20px;
height: 25px;
line-height: 26px;
}
.hideonmobile {
display: none;
}
.hideonmobile.edit-status {
display: inline;
color: silver;
}
.showonmobile {
display: inline;
}
.showonmobile.edit-status {
color: inherit;
}
.block-logo {
height: 120px;
}
.menuButton .menu .qrcode.show,
.menuButton .menu .qrcodeButton {
display: none;
}
.playVideo {
display: none;
}
.video-embed .cookieConsentVideoHint {
margin: 0;
}
.video-embed .cookieConsentVideoHint,
.video-embed .cookieConsentButtons a {
font-size: 1.3rem;
}
.cookieConsent {
}
.cookieConsentButtons {
padding-bottom: 0.5rem;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 480px;
}
.big-slider-slide {
width: 480px;
height: 428px;
}
.big-slider-slide .pic {
height: 328px;
}
.big-slider-slide .text {
height: 100px;
}
.column h1 {
font-size: 1.1em;
font-size: 1.1rem;
text-transform: none;
}
.Block .last img.img-right,
.Product .last img.img-right {
width: 50%;
margin-right: 0;
}
}
@media only screen and (max-width: 479px) {
.container {
width: 320px;
}
.big-slider-slide {
width: 320px;
height: 338px;
}
.big-slider-slide .pic {
height: 218px;
}
.big-slider-slide .text {
height: 120px;
}
.product span > select {
min-width: 15em;
max-width: 17em;
}
.form.product .toggle-inner {
padding: 1px 5px 1px 13px;
}
.form select {
max-width: 19em;
}
.form .item > span > select {
min-width: 1em !important;
}
.form input {
max-width: 19em;
}
.column h1 {
font-size: 1em;
font-size: 1rem;
text-transform: none;
}
.column h2, .column h3 {
font-size: 1em;
font-size: 1rem;
}
.category h2 {
font-size: 1.7rem;
}
.category span {
font-size: 1.4rem;
}
.category img {
width: 37px;
}
.table-confirmation td {
padding: 0.25em 0.35em;
}
.Product .side-text,
.Product .last img.img-right {
width: 100%;
margin: 0 0 1rem 0;
}
#download .custom-table-wrapper tr th:nth-child(3),
#download .custom-table-wrapper tr td:nth-child(3) {
display: none;
}
#download .custom-table-wrapper tr th {
width: 33%;
}
#download .custom-table-wrapper a.button {
margin: 0 !important;
}
.video-embed .cookieConsentVideoHint,
.video-embed .cookieConsentButtons a {
font-size: 1rem;
}
.video-embed .cookieConsentText {
line-height: 1.25;
margin: 0.25rem 0 !important;
}
}