@font-face { font-display: auto; font-family: "Source Sans Pro"; font-weight: 400; font-style: normal; font-stretch: normal; src: url("fonts/sourcesanspro.woff") format("woff"), url("fonts/sourcesanspro.otf") format("opentype"), url("fonts/sourcesanspro.ttf") format("truetype"); }
@font-face { font-family: "Source Sans Pro"; font-weight: 900; font-style: normal; font-stretch: normal; src: url("fonts/sourcesansproblack.woff") format("woff"), url("fonts/sourcesansproblack.otf") format("opentype"), url("fonts/sourcesansproblack.ttf") format("truetype"); }
.pure-button:focus, a:active, a:hover { outline: 0px; }
.pure-table, table { border-collapse: collapse; border-spacing: 0px; }
html { text-size-adjust: 100%; }
body { margin: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0px; }
[hidden], template { display: none; }
a { background-color: transparent; }
abbr[title] { border-bottom: 1px dotted; }
b, optgroup, strong { font-weight: 700; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0px; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
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; }
img { border: 0px; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0px; }
pre, textarea { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
.pure-button, input { line-height: normal; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
.pure-button, .pure-form input:not([type]), .pure-menu { box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
legend, td, th { padding: 0px; }
legend { border: 0px; }
.hidden, [hidden] { display: none !important; }
.pure-img { max-width: 100%; height: auto; display: block; }
.pure-g { letter-spacing: -0.31em; text-rendering: optimizespeed; display: flex; flex-flow: row wrap; align-content: flex-start; }
@media not all, not all {
  table .pure-g { display: block; }
}
.pure-u, .pure-u-1, .pure-u-1-1, .pure-u-1-12, .pure-u-1-2, .pure-u-1-24, .pure-u-1-3, .pure-u-1-4, .pure-u-1-5, .pure-u-1-6, .pure-u-1-8, .pure-u-10-24, .pure-u-11-12, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-2-24, .pure-u-2-3, .pure-u-2-5, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24, .pure-u-3-24, .pure-u-3-4, .pure-u-3-5, .pure-u-3-8, .pure-u-4-24, .pure-u-4-5, .pure-u-5-12, .pure-u-5-24, .pure-u-5-5, .pure-u-5-6, .pure-u-5-8, .pure-u-6-24, .pure-u-7-12, .pure-u-7-24, .pure-u-7-8, .pure-u-8-24, .pure-u-9-24 { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; display: inline-block; zoom: 1; }
.pure-u-1-24 { width: 4.1667%; }
.pure-u-1-12, .pure-u-2-24 { width: 8.3333%; }
.pure-u-1-8, .pure-u-3-24 { width: 12.5%; }
.pure-u-1-6, .pure-u-4-24 { width: 16.6667%; }
.pure-u-1-5 { width: 20%; }
.pure-u-5-24 { width: 20.8333%; }
.pure-u-1-4, .pure-u-6-24 { width: 25%; }
.pure-u-7-24 { width: 29.1667%; }
.pure-u-1-3, .pure-u-8-24 { width: 33.3333%; }
.pure-u-3-8, .pure-u-9-24 { width: 37.5%; }
.pure-u-2-5 { width: 40%; }
.pure-u-10-24, .pure-u-5-12 { width: 41.6667%; }
.pure-u-11-24 { width: 45.8333%; }
.pure-u-1-2, .pure-u-12-24 { width: 50%; }
.pure-u-13-24 { width: 54.1667%; }
.pure-u-14-24, .pure-u-7-12 { width: 58.3333%; }
.pure-u-3-5 { width: 60%; }
.pure-u-15-24, .pure-u-5-8 { width: 62.5%; }
.pure-u-16-24, .pure-u-2-3 { width: 66.6667%; }
.pure-u-17-24 { width: 70.8333%; }
.pure-u-18-24, .pure-u-3-4 { width: 75%; }
.pure-u-19-24 { width: 79.1667%; }
.pure-u-4-5 { width: 80%; }
.pure-u-20-24, .pure-u-5-6 { width: 83.3333%; }
.pure-u-21-24, .pure-u-7-8 { width: 87.5%; }
.pure-u-11-12, .pure-u-22-24 { width: 91.6667%; }
.pure-u-23-24 { width: 95.8333%; }
.pure-u-1, .pure-u-1-1, .pure-u-24-24, .pure-u-5-5 { width: 100%; }
.pure-button { display: inline-block; zoom: 1; white-space: nowrap; vertical-align: middle; text-align: center; cursor: pointer; -webkit-user-drag: none; user-select: none; }
.pure-button-group { letter-spacing: -0.31em; text-rendering: optimizespeed; }
.pure-button { font-family: inherit; font-size: 100%; padding: 0.5em 1em; color: rgba(0, 0, 0, 0.8); border: transparent; background-color: rgb(230, 230, 230); text-decoration: none; border-radius: 2px; }
.pure-button-hover, .pure-button:focus, .pure-button:hover { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }
.pure-button-active, .pure-button:active { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 0px 6px inset; }
.pure-button-disabled, .pure-button-disabled:active, .pure-button-disabled:focus, .pure-button-disabled:hover, .pure-button[disabled] { border: none; background-image: none; opacity: 0.4; cursor: not-allowed; box-shadow: none; pointer-events: none; }
.pure-button-hidden { display: none; }
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected { background-color: rgb(0, 120, 231); color: rgb(255, 255, 255); }
.pure-button-group .pure-button { letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; margin: 0px; border-radius: 0px; border-right: 1px solid rgba(0, 0, 0, 0.2); }
.pure-button-group .pure-button:first-child { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.pure-button-group .pure-button:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-right: none; }
.pure-form input[type="color"], .pure-form input[type="date"], .pure-form input[type="datetime-local"], .pure-form input[type="datetime"], .pure-form input[type="email"], .pure-form input[type="month"], .pure-form input[type="number"], .pure-form input[type="password"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="text"], .pure-form input[type="time"], .pure-form input[type="url"], .pure-form input[type="week"], .pure-form select, .pure-form textarea { padding: 0.5em 0.6em; display: inline-block; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(221, 221, 221) 0px 1px 3px inset; border-radius: 4px; vertical-align: middle; box-sizing: border-box; }
.pure-form input:not([type]) { padding: 0.5em 0.6em; display: inline-block; border: 1px solid rgb(204, 204, 204); box-shadow: rgb(221, 221, 221) 0px 1px 3px inset; border-radius: 4px; }
.pure-form input[type="color"] { padding: 0.2em 0.5em; }
.pure-form input:not([type]):focus, .pure-form input[type="color"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="text"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="week"]:focus, .pure-form select:focus, .pure-form textarea:focus { outline: 0px; border-color: rgb(18, 159, 234); }
.pure-form input[type="checkbox"]:focus, .pure-form input[type="file"]:focus, .pure-form input[type="radio"]:focus { outline: rgb(18, 159, 234) auto 1px; }
.pure-form .pure-checkbox, .pure-form .pure-radio { margin: 0.5em 0px; display: block; }
.pure-form input:not([type])[disabled], .pure-form input[type="color"][disabled], .pure-form input[type="date"][disabled], .pure-form input[type="datetime-local"][disabled], .pure-form input[type="datetime"][disabled], .pure-form input[type="email"][disabled], .pure-form input[type="month"][disabled], .pure-form input[type="number"][disabled], .pure-form input[type="password"][disabled], .pure-form input[type="search"][disabled], .pure-form input[type="tel"][disabled], .pure-form input[type="text"][disabled], .pure-form input[type="time"][disabled], .pure-form input[type="url"][disabled], .pure-form input[type="week"][disabled], .pure-form select[disabled], .pure-form textarea[disabled] { cursor: not-allowed; background-color: rgb(234, 237, 237); color: rgb(202, 210, 211); }
.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] { background-color: rgb(238, 238, 238); color: rgb(119, 119, 119); border-color: rgb(204, 204, 204); }
.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid { color: rgb(185, 74, 72); border-color: rgb(233, 50, 45); }
.pure-form input[type="checkbox"]:focus:invalid:focus, .pure-form input[type="file"]:focus:invalid:focus, .pure-form input[type="radio"]:focus:invalid:focus { outline-color: rgb(233, 50, 45); }
.pure-form select { height: 2.25em; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }
.pure-form select[multiple] { height: auto; }
.pure-form label { margin: 0.5em 0px 0.2em; }
.pure-form fieldset { margin: 0px; padding: 0.35em 0px 0.75em; border: 0px; }
.pure-form legend { display: block; width: 100%; padding: 0.3em 0px; margin-bottom: 0.3em; color: rgb(51, 51, 51); border-bottom: 1px solid rgb(229, 229, 229); }
.pure-form-stacked input:not([type]), .pure-form-stacked input[type="color"], .pure-form-stacked input[type="date"], .pure-form-stacked input[type="datetime-local"], .pure-form-stacked input[type="datetime"], .pure-form-stacked input[type="email"], .pure-form-stacked input[type="file"], .pure-form-stacked input[type="month"], .pure-form-stacked input[type="number"], .pure-form-stacked input[type="password"], .pure-form-stacked input[type="search"], .pure-form-stacked input[type="tel"], .pure-form-stacked input[type="text"], .pure-form-stacked input[type="time"], .pure-form-stacked input[type="url"], .pure-form-stacked input[type="week"], .pure-form-stacked label, .pure-form-stacked select, .pure-form-stacked textarea { display: block; margin: 0.25em 0px; }
.pure-form-aligned .pure-help-inline, .pure-form-aligned input, .pure-form-aligned select, .pure-form-aligned textarea, .pure-form-message-inline { display: inline-block; vertical-align: middle; }
.pure-form-aligned textarea { vertical-align: top; }
.pure-form-aligned .pure-control-group { margin-bottom: 0.5em; }
.pure-form-aligned .pure-control-group label { text-align: right; display: inline-block; vertical-align: middle; width: 10em; margin: 0px 1em 0px 0px; }
.pure-form-aligned .pure-controls { margin: 1.5em 0px 0px 11em; }
.pure-form .pure-input-rounded, .pure-form input.pure-input-rounded { border-radius: 2em; padding: 0.5em 1em; }
.pure-form .pure-group fieldset { margin-bottom: 10px; }
.pure-form .pure-group input, .pure-form .pure-group textarea { display: block; padding: 10px; margin: 0px 0px -1px; border-radius: 0px; position: relative; top: -1px; }
.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus { z-index: 3; }
.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child { top: 1px; border-radius: 4px 4px 0px 0px; margin: 0px; }
.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child { top: 1px; border-radius: 4px; margin: 0px; }
.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child { top: -2px; border-radius: 0px 0px 4px 4px; margin: 0px; }
.pure-form .pure-group button { margin: 0.35em 0px; }
.pure-form .pure-input-1 { width: 100%; }
.pure-form .pure-input-3-4 { width: 75%; }
.pure-form .pure-input-2-3 { width: 66%; }
.pure-form .pure-input-1-2 { width: 50%; }
.pure-form .pure-input-1-3 { width: 33%; }
.pure-form .pure-input-1-4 { width: 25%; }
.pure-form .pure-help-inline, .pure-form-message-inline { display: inline-block; padding-left: 0.3em; color: rgb(102, 102, 102); vertical-align: middle; font-size: 0.875em; }
.pure-form-message { display: block; color: rgb(102, 102, 102); font-size: 0.875em; }
@media only screen and (max-width: 480px) {
  .pure-form button[type="submit"] { margin: 0.7em 0px 0px; }
  .pure-form input:not([type]), .pure-form input[type="color"], .pure-form input[type="date"], .pure-form input[type="datetime-local"], .pure-form input[type="datetime"], .pure-form input[type="email"], .pure-form input[type="month"], .pure-form input[type="number"], .pure-form input[type="password"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="text"], .pure-form input[type="time"], .pure-form input[type="url"], .pure-form input[type="week"], .pure-form label { margin-bottom: 0.3em; display: block; }
  .pure-group input:not([type]), .pure-group input[type="color"], .pure-group input[type="date"], .pure-group input[type="datetime-local"], .pure-group input[type="datetime"], .pure-group input[type="email"], .pure-group input[type="month"], .pure-group input[type="number"], .pure-group input[type="password"], .pure-group input[type="search"], .pure-group input[type="tel"], .pure-group input[type="text"], .pure-group input[type="time"], .pure-group input[type="url"], .pure-group input[type="week"] { margin-bottom: 0px; }
  .pure-form-aligned .pure-control-group label { margin-bottom: 0.3em; text-align: left; display: block; width: 100%; }
  .pure-form-aligned .pure-controls { margin: 1.5em 0px 0px; }
  .pure-form .pure-help-inline, .pure-form-message, .pure-form-message-inline { display: block; font-size: 0.75em; padding: 0.2em 0px 0.8em; }
}
.pure-menu-fixed { position: fixed; left: 0px; top: 0px; z-index: 3; }
.pure-menu-item, .pure-menu-list { position: relative; }
.pure-menu-list { list-style: none; margin: 0px; padding: 0px; }
.pure-menu-item { padding: 0px; margin: 0px; height: 100%; }
.pure-menu-heading, .pure-menu-link { display: block; text-decoration: none; white-space: nowrap; }
.pure-menu-horizontal { width: 100%; white-space: nowrap; }
.pure-menu-horizontal .pure-menu-list { display: inline-block; }
.pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-separator { display: inline-block; zoom: 1; vertical-align: middle; }
.pure-menu-item .pure-menu-item { display: block; }
.pure-menu-children { display: none; position: absolute; left: 100%; top: 0px; margin: 0px; padding: 0px; z-index: 3; }
.pure-menu-horizontal .pure-menu-children { left: 0px; top: auto; width: inherit; }
.pure-menu-active > .pure-menu-children, .pure-menu-allow-hover:hover > .pure-menu-children { display: block; position: absolute; }
.pure-menu-has-children > .pure-menu-link::after { padding-left: 0.5em; content: "¸"; font-size: small; }
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link::after { content: "¾"; }
.pure-menu-scrollable { overflow: hidden scroll; }
.pure-menu-scrollable .pure-menu-list { display: block; }
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list { display: inline-block; }
.pure-menu-horizontal.pure-menu-scrollable { white-space: nowrap; overflow: auto hidden; padding: 0.5em 0px; }
.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar { display: none; }
.pure-menu-horizontal .pure-menu-children .pure-menu-separator, .pure-menu-separator { background-color: rgb(204, 204, 204); height: 1px; margin: 0.3em 0px; }
.pure-menu-horizontal .pure-menu-separator { width: 1px; height: 1.3em; margin: 0px 0.3em; }
.pure-menu-horizontal .pure-menu-children .pure-menu-separator { display: block; width: auto; }
.pure-menu-heading { text-transform: uppercase; color: rgb(86, 93, 100); }
.pure-menu-link { color: rgb(119, 119, 119); }
.pure-menu-children { background-color: rgb(255, 255, 255); }
.pure-menu-disabled, .pure-menu-heading, .pure-menu-link { padding: 0.5em 1em; }
.pure-menu-disabled { opacity: 0.5; }
.pure-menu-disabled .pure-menu-link:hover { background-color: transparent; }
.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover { background-color: rgb(238, 238, 238); }
.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited { color: rgb(0, 0, 0); }
.pure-table { empty-cells: show; border: 1px solid rgb(203, 203, 203); }
.pure-table caption { color: rgb(0, 0, 0); font: italic 85%/1 arial, sans-serif; padding: 1em 0px; text-align: center; }
.pure-table td, .pure-table th { border-left: 1px solid rgb(203, 203, 203); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; font-size: inherit; margin: 0px; overflow: visible; padding: 0.5em 1em; }
.pure-table td:first-child, .pure-table th:first-child { border-left-width: 0px; }
.pure-table thead { background-color: rgb(224, 224, 224); color: rgb(0, 0, 0); text-align: left; vertical-align: bottom; }
.pure-table td { background-color: transparent; }
.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td { background-color: rgb(242, 242, 242); }
.pure-table-bordered td { border-bottom: 1px solid rgb(203, 203, 203); }
.pure-table-bordered tbody > tr:last-child > td { border-bottom-width: 0px; }
.pure-table-horizontal td, .pure-table-horizontal th { border-width: 0px 0px 1px; border-bottom-style: solid; border-bottom-color: rgb(203, 203, 203); }
.pure-table-horizontal tbody > tr:last-child > td { border-bottom-width: 0px; }
@media screen and (min-width: 16.875rem) {
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-12, .pure-u-sm-1-2, .pure-u-sm-1-24, .pure-u-sm-1-3, .pure-u-sm-1-4, .pure-u-sm-1-5, .pure-u-sm-1-6, .pure-u-sm-1-8, .pure-u-sm-10-24, .pure-u-sm-11-12, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-2-24, .pure-u-sm-2-3, .pure-u-sm-2-5, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24, .pure-u-sm-3-24, .pure-u-sm-3-4, .pure-u-sm-3-5, .pure-u-sm-3-8, .pure-u-sm-4-24, .pure-u-sm-4-5, .pure-u-sm-5-12, .pure-u-sm-5-24, .pure-u-sm-5-5, .pure-u-sm-5-6, .pure-u-sm-5-8, .pure-u-sm-6-24, .pure-u-sm-7-12, .pure-u-sm-7-24, .pure-u-sm-7-8, .pure-u-sm-8-24, .pure-u-sm-9-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-sm-1-24 { width: 4.1667%; }
  .pure-u-sm-1-12, .pure-u-sm-2-24 { width: 8.3333%; }
  .pure-u-sm-1-8, .pure-u-sm-3-24 { width: 12.5%; }
  .pure-u-sm-1-6, .pure-u-sm-4-24 { width: 16.6667%; }
  .pure-u-sm-1-5 { width: 20%; }
  .pure-u-sm-5-24 { width: 20.8333%; }
  .pure-u-sm-1-4, .pure-u-sm-6-24 { width: 25%; }
  .pure-u-sm-7-24 { width: 29.1667%; }
  .pure-u-sm-1-3, .pure-u-sm-8-24 { width: 33.3333%; }
  .pure-u-sm-3-8, .pure-u-sm-9-24 { width: 37.5%; }
  .pure-u-sm-2-5 { width: 40%; }
  .pure-u-sm-10-24, .pure-u-sm-5-12 { width: 41.6667%; }
  .pure-u-sm-11-24 { width: 45.8333%; }
  .pure-u-sm-1-2, .pure-u-sm-12-24 { width: 50%; }
  .pure-u-sm-13-24 { width: 54.1667%; }
  .pure-u-sm-14-24, .pure-u-sm-7-12 { width: 58.3333%; }
  .pure-u-sm-3-5 { width: 60%; }
  .pure-u-sm-15-24, .pure-u-sm-5-8 { width: 62.5%; }
  .pure-u-sm-16-24, .pure-u-sm-2-3 { width: 66.6667%; }
  .pure-u-sm-17-24 { width: 70.8333%; }
  .pure-u-sm-18-24, .pure-u-sm-3-4 { width: 75%; }
  .pure-u-sm-19-24 { width: 79.1667%; }
  .pure-u-sm-4-5 { width: 80%; }
  .pure-u-sm-20-24, .pure-u-sm-5-6 { width: 83.3333%; }
  .pure-u-sm-21-24, .pure-u-sm-7-8 { width: 87.5%; }
  .pure-u-sm-11-12, .pure-u-sm-22-24 { width: 91.6667%; }
  .pure-u-sm-23-24 { width: 95.8333%; }
  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-24-24, .pure-u-sm-5-5 { width: 100%; }
}
@media screen and (min-width: 35.625rem) {
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-12, .pure-u-md-1-2, .pure-u-md-1-24, .pure-u-md-1-3, .pure-u-md-1-4, .pure-u-md-1-5, .pure-u-md-1-6, .pure-u-md-1-8, .pure-u-md-10-24, .pure-u-md-11-12, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-2-24, .pure-u-md-2-3, .pure-u-md-2-5, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24, .pure-u-md-3-24, .pure-u-md-3-4, .pure-u-md-3-5, .pure-u-md-3-8, .pure-u-md-4-24, .pure-u-md-4-5, .pure-u-md-5-12, .pure-u-md-5-24, .pure-u-md-5-5, .pure-u-md-5-6, .pure-u-md-5-8, .pure-u-md-6-24, .pure-u-md-7-12, .pure-u-md-7-24, .pure-u-md-7-8, .pure-u-md-8-24, .pure-u-md-9-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-md-1-24 { width: 4.1667%; }
  .pure-u-md-1-12, .pure-u-md-2-24 { width: 8.3333%; }
  .pure-u-md-1-8, .pure-u-md-3-24 { width: 12.5%; }
  .pure-u-md-1-6, .pure-u-md-4-24 { width: 16.6667%; }
  .pure-u-md-1-5 { width: 20%; }
  .pure-u-md-5-24 { width: 20.8333%; }
  .pure-u-md-1-4, .pure-u-md-6-24 { width: 25%; }
  .pure-u-md-7-24 { width: 29.1667%; }
  .pure-u-md-1-3, .pure-u-md-8-24 { width: 33.3333%; }
  .pure-u-md-3-8, .pure-u-md-9-24 { width: 37.5%; }
  .pure-u-md-2-5 { width: 40%; }
  .pure-u-md-10-24, .pure-u-md-5-12 { width: 41.6667%; }
  .pure-u-md-11-24 { width: 45.8333%; }
  .pure-u-md-1-2, .pure-u-md-12-24 { width: 50%; }
  .pure-u-md-13-24 { width: 54.1667%; }
  .pure-u-md-14-24, .pure-u-md-7-12 { width: 58.3333%; }
  .pure-u-md-3-5 { width: 60%; }
  .pure-u-md-15-24, .pure-u-md-5-8 { width: 62.5%; }
  .pure-u-md-16-24, .pure-u-md-2-3 { width: 66.6667%; }
  .pure-u-md-17-24 { width: 70.8333%; }
  .pure-u-md-18-24, .pure-u-md-3-4 { width: 75%; }
  .pure-u-md-19-24 { width: 79.1667%; }
  .pure-u-md-4-5 { width: 80%; }
  .pure-u-md-20-24, .pure-u-md-5-6 { width: 83.3333%; }
  .pure-u-md-21-24, .pure-u-md-7-8 { width: 87.5%; }
  .pure-u-md-11-12, .pure-u-md-22-24 { width: 91.6667%; }
  .pure-u-md-23-24 { width: 95.8333%; }
  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-24-24, .pure-u-md-5-5 { width: 100%; }
}
@media screen and (min-width: 50rem) {
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-12, .pure-u-lg-1-2, .pure-u-lg-1-24, .pure-u-lg-1-3, .pure-u-lg-1-4, .pure-u-lg-1-5, .pure-u-lg-1-6, .pure-u-lg-1-8, .pure-u-lg-10-24, .pure-u-lg-11-12, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-2-24, .pure-u-lg-2-3, .pure-u-lg-2-5, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24, .pure-u-lg-3-24, .pure-u-lg-3-4, .pure-u-lg-3-5, .pure-u-lg-3-8, .pure-u-lg-4-24, .pure-u-lg-4-5, .pure-u-lg-5-12, .pure-u-lg-5-24, .pure-u-lg-5-5, .pure-u-lg-5-6, .pure-u-lg-5-8, .pure-u-lg-6-24, .pure-u-lg-7-12, .pure-u-lg-7-24, .pure-u-lg-7-8, .pure-u-lg-8-24, .pure-u-lg-9-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-lg-1-24 { width: 4.1667%; }
  .pure-u-lg-1-12, .pure-u-lg-2-24 { width: 8.3333%; }
  .pure-u-lg-1-8, .pure-u-lg-3-24 { width: 12.5%; }
  .pure-u-lg-1-6, .pure-u-lg-4-24 { width: 16.6667%; }
  .pure-u-lg-1-5 { width: 20%; }
  .pure-u-lg-5-24 { width: 20.8333%; }
  .pure-u-lg-1-4, .pure-u-lg-6-24 { width: 25%; }
  .pure-u-lg-7-24 { width: 29.1667%; }
  .pure-u-lg-1-3, .pure-u-lg-8-24 { width: 33.3333%; }
  .pure-u-lg-3-8, .pure-u-lg-9-24 { width: 37.5%; }
  .pure-u-lg-2-5 { width: 40%; }
  .pure-u-lg-10-24, .pure-u-lg-5-12 { width: 41.6667%; }
  .pure-u-lg-11-24 { width: 45.8333%; }
  .pure-u-lg-1-2, .pure-u-lg-12-24 { width: 50%; }
  .pure-u-lg-13-24 { width: 54.1667%; }
  .pure-u-lg-14-24, .pure-u-lg-7-12 { width: 58.3333%; }
  .pure-u-lg-3-5 { width: 60%; }
  .pure-u-lg-15-24, .pure-u-lg-5-8 { width: 62.5%; }
  .pure-u-lg-16-24, .pure-u-lg-2-3 { width: 66.6667%; }
  .pure-u-lg-17-24 { width: 70.8333%; }
  .pure-u-lg-18-24, .pure-u-lg-3-4 { width: 75%; }
  .pure-u-lg-19-24 { width: 79.1667%; }
  .pure-u-lg-4-5 { width: 80%; }
  .pure-u-lg-20-24, .pure-u-lg-5-6 { width: 83.3333%; }
  .pure-u-lg-21-24, .pure-u-lg-7-8 { width: 87.5%; }
  .pure-u-lg-11-12, .pure-u-lg-22-24 { width: 91.6667%; }
  .pure-u-lg-23-24 { width: 95.8333%; }
  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-24-24, .pure-u-lg-5-5 { width: 100%; }
}
@media screen and (min-width: 87.5rem) {
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-12, .pure-u-xl-1-2, .pure-u-xl-1-24, .pure-u-xl-1-3, .pure-u-xl-1-4, .pure-u-xl-1-5, .pure-u-xl-1-6, .pure-u-xl-1-8, .pure-u-xl-10-24, .pure-u-xl-11-12, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-2-24, .pure-u-xl-2-3, .pure-u-xl-2-5, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24, .pure-u-xl-3-24, .pure-u-xl-3-4, .pure-u-xl-3-5, .pure-u-xl-3-8, .pure-u-xl-4-24, .pure-u-xl-4-5, .pure-u-xl-5-12, .pure-u-xl-5-24, .pure-u-xl-5-5, .pure-u-xl-5-6, .pure-u-xl-5-8, .pure-u-xl-6-24, .pure-u-xl-7-12, .pure-u-xl-7-24, .pure-u-xl-7-8, .pure-u-xl-8-24, .pure-u-xl-9-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; }
  .pure-u-xl-1-24 { width: 4.1667%; }
  .pure-u-xl-1-12, .pure-u-xl-2-24 { width: 8.3333%; }
  .pure-u-xl-1-8, .pure-u-xl-3-24 { width: 12.5%; }
  .pure-u-xl-1-6, .pure-u-xl-4-24 { width: 16.6667%; }
  .pure-u-xl-1-5 { width: 20%; }
  .pure-u-xl-5-24 { width: 20.8333%; }
  .pure-u-xl-1-4, .pure-u-xl-6-24 { width: 25%; }
  .pure-u-xl-7-24 { width: 29.1667%; }
  .pure-u-xl-1-3, .pure-u-xl-8-24 { width: 33.3333%; }
  .pure-u-xl-3-8, .pure-u-xl-9-24 { width: 37.5%; }
  .pure-u-xl-2-5 { width: 40%; }
  .pure-u-xl-10-24, .pure-u-xl-5-12 { width: 41.6667%; }
  .pure-u-xl-11-24 { width: 45.8333%; }
  .pure-u-xl-1-2, .pure-u-xl-12-24 { width: 50%; }
  .pure-u-xl-13-24 { width: 54.1667%; }
  .pure-u-xl-14-24, .pure-u-xl-7-12 { width: 58.3333%; }
  .pure-u-xl-3-5 { width: 60%; }
  .pure-u-xl-15-24, .pure-u-xl-5-8 { width: 62.5%; }
  .pure-u-xl-16-24, .pure-u-xl-2-3 { width: 66.6667%; }
  .pure-u-xl-17-24 { width: 70.8333%; }
  .pure-u-xl-18-24, .pure-u-xl-3-4 { width: 75%; }
  .pure-u-xl-19-24 { width: 79.1667%; }
  .pure-u-xl-4-5 { width: 80%; }
  .pure-u-xl-20-24, .pure-u-xl-5-6 { width: 83.3333%; }
  .pure-u-xl-21-24, .pure-u-xl-7-8 { width: 87.5%; }
  .pure-u-xl-11-12, .pure-u-xl-22-24 { width: 91.6667%; }
  .pure-u-xl-23-24 { width: 95.8333%; }
  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-24-24, .pure-u-xl-5-5 { width: 100%; }
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }
body { line-height: 1; background: rgb(255, 255, 255); }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::after, blockquote::before, q::after, q::before { content: none; }
table { border-spacing: 0px; }
*, body, html { font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-size: 1rem; }
#top, header { width: 100%; }
header .wr { overflow: visible; }
header#hdd { height: 96px; background: rgb(255, 255, 255); }
a, a:hover, button, button:hover { cursor: pointer; font-family: "Source Sans Pro", sans-serif; outline: 0px; }
.wr { height: auto; width: 100%; max-width: 1138px; margin: 0px auto; padding: 0px 1em; clear: both; box-sizing: border-box; }
.logo img { margin: 1rem 0px; display: block; }
header .slogan { margin: 2rem 0px; }
header .slogan p { font-size: 1rem; color: rgb(51, 51, 51); }
.callback a { width: 3rem; height: 3rem; color: rgb(255, 255, 255); border-radius: 50%; margin: 1.5rem auto; display: block; background: url("spry.png") 0px 0px no-repeat rgb(231, 32, 54); }
.callback a:hover { background-color: rgb(4, 102, 152); }
.logo a { display: block; overflow: hidden; height: auto; }
.tels { font: 900 1.375rem/100% "Source Sans Pro"; color: rgb(4, 102, 152); padding: 1.5rem 0px; }
.tels a { color: rgb(4, 102, 152); }
.ham { display: block; width: 2rem; height: 2rem; margin: 2.25rem auto; cursor: pointer; }
.ham div { background: rgb(0, 0, 0); height: 3px; width: 100%; margin-bottom: 6px; }
.ham div.ham-med { width: 60%; }
.ham:hover div.ham-med, .ham:hover div.ham-small { width: 100%; }
.ham div.ham-small { width: 33.33%; }
nav#main-menu { display: none; }
#slider { margin-bottom: 5rem; height: 100%; min-height: 585px; position: relative; }
.bw { filter: grayscale(100%); }
a.iso { color: rgb(239, 124, 0); border-bottom: 1px dotted rgb(239, 124, 0); }
a, button { cursor: pointer; text-decoration: none; }
.absolute { position: absolute; top: 0px; left: 0px; right: 0px; margin: 0px auto; }
.bxslider li { min-height: 585px; }
.bxslider li .wr { position: relative; padding: 7.5rem 1rem 0px; }
.bxslider li img { z-index: 1; display: block; }
.bxslider li .banner-text { width: 69%; height: 24rem; box-sizing: border-box; position: absolute; z-index: 2; left: 0px; right: 0px; }
.bxslider li .banner-text h2 { color: rgb(255, 255, 255); font: 900 3rem/120% "Source Sans Pro"; margin-bottom: 3rem; text-shadow: rgb(0, 0, 0) 0px 0px 43px; }
.bxslider li .banner-text h3 { color: rgb(255, 255, 255); font: 900 1.5rem/120% "Source Sans Pro"; margin-bottom: 3rem; text-shadow: rgb(0, 0, 0) 0px 0px 43px; }
.bxslider li .banner-text a { background: rgb(225, 227, 22); color: rgb(0, 0, 0); text-align: center; display: block; border-radius: 2rem; box-shadow: rgb(34, 34, 34) 0px 1rem 2rem; font: 900 1.125rem/100% "Source Sans Pro"; box-sizing: border-box; text-transform: uppercase; height: 4rem; width: 33%; padding: 1.25rem 0px 0px; }
#products-services h2 { font: 900 3rem/100% "Source Sans Pro"; text-align: center; margin-bottom: 4rem; }
#products-services .p-n-s a h2 { font: 400 150%/120% "Source Sans Pro"; text-align: left; margin-bottom: 1.5rem; }
.p-n-s p { font: 400 125%/120% "Source Sans Pro"; margin-bottom: 1.5rem; }
.rel { position: relative; }
.abs { position: absolute; left: 15%; top: 18%; width: 70%; height: 70%; z-index: 2; }
.p-n-s { overflow: hidden; clear: both; display: block; color: rgb(255, 255, 255); }
.p-n-s img { width: 100%; height: auto; display: block; margin: 0px auto; z-index: 1; }
.p-n-s a span { color: rgb(0, 0, 0); background: rgb(225, 227, 22); border-radius: 2rem; text-align: center; display: block; font: 900 100%/100% "Source Sans Pro"; width: 12rem; box-sizing: border-box; padding: 0.75rem 0px; }
.p-n-s a { display: block; color: rgb(255, 255, 255); }
#we-are h2 { text-align: center; color: rgb(4, 102, 152); margin: 5.5rem 0px 3rem; font: 900 2.25rem/100% "Source Sans Pro"; }
#we-are .annotation { width: 49.99%; text-align: center; color: rgb(34, 34, 34); font: 400 112.5%/120% "Source Sans Pro"; margin: 0px auto 6rem; }
#we-are .annotation p { margin-bottom: 2rem; }
.advantages { margin: 0px 0px 4rem; }
.sticker { background: rgb(244, 244, 244); border-top-left-radius: 6.75rem; border-top-right-radius: 6.75rem; box-sizing: border-box; margin: 0px 1rem; padding: 2.15rem 2rem; }
.sticker-head { border-radius: 50%; border: 2px solid rgb(51, 51, 51); vertical-align: middle; text-align: center; margin: 0px auto 1.5rem; width: 157px; height: 157px; font: 900 1.25rem "Source Sans Pro"; }
.sticker-head span { display: block; text-align: center; font-size: 1.75rem; margin-top: 2.5rem; }
#adv1 { color: rgb(231, 32, 54); border-color: rgb(231, 32, 54); }
#adv2 { color: rgb(1, 102, 152); border-color: rgb(4, 102, 152); }
#adv3 { color: rgb(0, 89, 82); border-color: rgb(0, 89, 82); }
#adv4 { color: rgb(239, 124, 0); border-color: rgb(239, 124, 0); }
.sticker-text { font: 400 1rem/120% "Source Sans Pro"; margin: 0px 0px 2rem; }
.sticker-text p { margin-bottom: 1rem; text-align: center; }
.borderred { border-bottom: 3px solid rgb(231, 32, 54); }
.borderred a { color: rgb(231, 32, 54); text-decoration: underline; }
.borderblue { border-bottom: 3px solid rgb(4, 102, 152); }
.borderblue a { color: rgb(4, 102, 152); text-decoration: underline; }
.bordergreen { border-bottom: 3px solid rgb(0, 89, 82); }
.bordergreen a { color: rgb(0, 89, 82); text-decoration: underline; }
.borderyell { border-bottom: 3px solid rgb(239, 124, 0); }
.buttons { clear: both; overflow: hidden; text-align: center; }
a.find-out { background: rgb(4, 102, 152); text-align: center; display: inline-block; border-radius: 2rem; font: 400 1.125rem/100% "Source Sans Pro"; box-sizing: border-box; height: 4rem; width: 22%; padding: 1.25rem 0px 0px; color: rgb(255, 255, 255); margin-left: 1rem; }
a.find-out:hover { background: rgb(226, 15, 29); }
a.docs:hover { color: rgb(0, 0, 0); }
a.docs { color: rgb(51, 51, 51); font: 400 1.125rem/100% "Source Sans Pro"; background: url("spry.png") 0px -111px no-repeat; box-sizing: border-box; height: 4rem; padding: 1.25rem 0px 0px 2.5rem; margin: 0px 1rem 0px 2rem; display: inline-block; }
#development-stages { margin: 5.5rem 0px 0px; background: rgb(244, 244, 244); padding-bottom: 4rem; box-shadow: rgb(202, 202, 202) 0px 0.75rem 1rem; }
#development-stages h2 { text-align: center; color: rgb(0, 0, 0); font: 900 2rem/100% "Source Sans Pro"; margin: 0px 0px 2rem; padding-top: 4rem; }
#development-stages .annotation { font: 400 1.125rem/120% "Source Sans Pro"; text-align: center; width: 49.99%; margin: 0px auto 4rem; }
.requirements .wr div.get-cons { max-width: 32rem; margin: 4rem auto 0px; }
.requirements .wr div.get-cons p { font: 900 1.25rem/140% "Source Sans Pro"; color: rgb(0, 0, 0); text-align: center; background: rgb(244, 244, 244); border-radius: 2rem; padding: 2rem; box-shadow: rgb(204, 204, 204) 0px 0.5rem 2rem; }
.requirements .wr div.get-cons a { text-transform: uppercase; font-weight: 900; height: auto; }
.dev-l-block { width: 50%; float: left; }
.dev-r-block { width: 50%; float: right; }
#dev-block { overflow: hidden; clear: both; }
.stage { height: 4rem; padding: 0.5rem 0px 0.5rem 2rem; font: 400 1.5rem/4rem "Source Sans Pro"; color: rgb(4, 102, 152); cursor: pointer; }
#grr { height: auto; }
.stage.active, .stage:hover { background: rgb(225, 235, 241); }
.gal { display: block; height: 18rem; padding: 1rem; overflow: hidden; }
.gal.active { background: rgb(225, 235, 241); }
.gal li img { display: block; margin: 0.5rem auto 0px; }
.questions { padding: 2rem 0px; position: relative; height: 30.25rem; overflow: hidden; }
.slice { position: absolute; display: block; }
.position-1 { top: 10%; left: 15%; z-index: 20; background: url("spry.png") 0px -485px no-repeat; width: 297px; height: 269px; }
.position-2 { bottom: 1rem; right: 18%; z-index: 18; background: url("spry.png") 0px -754px no-repeat; width: 211px; height: 194px; }
.position-3 { bottom: 10%; right: 15%; z-index: 12; background: url("spry.png") 0px -947px no-repeat; width: 153px; height: 141px; }
.position-4 { top: -2%; left: 50%; z-index: 19; background: url("spry.png") 0px -1087px no-repeat; width: 101px; height: 95px; }
#big-tels { width: 39.98%; max-width: 37.5rem; background: rgb(244, 244, 244); padding: 2rem 2rem 3rem; margin: 4rem auto; border-bottom: 6px solid rgb(231, 32, 54); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; z-index: 333; position: absolute; left: 0px; right: 0px; top: 15%; }
#big-tels h3 { text-align: center; margin: 0px 0px 2rem; color: rgb(231, 32, 54); font: 900 2rem/100% "Source Sans Pro"; }
#big-tels div { background: url("spry.png") 0px -272px no-repeat; color: rgb(0, 0, 0); font: 900 2.25rem/120% "Source Sans Pro"; width: 69%; margin: 0px auto; }
#big-tels div span { display: block; margin-left: 6rem; }
#big-tels div a { color: rgb(51, 51, 51); }
.our-customers { background: rgb(244, 244, 244); padding: 4rem 0px; }
.our-customers h3 { text-align: center; color: rgb(0, 0, 0); font: 900 2rem/100% "Source Sans Pro"; margin-bottom: 4rem; }
.carousel { height: 14rem; }
p.official { text-transform: uppercase; text-align: center; padding: 0px 2rem; color: rgb(0, 0, 0); font: 400 1.125rem/120% "Source Sans Pro"; }
.reviews-blog { padding: 4rem 0px; }
.reviews { width: 87.5%; box-sizing: border-box; }
.reviews img { box-shadow: rgb(153, 153, 153) 0px 1rem 2rem; width: 80%; margin: 0px auto; display: block; }
.blogs h3, .reviews h3 { color: rgb(0, 0, 0); font: 900 2rem/100% "Source Sans Pro"; margin-bottom: 3rem; margin-left: 1rem; }
.blogs h3 { margin-left: 2rem; }
.pure-button-secondary { background: 0px 0px; border: 1px solid rgb(4, 102, 152); border-radius: 2rem; color: rgb(4, 102, 152); font: 400 1.125rem/100% "Source Sans Pro"; text-align: center; display: block; margin: 3rem auto; width: 33%; }
.blog-block { background: rgb(225, 235, 241); border-radius: 2rem; padding: 2rem; }
.blog-item { overflow: hidden; clear: both; }
.blog-item a { color: rgb(0, 0, 0); }
.blog-item-img { width: 8rem; height: 8rem; float: left; }
.blog-item-img img { display: block; border-bottom-right-radius: 2rem; border-top-left-radius: 2rem; border-top-right-radius: 2rem; margin: 0px auto; }
.blog-item-text { margin-left: 10rem; }
.blog-item-text p { font: 400 1.125rem/120% "Source Sans Pro"; margin-bottom: 1rem; }
.blog-item a span { color: rgb(105, 126, 123); font-size: 0.875rem; }
a.go-blog { display: block; text-align: center; margin: 4rem auto 0px; color: rgb(4, 102, 152); font-size: 1.125rem; }
.are-u-represent { padding: 0px 0px 4rem; }
.are-u-represent h3 { color: rgb(0, 0, 0); font: 900 2rem/100% "Source Sans Pro"; margin-bottom: 3rem; text-align: center; }
.are-u-represent p { text-align: center; color: rgb(227, 31, 35); font: 400 1.125rem/120% "Source Sans Pro"; margin-bottom: 2rem; }
a.commercial { background: url("spry.png") 1.5rem -175px no-repeat rgb(227, 31, 35); color: rgb(255, 255, 255); font: 400 1.125rem/120% "Source Sans Pro"; height: 1.75rem; padding: 1.25rem 0px; display: block; width: 33%; border-radius: 2rem; margin: 0px auto; text-align: center; box-shadow: rgb(231, 131, 134) 0px 1rem 2rem; }
.pre-foot { padding: 4rem 0px; border-top: 1px solid rgb(239, 239, 240); }
.mail-us p:first-child { color: rgb(51, 51, 51); font: 400 1.5rem/100% "Source Sans Pro"; margin-bottom: 1rem; }
.mail-us p:last-child a { color: rgb(226, 30, 34); font: 400 3rem/100% "Source Sans Pro"; }
.mail-us { margin-bottom: 3rem; }
.call-us p:first-child { color: rgb(51, 51, 51); font: 400 1.5rem/100% "Source Sans Pro"; margin-bottom: 1rem; }
.call-us p:last-child a { color: rgb(4, 102, 152); font: 400 3rem/100% "Source Sans Pro"; }
.wanna { margin: 2rem 0px 0px; }
.wanna h4 { color: rgb(51, 51, 51); text-align: center; font: 900 1.5rem/100% "Source Sans Pro"; margin-bottom: 1rem; }
.wanna p { font-size: 1.5rem; text-align: center; margin-bottom: 2rem; }
.pure-button-primary { background-color: rgb(4, 102, 152); border-radius: 2rem; padding: 1rem; width: 49.98%; height: 4rem; font: 900 1.25rem/100% "Source Sans Pro"; text-align: center; margin: 1rem auto; color: rgb(255, 255, 255); display: block; text-transform: uppercase; box-shadow: rgb(78, 130, 153) 0px 0.5rem 1rem; }
footer { background: url("foot-tiles.png") 0px 2rem repeat rgb(244, 244, 244); border-top: 1px solid rgb(239, 239, 240); padding: 4rem 0px; }
.logo-b-w { margin: 0px 0px 4rem; overflow: hidden; }
.logo-b-w img { display: block; overflow: hidden; }
.foot-left p { font-size: 1rem; color: rgb(51, 51, 51); margin: 0px 0px 1.5rem; padding-right: 2rem; line-height: 120%; }
.subtels { overflow: hidden; margin-bottom: 1rem; }
.subtels a { display: block; margin: 0px 0px 1rem; font-size: 1.5rem; color: rgb(51, 51, 51); }
.sublinks { overflow: hidden; }
.sublinks li { margin: 0px 0px 1rem; }
.sublinks li a { color: rgb(4, 102, 152); }
#social { margin: 2rem 0px; overflow: hidden; }
#social a { width: 32px; height: 32px; display: block; margin: 0px 1rem 0px 0px; float: left; }
#social a#fb { background: url("spry.png") -81px 0px no-repeat; }
#social a#vk { background: url("spry.png") -113px 0px no-repeat; }
#social a#ig { background: url("spry.png") -145px 0px no-repeat; }
#author { overflow: hidden; }
#author a { display: block; color: rgb(102, 102, 102); font: 400 0.875rem/100% "Source Sans Pro"; }
#author a span { color: rgb(227, 31, 35); }
#author a:hover, #author a:hover span { color: rgb(0, 0, 0); }
.footer-about-links, .footer-products-links { margin-left: 2rem; }
.footer-about-links h4, .footer-products-links h4 { color: rgb(85, 85, 85); font: 400 1.75rem/125% "Source Sans Pro"; margin: 2rem 0px 3.5rem; }
.footer-about-links ul, .footer-about-links ul li, .footer-products-links ul, .footer-products-links ul li { overflow: hidden; }
.footer-about-links ul li:first-child, .footer-products-links ul li:first-child { margin-top: 0px; }
.footer-about-links ul li, .footer-products-links ul li { margin: 1.25rem 0px; }
.footer-about-links ul li a, .footer-products-links ul li a { color: rgb(4, 102, 152); font-size: 1.25rem; line-height: 150%; }
nav#main-menu { position: fixed; min-height: 100%; width: 100%; height: 100%; background: rgb(244, 244, 244); box-sizing: border-box; padding: 2rem; top: 0px; left: 0px; right: 0px; margin: 0px auto; z-index: 2222; }
nav#main-menu ul { width: 50%; margin: 2rem auto; display: block; overflow: auto; height: 100%; }
nav#main-menu ul li a:hover, nav#main-menu ul li.level2 a:hover { color: rgb(4, 102, 152); }
nav#main-menu ul li a.red { color: rgb(227, 31, 35); }
nav#main-menu ul li { margin: 1rem 0px; }
nav#main-menu ul li a { color: rgb(0, 0, 0); font: 400 1.5rem/120% "Source Sans Pro"; }
nav#main-menu ul li.level2 { margin-left: 1rem; }
nav#main-menu ul li.level2 a { color: rgb(0, 0, 0); font: 400 1rem/120% "Source Sans Pro"; }
nav#main-menu ul li li.level2:last-child { margin-bottom: 2rem; }
nav#main-menu ul li:last-child { margin-bottom: 4rem; }
.close { position: absolute; top: 3rem; right: 3rem; width: 24px; height: 24px; background: url("spry.png") -292px -4px no-repeat; cursor: pointer; }
.overflowed { overflow: hidden; }
.carousel { width: 100%; max-width: 1140px; margin: 0px auto; }
#gallery { overflow: hidden; padding: 1rem 0px; }
img { color: rgb(102, 102, 102); font: 400 1rem/100% "Source Sans Pro"; text-align: center; }
.fixed { position: fixed; left: 0px; top: 0px; z-index: 5555; box-shadow: rgb(204, 204, 204) 0px 0px 6px; }
#order-form { display: none; position: fixed; width: 100%; height: 100%; max-width: 40rem; max-height: 30rem; padding: 3rem; box-sizing: border-box; background: rgb(255, 255, 255); box-shadow: rgb(153, 153, 153) 0px 0px 1rem; top: 15%; left: 0px; right: 0px; margin: 0px auto; z-index: 9999999; }
.wrx { position: relative; }
.wrx .close { top: 0.5rem; right: 0px; }
#order-form h3 { text-align: center; font: 900 2rem/100% "Source Sans Pro"; color: rgb(4, 102, 152); margin-bottom: 1rem; }
#order-form p { color: rgb(102, 102, 102); text-align: center; font-size: 1.125rem; line-height: 125%; margin-bottom: 2rem; }
#order-form input { border-radius: 2rem; width: 49.98%; box-sizing: border-box; margin: 2rem auto 1rem; padding: 1rem 0px; text-align: center; color: rgb(0, 0, 0); font: 900 1rem/100% "Source Sans Pro"; height: 4rem; }
.pure-button-primary.red { background: rgb(227, 31, 35); box-shadow: rgb(231, 131, 134) 0px 1rem 2rem; margin-bottom: 3rem; }
#order-form a { color: rgb(51, 51, 51); }
.hd-image { height: 20rem; overflow: hidden; background-color: rgb(4, 102, 152); }
.hd-image-2 { height: 15rem; overflow: hidden; width: 100%; position: relative; }
.hd-image h1, .hd-image-2 h1 { margin-top: 4rem; color: rgb(255, 255, 255); font: 900 3rem/125% "Source Sans Pro"; text-align: center; margin-bottom: 2rem; text-shadow: rgb(0, 0, 0) 0px 0px 2.5rem; }
.hd-image-2 div { background-image: linear-gradient(to top, rgba(30, 30, 30, 0), rgba(0, 0, 0, 0.7)); width: 100%; height: 100%; overflow: hidden; }
.hd-image-2 h1 { max-width: 1140px; margin-left: auto; margin-right: auto; margin-top: 3rem; }
.hd-image h2 { color: rgb(255, 255, 255); font: 900 1.5rem/125% "Source Sans Pro"; text-align: center; margin-bottom: 4rem; text-shadow: rgb(0, 0, 0) 0px 0px 1.5rem; }
.content-icons { width: 100%; margin: 0px auto; }
#head-content .content-icons { max-width: 36rem; }
.content-icon { width: 3rem; display: block; color: rgb(255, 255, 255); height: 3rem; float: left; }
.content-icon-text { margin-left: 1rem; display: block; color: rgb(255, 255, 255); height: 3rem; float: left; box-sizing: border-box; padding: 1rem 0px 0px; }
#subnav { margin: 5rem 0px; }
#subnav ul { text-align: center; }
#subnav ul li { display: inline-block; padding: 0px 1rem; }
#subnav ul li a { color: rgb(4, 102, 152); font-size: 1.25rem; }
.content { padding-bottom: 4rem; }
#hi-ceo h3, #kraft h3, .our-works h3 { text-align: center; font: 900 2rem/100% "Source Sans Pro"; color: rgb(0, 0, 0); margin-bottom: 4rem; }
#ceo img { display: block; margin: 0px auto; border: 5px solid rgb(255, 255, 255); box-shadow: rgb(221, 221, 221) 0px 0.5rem 4rem; }
#ceo .ceo4 { text-align: center; color: rgb(102, 102, 102); font: 400 1.125rem/150% "Source Sans Pro"; margin: 2rem 0px; }
.ceo-text p:first-child { font-size: 1.5rem; margin-top: 0.5rem; }
.ceo-text p { color: rgb(0, 0, 0); font: 400 1.125rem/125% "Source Sans Pro"; text-align: left; margin: 1rem 0px; }
#kraft { margin: 3rem 0px; }
#kb-text div p { color: rgb(51, 51, 51); font: 400 1.125rem/125% "Source Sans Pro"; margin: 0px 0px 1rem; }
a.go-kb { display: block; width: 45%; background: rgb(255, 246, 0); color: rgb(0, 0, 0); text-align: center; padding: 1.25rem 0px; border-radius: 2rem; font-size: 1.125rem; float: left; }
a.kb-tel { color: rgb(0, 170, 222); font: 900 2rem/100% "Source Sans Pro"; display: block; float: right; background: url("spry.png") -294px -1253px no-repeat; height: 2rem; padding-left: 2.5rem; margin-top: 0.75rem; margin-right: 1.5rem; }
.kb-links { margin-top: 2rem; overflow: hidden; }
#kb-img img { display: block; margin: 0px auto; }
.go-gal { background-color: rgb(4, 102, 152); border-radius: 2rem; padding: 1.5rem 1rem; width: auto; max-width: 15rem; font: 400 1.25rem/100% "Source Sans Pro"; text-align: center; margin: 0px auto 1rem; color: rgb(255, 255, 255); display: block; box-shadow: rgb(78, 130, 153) 0px 0.5rem 1rem; }
#pok2 a.get-consulation { margin-top: 4rem; }
.get-cons a.get-consulation { padding: 1rem 0px; max-width: 20rem; }
.related.related5, .related5 #epdm-piece { height: auto; margin: 0px auto; }
#subnav a.active { color: rgb(136, 136, 136); }
.content p.subhead { font-size: 1.375rem; padding: 1rem 0px 0.5rem; color: rgb(0, 0, 0); }
.content p { font: 400 1.125rem/130% "Source Sans Pro"; margin: 0.5rem 0px; padding: 0px 0px 0.5rem; color: rgb(51, 51, 51); }
.content p.gotoyamap { border-bottom: 1px dashed rgb(51, 51, 51); display: inline-block; cursor: pointer; }
.content h3 { margin-bottom: 3rem; text-align: center; font: 900 1.75rem/125% "Source Sans Pro"; color: rgb(0, 0, 0); }
#page-28 .content.sub-about, #page-29 .content.sub-about, .content.sub-about .wr { width: 50%; max-width: 36rem; margin: 0px auto; }
#page-28 .content.sub-about img.logogo, #page-29 .content.sub-about img.logogo { width: 100%; height: auto; display: block; }
.pure-button-primary.content-btn { color: rgb(255, 255, 255); max-width: 14rem; height: auto; font: 400 1.125rem/100% "Source Sans Pro"; margin: 1rem 0px 2rem; text-transform: none; }
.content p .pure-button-primary { color: rgb(255, 255, 255); margin: 2rem auto; max-width: 16rem; height: auto; text-transform: none; }
.content p a, .content p a.email { color: rgb(1, 102, 152); }
.content p a.socnet { color: rgb(231, 32, 54); }
#yamap { width: 100%; height: auto; margin: 2rem auto; }
.noshow { display: none; }
#page-28 .noshow { display: block; margin-bottom: 4rem; }
.content ul li, .sub-opt ul li { font: 400 1.125rem/125% "Source Sans Pro"; color: rgb(51, 51, 51); margin: 0.5rem 0px; padding: 0px 0px 0.5rem; }
.sub-opt h3 { font-size: 1.125rem; margin: 2rem 0px 1rem; }
.content ul li::before, .modalka ul li::before, .content.portu .sub-opt li::before { content: ""; padding-right: 1.5rem; }
.content ul#gallery2 li::before, .content.portu ul li::before, .content.reviewz ul li::before { content: ""; padding-right: 0px; }
#show-reviews { text-align: center; padding: 2rem 0px; }
#show-reviews ul { text-align: center; margin: 0px auto; }
.reviews#show-reviews { width: 100%; }
#show-reviews ul li { margin-bottom: 2rem; padding-bottom: 0px; }
.content ul#gallery2 li { text-align: center; vertical-align: top; line-height: 125%; }
.content ul#gallery2 li img { display: block; margin: 0px auto 1rem; box-shadow: rgb(204, 204, 204) 0px 0.5rem 1rem; }
.content ul#gallery2 li a { color: rgb(4, 102, 152); font-size: 0.875rem; }
.descr { margin: 0px auto 3rem; color: rgb(102, 102, 102); box-sizing: border-box; max-width: 50%; padding: 0px 1rem; }
.descr h2 { font: 900 2rem/150% "Source Sans Pro"; color: rgb(0, 0, 0); margin: 0px 0px 2rem; text-align: center; }
.sub-opt { margin-top: 3rem; }
.container { margin: 6rem 0px; }
#main-products-menu li img { display: block; margin: 0px auto 2rem; }
#main-products-menu li a.item-title { color: rgb(0, 101, 169); font: 900 1.5rem/150% "Source Sans Pro"; text-align: center; display: block; margin-bottom: 2rem; height: 24.25rem; }
#main-products-menu li a.item-title span { display: block; margin: 0px 1.5rem; }
#main-products-menu li:last-child a.item-title { padding: 0px 1.5rem; }
#main-products-menu li span.anno { display: block; margin-bottom: 2rem; font: 400 1rem/150% "Source Sans Pro"; color: rgb(51, 51, 51); text-align: center; padding: 0px 2rem; }
#main-products-menu li span.el-price { display: block; text-align: center; font: 900 1.5rem/150% "Source Sans Pro"; color: rgb(51, 51, 51); margin-bottom: 2rem; }
#main-products-menu li a.prod-chooser { background: rgb(227, 31, 35); color: rgb(255, 255, 255); font: 900 1.125rem/120% "Source Sans Pro"; height: 1.75rem; padding: 1.25rem 0px; display: block; width: 80%; border-radius: 2rem; margin: 0px auto; text-align: center; box-shadow: rgb(231, 131, 134) 0px 1rem 2rem; text-transform: uppercase; }
#head-content .content-icons.in-prod { max-width: 80%; }
.prods .our-works { margin-bottom: 4rem; }
#rubber-block { margin: 6rem 0px; }
.our-works.gray { background: rgb(244, 244, 244); padding: 3rem 0px; }
#main-products-menu h3, #rubber-block h3, #what-we-produce h3 { font: 900 2rem/125% "Source Sans Pro"; text-align: center; color: rgb(0, 0, 0); margin-bottom: 4rem; }
.bordered-big-block { padding: 0.3rem; border-radius: 2.5rem; box-shadow: rgb(204, 204, 204) 0px 0.5rem 1rem; width: 90%; margin: 0px auto; }
.bordered-sub { border-radius: 2rem; padding: 2rem; border: 1px solid rgb(221, 221, 221); }
.bordered-sub li, .bordered-sub p { font: 400 1.25rem/125% "Source Sans Pro"; color: rgb(51, 51, 51); margin: 0px 0px 1rem; }
.bordered-sub ul { margin: 0px 0px 0px 2.5rem; padding: 1rem 0px; }
#rb-first h3 { max-width: 90%; margin-left: auto; margin-right: auto; }
strong { font-weight: 900; }
.reda { text-align: center; color: rgb(231, 131, 134); }
p.thanx { margin: 2rem auto; text-align: left; font-size: 1.5rem; }
p.grass1 { text-align: center; font-size: 1.5rem; }
.bordered-sub li::before { border: 2px solid rgb(4, 102, 152); border-radius: 50%; content: ""; display: inline-block; height: 0.5rem; margin: 0px 2rem 0px -40px; position: relative; top: -2px; vertical-align: middle; width: 0.5rem; }
.related { box-sizing: border-box; position: relative; width: 80%; margin: 0px auto 5rem; overflow: hidden; height: 500px; min-width: 464px; }
#epdm-piece img { margin: 2rem auto; }
#epdm-piece.ep2 img { display: block; margin-top: 5rem; }
#epdm-piece { width: 464px; height: 447px; }
.related span { display: block; }
#rel1 { position: absolute; top: 0px; left: 15%; color: rgb(101, 101, 101); font-size: 1.5rem; }
#rel2 { position: absolute; top: 12%; right: 0px; color: rgb(101, 101, 101); font-size: 1.25rem; width: 8.6rem; text-align: center; }
#rel3 { position: absolute; bottom: 2%; left: 5%; color: rgb(101, 101, 101); font-size: 1.25rem; }
.big-ul { margin: 4rem 0px 4rem 4rem; display: block; }
.big-ul li { vertical-align: middle; margin: 2rem 0px; font: 400 1.375rem/125% "Source Sans Pro"; color: rgb(51, 51, 51); }
.big-ul li span { height: 2rem; background: url("spry.png") -1px -1248px no-repeat; display: inline-block; margin: 0px 1rem 0px 0px; padding-left: 3rem; padding-top: 0.25rem; }
#go-to-choose { background: rgb(227, 31, 35); color: rgb(255, 255, 255); font: 400 1.375rem/120% "Source Sans Pro"; height: 1.75rem; padding: 1.25rem 0px; display: block; width: 75%; border-radius: 2rem; margin: 0px auto; text-align: center; box-shadow: rgb(231, 131, 134) 0px 1rem 2rem; }
#what-we-produce h4 { color: rgb(6, 104, 165); text-align: center; font: 400 2rem/125% "Source Sans Pro"; margin: 0px 0px 2rem; }
#what-we-produce h5 { color: rgb(51, 51, 51); text-align: center; font: 400 1.5rem/125% "Source Sans Pro"; margin: 0px 0px 2.5rem; }
.surface-image { width: 60%; margin: 0px auto; }
.surface-image p { color: rgb(102, 102, 102); text-align: center; font: 400 1rem/125% "Source Sans Pro"; margin: 0px 0px 2rem; }
.surface-image img { display: block; margin: 0px auto; }
.big-ul2 { width: 70%; margin: 1rem auto 0px; }
.big-ul2 li { background: url("spry.png") -288px -1172px no-repeat; padding-left: 3rem; font: 400 1.125rem/100% "Source Sans Pro"; margin: 0.5rem 0px; height: 2rem; padding-top: 0.5rem; color: rgb(51, 51, 51); }
.another-bordered { padding: 0.3rem; border-radius: 8px; box-shadow: rgb(204, 204, 204) 0px 0.5rem 1rem; width: 80%; box-sizing: border-box; margin: 3rem auto 4rem; }
.red-border { border-bottom: 4px solid rgb(217, 48, 45); }
.blue-border { border-bottom: 4px solid rgb(4, 102, 152); }
.subbordered { padding: 3rem 2rem; border: 1px solid rgb(221, 221, 221); border-radius: 6px; }
.subbordered p { font: 400 1rem/140% "Source Sans Pro"; color: rgb(51, 51, 51); margin: 0px 0px 1rem; }
.surface-designs { margin: 0px auto 2rem; }
.surface-designs ul { text-align: center; max-width: 30rem; margin: 0px auto; }
.surface-designs ul li { width: 49%; box-sizing: border-box; display: inline-block; color: rgb(51, 51, 51); font-size: 1.125rem; }
.surface-designs ul li img { display: block; border-radius: 50%; margin: 0px auto 1rem; }
.surface-designs ul li span { display: block; padding: 1rem 0px; text-align: center; }
#rubber-standard .surface-designs ul li img { box-shadow: rgb(170, 170, 170) 0px 0px 2rem; }
.new-carousel { overflow: hidden; margin-bottom: 3rem; }
.big-bordered { padding: 0.5rem; border-radius: 2.5rem; box-shadow: rgb(204, 204, 204) 0px 0.5rem 1rem; width: 90%; box-sizing: border-box; margin: 2rem auto; }
.otherbordered { padding: 2rem; border: 1px solid rgb(221, 221, 221); border-radius: 2rem; }
.kilo-p { text-align: center; font: 400 1.5rem/125% "Source Sans Pro"; color: rgb(51, 51, 51); margin: 0px 0px 2rem; }
.choose-square, .choose-thickness { margin: 1rem auto 3rem; }
.choose-square p, .choose-thickness p { font: 400 1.125rem/125% "Source Sans Pro"; text-align: center; margin-bottom: 2rem; color: rgb(51, 51, 51); }
.chooser { text-align: center; }
.chooser.red-chooser span.active { background: rgb(227, 31, 35); border-color: rgb(227, 31, 35); }
.chooser span { width: 30%; margin: 0px 1.25%; display: inline-block; padding: 1rem; border-radius: 2rem; text-align: center; font: 400 1rem/125% "Source Sans Pro"; border: 1px solid rgb(221, 221, 221); box-sizing: border-box; max-width: 8rem; background: rgb(244, 244, 244); cursor: pointer; color: rgb(102, 102, 102); }
.chooser span.active { background: rgb(4, 102, 152); border-color: rgb(4, 102, 152); color: rgb(255, 255, 255); }
.tech-table { margin: 4rem auto 2rem; table-layout: fixed; }
.tech-table td { border: 1px solid rgb(221, 221, 221); font: 400 1.125rem/100% "Source Sans Pro"; padding: 0.875rem; color: rgb(51, 51, 51); vertical-align: middle; }
.tech-table td.small { font-size: 0.875rem; line-height: 120%; }
.tech-table td.red { color: rgb(227, 34, 42); }
.tech-table td.blue { color: rgb(4, 102, 152); }
.price-itog { overflow: hidden; padding: 1rem 0px; text-align: center; }
#itog-a, #itog-b { font: 400 1.5rem/125% "Source Sans Pro"; text-align: right; padding-right: 0.5rem; display: inline-block; }
#itog-1, #itog-2 { display: inline-block; padding-left: 0.5rem; font: 900 2rem/125% "Source Sans Pro"; }
sup { vertical-align: baseline; position: relative; top: -0.4em; font-size: 75%; }
.pure-button-primary.reded { background: rgb(227, 31, 35); box-shadow: rgb(227, 31, 35) 0px 1rem 2rem; }
.surface-designs { height: 13rem; overflow: hidden; padding: 2rem 0px; }
#rubber-premium { margin: 4rem 0px; }
nav#main-menu ul li.level2 a.active { color: rgb(4, 102, 152); }
.bordered-sub h4 { color: rgb(51, 51, 51); font: 900 1.5rem/125% "Source Sans Pro"; margin-bottom: 2rem; }
#rel4 { position: absolute; top: 22%; left: 0px; color: rgb(101, 101, 101); font-size: 1.125rem; }
#rel5 { position: absolute; top: 0px; right: 0px; color: rgb(101, 101, 101); font-size: 1.125rem; width: 15rem; text-align: center; }
#rel6 { position: absolute; top: 47%; left: 0px; color: rgb(101, 101, 101); font-size: 1.125rem; }
.annoy1 { padding: 1rem 2rem; border: 1px solid rgb(4, 102, 152); border-radius: 2rem; font: 400 1.375rem/100% "Source Sans Pro"; text-align: center; color: rgb(4, 102, 152); display: block; width: 70%; margin: 4rem 0px 2rem; background: url("spry.png") 1.25rem -1397px no-repeat; }
.annoy2 { padding: 1rem 2rem; border: 1px solid rgb(227, 31, 35); border-radius: 2rem; font: 400 1.375rem/100% "Source Sans Pro"; text-align: center; color: rgb(227, 31, 35); display: block; width: 70%; margin: 2rem 0px 4rem; background: url("spry.png") 1.25rem -1332px no-repeat; }
.related2 { height: 428px; margin-bottom: 2rem; margin-top: 1rem; }
.related2.related3 { height: 380px; }
.related4 { margin-top: 4rem; }
.gamma { width: 90%; text-align: center; margin: 1rem auto; }
.gamma img { width: 100%; height: auto; display: block; max-width: 428px; margin: 0px auto 1rem; }
p.heads { text-align: center; color: rgb(0, 0, 0); font: 400 1.375rem/100% "Source Sans Pro"; margin: 0px 0px 1rem; }
.gamma a { color: rgb(4, 102, 152); font: 400 1.125rem/125% "Source Sans Pro"; border-bottom: 1px solid rgb(4, 102, 152); text-align: center; display: inline-block; margin: 0px auto; }
.modalka { display: block; width: 98%; height: 96%; min-height: 96%; background: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3rem; padding: 2rem; box-sizing: border-box; position: fixed; top: 2%; left: 0px; right: 0px; margin: 0px auto; z-index: 99999; overflow: hidden; }
.rela { width: 100%; position: relative; margin: 0px auto; }
.wrap-content { width: 100%; position: relative; margin: 0px auto; max-width: 1140px; overflow: auto; height: 80vh; box-sizing: border-box; padding-top: 1rem; }
.modalka .close { top: 0px; right: 0px; z-index: 111; }
#about-premium ul li, #about-standart ul li { margin: 1rem 0px; padding: 0px; font: 400 1.25rem/125% "Source Sans Pro"; color: rgb(51, 51, 51); }
#about-premium p, #about-standart p { line-height: 140%; }
#about-premium img, #about-standart img { text-align: center; display: block; margin: 2rem auto; }
#inventory { margin: 5rem 0px; }
#inventory img { display: block; margin: 3rem auto 2rem; width: 80%; height: auto; }
.pure-button-primary.get-consulation { width: 80%; font: 400 1.25rem/125% "Source Sans Pro"; text-transform: none; margin: 2rem auto; }
.prods #development-stages { background: rgb(255, 255, 255); margin-bottom: 5rem; margin-top: 3rem; }
.prods #development-stages h2 { padding-top: 2rem; }
#bloger { margin: 6rem 0px; }
#news { width: 100%; max-width: 45.625rem; margin: 0px auto; }
#news article { padding-bottom: 3rem; border-bottom: 1px solid rgb(221, 221, 221); }
#news article:last-child { border: none; }
#news article img { box-shadow: rgb(204, 204, 204) 0px 0.5rem 2rem; margin-bottom: 4rem; display: block; width: 100%; }
.date { display: inline-block; color: rgb(191, 191, 191); padding: 0.5rem 0px; }
.carne { display: inline-block; box-sizing: border-box; padding-left: 1rem; }
.carne h2 { font: 900 2rem/125% "Source Sans Pro"; margin-bottom: 2rem; }
.carne h2 a { color: rgb(0, 0, 0); }
.carne p { font: 400 1.125rem/125% "Source Sans Pro"; color: rgb(102, 102, 102); }
.go-read { margin: 2rem 0px; }
.time { display: block; background: url("spry.png") -295px -909px no-repeat; color: rgb(170, 170, 170); padding: 0.25rem 0px 0px 2rem; width: 200px; height: 24px; margin: 1rem 0px 0px; }
.go-read a { background: rgb(4, 102, 152); color: rgb(255, 255, 255); font: 400 1.125rem/120% "Source Sans Pro"; padding: 1rem 0px; display: block; width: 40%; max-width: 25rem; border-radius: 2rem; text-align: center; box-shadow: rgb(138, 202, 230) 0px 0.5rem 1rem; }
.datedate { text-align: right; padding-top: 0px; color: rgb(170, 170, 170); }
.datetime .time { margin-top: 0px; padding-top: 0px; padding-left: 2.5rem; }
.datetime { margin-bottom: 3rem; font-size: 150%; }
#blog-item { max-width: 46rem; margin: 0px auto; width: 100%; }
.blog-item-content { margin: 0px 0px 4rem; width: 100%; box-sizing: border-box; }
.blog-item-content p { font: 400 1.5rem/175% "Source Sans Pro"; color: rgb(0, 0, 0); margin: 1rem 0px; padding: 1rem 0px; }
.blog-item-content p:first-child { margin-top: 0px; padding-top: 0px; }
.sitemap ul li a { color: rgb(4, 102, 152); }
.blog-item-content a { color: rgb(4, 102, 152); display: inline-block; border-bottom: 1px solid rgb(4, 102, 152); }
.blog-item-content a:hover { border: none; }
.blog-item-content ul li, .requirements ul li { padding-left: 2rem; margin: 1.25rem 0px; font: 400 1.5rem/175% "Source Sans Pro"; color: rgb(0, 0, 0); }
.requirements ul li { font-size: 1.125rem; }
.sitemap ul li { margin-top: 1rem; }
.blog-item-content ul, .requirements ul, .sitemap ul { margin: 0px 0px 2rem 2rem; list-style: none outside; }
.blog-item-content ul li::before, .requirements ul li::before, .sitemap ul li::before { border: 2px solid rgb(4, 102, 152); border-radius: 50%; content: ""; display: inline-block; height: 0.5rem; margin: 0px 2rem 0px -40px; position: relative; top: -2px; vertical-align: middle; width: 0.5rem; }
.blog-item-content img { width: 100%; display: block; margin: 1rem auto; height: auto; box-shadow: rgb(170, 170, 170) 0px 0.5rem 2rem; }
.blog-item-content h2 { font: 900 2.5rem/150% "Source Sans Pro"; margin-bottom: 2.5rem; }
.blog-item-content h3 { font: 900 2rem/150% "Source Sans Pro"; margin-bottom: 2rem; }
.blog-item-content h4 { font: 900 1.5rem/150% "Source Sans Pro"; margin-bottom: 1.5rem; }
.blog-item-content h5 { font: 900 1.375rem/150% "Source Sans Pro"; margin-bottom: 1.375rem; }
.main-link-1 { margin: 2rem auto; }
.main-link-1 a { color: rgb(85, 85, 85); font-size: 2rem; text-align: center; padding: 2rem 0px; border-bottom: 1px solid rgb(221, 221, 221); border-top: 1px solid rgb(221, 221, 221); display: block; }
.main-link-1 a:hover { color: rgb(4, 102, 152); border-color: rgb(4, 102, 152); }
#rel7 { overflow-wrap: break-word; position: absolute; top: 6%; width: 20rem; left: 31%; color: rgb(153, 153, 153); font-size: 1.125rem; }
#rel8 { position: absolute; top: 21%; width: 13rem; color: rgb(153, 153, 153); font-size: 1.125rem; }
.requirements { margin: 4rem auto; padding-bottom: 2rem; }
.requirements .wr div { max-width: 40rem; margin: 0px auto; width: 100%; }
.requirements h3 { text-align: center; color: rgb(0, 0, 0); font: 900 2rem/125% "Source Sans Pro"; margin: 0px 0px 2rem; }
.requirements p { font: 400 1.125rem/150% "Source Sans Pro"; color: rgb(0, 0, 0); margin: 1rem 0px; padding: 1rem 0px; }
@media (max-width: 469px) and (min-width: 270px) {
  .descr { width: 85%; max-width: 100%; }
  #page-29 .content.sub-about { width: 100%; box-sizing: border-box; padding: 0px 2rem 4rem; }
  .main-link-1 { margin: 0.75rem auto; }
  .main-link-1 a { font-size: 1.25rem; }
  .blog-item-content ul li { font-size: 1.125rem; }
  .blog-item-content ul { margin-left: 1rem; }
  .datedate, .datetime .time { padding-top: 0.25rem; }
  .datetime { font-size: 100%; padding: 0px 1rem; margin-bottom: 2rem; }
  .blog-item-content { padding: 0px 1rem; }
  .blog-item-content p { font-size: 1.125rem; }
  #bloger { margin-top: 4rem; }
  #news article img { margin-bottom: 2rem; }
  .carne h2 { font-size: 1.5rem; }
  .date { margin-left: 1rem; }
  .modalka { width: 96%; }
  .carne { padding-right: 2rem; }
  .go-read a { width: 100%; }
  #rel4 { top: 15%; width: 10rem; }
  #pok2 { margin-top: 4rem; }
  .related2.related3 { height: 360px; }
  .gamma a { border: 0px; }
  #about-premium img, #about-standart img { width: 100%; height: auto; max-width: 381px; }
  .annoy1, .annoy2 { width: 100%; box-sizing: border-box; font-size: 1.125rem; }
  .tech-table { width: 100%; }
  .tech-table td { font-size: 1rem; overflow-wrap: break-word; }
  .chooser span { margin: 0px 1%; font-size: 0.875rem; padding: 0.5rem; }
  .another-bordered, .big-ul2 { width: 90%; }
  #epdm-piece img, .surface-image img { width: 100%; height: auto; }
  #epdm-piece { width: auto; height: auto; }
  .related { min-width: auto; width: 100%; height: 416px; }
  .surface-image { width: 100%; }
  .sm-noshow { display: none; }
  #main-products-menu li a.item-title { height: 22rem; }
  #main-products-menu li { margin-bottom: 4rem; }
  #head-content .content-icons.in-prod { max-width: 100%; }
  .content.sub-about .wr { max-width: 100%; padding: 0px 2rem; }
  .position-3, .position-4 { display: none; }
  .position-2 { bottom: 1%; left: 0px; right: 0px; }
  .position-1 { top: -5%; left: 5%; }
  nav#main-menu { padding: 1rem 0px; }
  nav#main-menu ul { height: 100%; margin: 0px auto; width: 100%; box-sizing: border-box; padding-left: 10%; padding-right: 10%; }
  header#hdd { height: 5rem; }
  .tels, header#hdd .slogan { display: none; }
  .logo a { white-space: nowrap; }
  .logo img { width: 100%; height: auto; vertical-align: middle; margin-bottom: 0px; max-width: 11rem; }
  header#hdd.fixed { height: 6rem; }
  .logo img { margin-top: 1.75rem; }
  .callback a { margin-top: 1.5rem; }
  .ham { margin-top: 2rem; }
  .p-n-s { font-size: 87.5%; }
  .p-n-s span { margin-top: 1.4rem; }
  #slider, .bxslider li { min-height: auto; }
  .bxslider li .banner-text { height: auto; }
  #slider { margin-bottom: 0px; height: auto; }
  .absolute { position: static; }
  .bxslider li .wr { padding: 0px 0px 1rem; }
  .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom: 1rem; display: none; }
  .bxslider li .banner-text h2 { font-size: 4vw; margin: 8% 5% 2.5%; text-align: center; }
  .bxslider li .banner-text h3 { font-size: 3vw; text-align: center; margin: 0px 5%; }
  .bxslider li .banner-text { width: 100%; box-sizing: border-box; }
  .bxslider li .banner-text a { padding: 0.5rem 0px; margin: 0.5rem auto 0px; font-size: 3vw; height: auto; border-radius: 1rem; width: 35%; min-width: 190px; max-width: 270px; box-shadow: rgb(68, 68, 68) 0px 0.5rem 1rem; }
  #products-services h2.he { margin: 2rem 0px; font-size: 2.5rem; }
  .abs { top: 12.5%; }
  .advantages, .bx-wrapper { margin-bottom: 2rem; }
  #we-are .annotation { width: 75%; }
  .sticker { max-width: 270px; margin: 0px auto 3rem; }
  a.find-out { float: none; width: 100%; max-width: 270px; box-sizing: border-box; margin: 0px auto 2rem; }
  a.docs { float: none; width: 100%; max-width: 270px; box-sizing: border-box; margin: 0px auto 2rem; }
  .dev-l-block, .dev-r-block { width: 100%; float: none; }
  .dev-r-block { margin-top: 2rem; }
  #development-stages { margin: 3rem 0px 0px; }
  .stage { font-size: 1.25rem; line-height: 100%; padding: 1.25rem 0px 1.25rem 2rem; height: auto; }
  .gal { height: auto; }
  .gal li img { width: 100%; height: auto; display: block; }
  #big-tels { width: 90%; box-sizing: border-box; margin: 4rem auto; }
  #big-tels h3 { font-size: 1.5rem; }
  #big-tels div { width: 100%; font-size: 1.5rem; background: 0px 0px; }
  #big-tels div span { text-align: center; padding: 0px; margin: 0.75rem 0px; }
  #big-tels div a { color: rgb(51, 51, 51); }
  p.official { font-size: 1rem; line-height: 150%; }
  .blogs h3, .reviews, .reviews h3 { text-align: center; margin-left: auto; margin-right: auto; }
  .pure-button-secondary.all-reviews { width: 49.98%; }
  a.commercial { width: 90%; background-image: none; }
  .call-us, .mail-us { text-align: center; }
  .call-us p:last-child a, .mail-us p:last-child a { font-size: 2.25rem; }
  .call-us { margin-bottom: 2rem; }
  .foot-left { margin-left: 2rem; box-sizing: border-box; }
  #author { margin-bottom: 3rem; }
  .footer-about-links h4, .footer-products-links h4 { margin-bottom: 2rem; }
  .footer-products-links { margin-right: 2rem; }
  .pure-button-primary { width: 80%; }
  .logo-b-w img { width: 100%; height: auto; display: block; max-width: 17.5rem; }
  #head-content h1 { margin: 2rem auto; font-size: 2rem; }
  #head-content h2 { font-size: 1.125rem; margin-bottom: 2.5rem; }
  .content-icon { width: 1.5rem; }
  .content-icon img { width: 100%; height: auto; }
  .content-icon-text { width: 65%; margin-top: 0px; padding-top: 0px; line-height: 125%; }
  #subnav { margin: 3rem 0px; width: 100%; height: 2rem; overflow: auto hidden; white-space: nowrap; padding: 1rem 0px; }
  #subnav ul { display: inline-block; width: 100%; height: 4rem; float: none; clear: both; }
  #subnav ul li:last-child { padding-right: 1rem; }
  #ceo img { width: 100%; box-sizing: border-box; height: auto; }
  a.go-kb, a.kb-tel { width: 100%; clear: both; float: none; margin-bottom: 1.5rem; box-sizing: border-box; margin-left: auto; margin-right: auto; }
  #kb-text, .ceo-text { padding: 0px 1.5rem; }
  #kb-img img { display: block; width: 90%; margin: 1rem auto; }
  .go-gal { margin: 2rem auto; }
  #order-form { top: 0px; min-height: 100%; }
  #order-form button, #order-form input { width: 100%; box-sizing: border-box; max-width: 270px; }
  .pure-button-primary.get-consulation { width: 100%; }
  .annoy1, .annoy2 { background-image: none; }
  .prods #development-stages h2 { padding-top: 2rem; }
  #inventory, #inventory img { margin-top: 1rem; }
}
@media (max-width: 799px) and (min-width: 470px) {
  #blog-item { padding: 0px 1rem; box-sizing: border-box; }
  .date { margin-left: 1rem; }
  .modalka { width: 96%; }
  .carne { padding-right: 2rem; }
  #main-products-menu li { max-width: 60%; margin: 0px auto 4rem; }
  .sm-noshow { display: none; }
  .carousel { height: auto; }
  .prods .carousel li img { width: 60%; max-width: 60%; min-width: 60%; }
  #slider, .bxslider li { min-height: auto; }
  .bxslider li .banner-text { height: auto; }
  #slider { margin-bottom: 0px; height: auto; }
  .absolute { position: static; }
  .bxslider li .wr { padding: 1rem 0px; }
  .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom: 1rem; display: none; }
  .bxslider li .banner-text h2 { font-size: 4vw; margin: 8% 5% 2.5%; text-align: center; }
  .bxslider li .banner-text h3 { font-size: 3vw; text-align: center; margin: 0px 5%; }
  .bxslider li .banner-text { width: 100%; box-sizing: border-box; }
  .bxslider li .banner-text a { padding: 0.5rem 0px; margin: 0.5rem auto 0px; font-size: 2vw; height: auto; border-radius: 1rem; width: 35%; min-width: 190px; max-width: 270px; box-shadow: rgb(68, 68, 68) 0px 0.5rem 1rem; }
  nav#main-menu { padding: 1rem 0px; }
  nav#main-menu ul { height: 100%; margin: 0px auto; width: 80%; }
  .slogan { display: none; }
  .p-n-s li { max-width: 470px; margin: 0px auto; }
  .p-n-s { font-size: 112.5%; }
  .tels, header .slogan { display: none; }
  .logo a { white-space: nowrap; }
  .logo img { width: 100%; height: auto; vertical-align: middle; margin-top: 1.5rem; margin-bottom: 0px; max-width: 17.68rem; }
  .sticker { max-width: 270px; margin: 0px auto 3rem; }
  #development-stages { margin: 3rem 0px 0px; }
  .stage { font-size: 1.25rem; line-height: 100%; padding: 1.25rem 0px 1.25rem 1.5rem; height: auto; }
  .gal { height: auto; }
  .gal li img { width: 100%; height: auto; display: block; }
  #big-tels { width: 90%; box-sizing: border-box; margin: 4rem auto; }
  #big-tels h3 { font-size: 1.5rem; }
  #big-tels div { width: 100%; font-size: 2rem; background: 0px 0px; }
  #big-tels div span { text-align: center; padding: 0px; margin: 0.75rem 0px; }
  #big-tels div a { color: rgb(51, 51, 51); }
  .blogs h3, .reviews, .reviews h3 { text-align: center; margin-left: auto; margin-right: auto; }
  .pure-button-secondary.all-reviews { width: 49.98%; }
  .blogs, .reviews { width: 65.5%; }
  .blogs { margin-left: auto; margin-right: auto; }
  a.commercial { width: 50%; background-image: none; }
  a.find-out { width: 50%; }
  .call-us p:last-child a, .mail-us p:last-child a { font-size: 2rem; }
  .pure-button-primary { width: 75%; }
  .logo-b-w img { width: 100%; height: auto; display: block; max-width: 15rem; }
  .foot-left p { margin-right: 0px; }
  .pure-button-secondary.all-reviews { padding: 1rem 0px; }
  .footer-about-links ul li a, .footer-products-links ul li a { color: rgb(4, 102, 152); font-size: 1rem; line-height: 125%; }
  .footer-about-links h4, .footer-products-links h4 { font-size: 1.5rem; margin-top: 1.5rem; }
  .descr { max-width: 80%; }
  #head-content h1 { margin: 2rem auto; font-size: 2.25rem; }
  #head-content h2 { font-size: 1.25rem; margin-bottom: 2.5rem; }
  .content-icon { width: 1.5rem; }
  .content-icon img { width: 100%; height: auto; }
  .content-icon-text { width: 65%; margin-top: 0px; padding-top: 0px; line-height: 125%; }
  #subnav { margin: 3rem 0px; width: 100%; height: 2rem; overflow: auto hidden; white-space: nowrap; padding: 1rem 0px; }
  #subnav ul { display: inline-block; width: 100%; height: 4rem; float: none; clear: both; }
  #subnav ul li:last-child { padding-right: 1rem; }
}
@media (max-width: 1400px) and (min-width: 800px) {
  #main-products-menu li a.item-title { height: 22rem; }
  #head-content h1 { margin: 3rem auto 2.5rem; font-size: 2.5rem; }
  #head-content h2 { font-size: 1.5rem; margin-bottom: 2.5rem; }
  .content-icon-text { width: 65%; }
  #go-to-choose, .big-ul, .big-ul2, .related { max-width: 455px; }
  .big-ul { margin: 4rem auto; }
  #main-products-menu li { margin-bottom: 4rem; }
  header#hdd { height: 96px; }
  .content ul#gallery2 li img { width: 100%; }
  .content ul#gallery2 li { box-sizing: border-box; padding: 0px 1rem; }
  #subnav li { margin: 0.5rem auto; }
  #products-services h2 { margin-top: 3rem; }
  .logo a { white-space: nowrap; }
  .logo img { width: 100%; height: auto; vertical-align: middle; margin-bottom: 0px; max-width: 17.68rem; margin-top: 1.5rem; }
  .slogan { display: none; }
  .p-n-s { font-size: 87.5%; }
  .p-n-s span { margin-top: 1.4rem; }
  #slider, .bxslider li { min-height: auto; }
  .bxslider li .banner-text { height: auto; }
  #slider { margin-bottom: 0px; height: auto; }
  .absolute { position: static; }
  .bxslider li .wr { padding: 1rem 0px; }
  .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom: 1rem; display: none; }
  .bxslider li .banner-text h2 { font-size: 4vw; margin: 8% 5% 2.5%; }
  .bxslider li .banner-text h3 { font-size: 2vw; margin: 0px 5% 2rem; }
  .bxslider li .banner-text { width: 100%; box-sizing: border-box; }
  .bxslider li .banner-text a { margin: 0.5rem 0px 0.5rem 5%; font-size: 1.25rem; height: 4rem; border-radius: 2rem; width: 35%; min-width: 190px; max-width: 270px; box-shadow: rgb(68, 68, 68) 0px 0.5rem 1rem; }
  .p-n-s li { max-width: 470px; margin: 0px auto; }
  .p-n-s { font-size: 100%; }
  #products-services .p-n-s a h2 { font-size: 145%; }
  .gal-rev ul { margin: 0px auto; }
  .sticker { max-width: 270px; margin: 0px auto 3rem; }
  a.find-out { float: none; width: 100%; max-width: 270px; box-sizing: border-box; margin: 0px auto 2rem; display: block; }
  a.docs { float: none; width: 100%; max-width: 270px; box-sizing: border-box; margin: 0px auto 2rem; display: block; }
  .advantages { margin-bottom: 2rem; }
  #development-stages { margin: 3rem 0px 0px; }
  .gal { height: auto; }
  .gal li img { width: 100%; height: auto; display: block; }
  #big-tels { width: 90%; box-sizing: border-box; margin: 4rem auto; }
  #big-tels h3 { font-size: 1.5rem; }
  #big-tels div { width: 80%; font-size: 2rem; }
  #big-tels div a { color: rgb(51, 51, 51); }
  .blogs h3, .reviews, .reviews h3 { text-align: center; margin-left: auto; margin-right: auto; }
  .pure-button-secondary.all-reviews { width: 49.98%; }
  .blogs, .reviews { width: 65.5%; }
  .blogs { margin-left: auto; margin-right: auto; }
  a.commercial { width: 50%; }
  .call-us p:last-child a, .mail-us p:last-child a { font-size: 2rem; }
  .pure-button-primary { width: 75%; }
}
@media (min-width: 1000px) {
  nav#main-menu ul { width: 30rem; }
  .p-n-s li { margin-bottom: 3rem; }
}
@media (min-width: 110rem) {
  .p-n-s { font-size: 112.5%; }
}
@media (max-height: 31.25rem) and (orientation: landscape) {
  nav#main-menu { padding: 1rem 0px; }
  nav#main-menu ul { height: 100%; margin: 0px auto; }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  #pok1, #pok2, #rbp, #rbp2, #rbs, #rbs2 { width: 49.899%; }
  #main-products-menu li { width: 24.999%; }
}
.bx-wrapper { position: relative; padding: 0px; touch-action: pan-y; }
.bx-wrapper img { max-width: 100%; display: block; }
.bxslider { margin: 0px; padding: 0px; }
ul.bxslider { list-style: none; }
.bx-viewport { transform: translateZ(0px); }
.bx-wrapper { background: rgb(255, 255, 255); }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { position: absolute; bottom: 3rem; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url("https://znaki-otl.ru/products/sport-fields-stadiums/images/bx_loader.gif") center center no-repeat rgb(255, 255, 255); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: 700; color: rgb(255, 255, 255); padding-top: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: rgb(255, 255, 255); text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0px 5px; outline: 0px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: rgb(0, 0, 0); }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item { display: inline-block; vertical-align: bottom; }
.bx-wrapper .bx-pager-item { font-size: 0px; line-height: 0; }
.bx-wrapper .bx-prev { left: 10px; background: url("https://znaki-otl.ru/products/sport-fields-stadiums/images/controls.png") 0px -32px no-repeat; }
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next { right: 10px; background: url("https://znaki-otl.ru/products/sport-fields-stadiums/images/controls.png") -43px -32px no-repeat; }
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover { background-position: -43px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0px; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0px; background: url("https://znaki-otl.ru/products/sport-fields-stadiums/images/controls.png") -86px -11px no-repeat; margin: 0px 3px; }
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover { background-position: -86px 0px; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0px; background: url("https://znaki-otl.ru/products/sport-fields-stadiums/images/controls.png") -86px -44px no-repeat; margin: 0px 3px; }
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0px; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0px; left: 0px; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: rgb(255, 255, 255); font-family: Arial; display: block; font-size: 0.85em; padding: 10px; }
body.compensate-for-scrollbar { overflow: hidden; }
.fancybox-active { height: auto; }
.fancybox-is-hidden { left: -9999px; margin: 0px; top: -9999px; visibility: hidden; position: absolute !important; }
.fancybox-container { backface-visibility: hidden; height: 100%; left: 0px; outline: 0px; position: fixed; -webkit-tap-highlight-color: transparent; top: 0px; touch-action: manipulation; transform: translateZ(0px); width: 100%; z-index: 99992; }
.fancybox-container * { box-sizing: border-box; }
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; }
.fancybox-outer { overflow-y: auto; }
.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg { opacity: 0.9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; visibility: hidden; z-index: 99997; }
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; }
.fancybox-infobar { color: rgb(204, 204, 204); font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0px; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0px 10px; pointer-events: none; top: 0px; user-select: none; }
.fancybox-toolbar { right: 0px; top: 0px; }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0px); z-index: 99994; }
.fancybox-is-open .fancybox-stage { overflow: hidden; }
.fancybox-slide { backface-visibility: hidden; display: none; height: 100%; left: 0px; outline: 0px; overflow: auto; padding: 44px; position: absolute; text-align: center; top: 0px; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }
.fancybox-slide::before { content: ""; display: inline-block; font-size: 0px; height: 100%; vertical-align: middle; width: 0px; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; }
.fancybox-slide--image { overflow: hidden; padding: 44px 0px; }
.fancybox-slide--image::before { display: none; }
.fancybox-slide--html { padding: 6px; }
.fancybox-content { background: rgb(255, 255, 255); display: inline-block; margin: 0px; max-width: 100%; overflow: auto; padding: 44px; position: relative; text-align: left; vertical-align: middle; }
.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); backface-visibility: hidden; background: 0px 0px / 100% 100% no-repeat; left: 0px; max-width: none; overflow: visible; padding: 0px; position: absolute; top: 0px; transform-origin: left top; transition-property: transform, opacity; user-select: none; z-index: 99995; }
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: grab; }
.fancybox-is-grabbing .fancybox-content { cursor: grabbing; }
.fancybox-container [data-selectable="true"] { cursor: text; }
.fancybox-image, .fancybox-spaceball { background: 0px 0px; border: 0px; height: 100%; left: 0px; margin: 0px; max-height: none; max-width: none; padding: 0px; position: absolute; top: 0px; user-select: none; width: 100%; }
.fancybox-spaceball { z-index: 1; }
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0px; width: 100%; }
.fancybox-slide--video .fancybox-content { background: rgb(0, 0, 0); }
.fancybox-slide--map .fancybox-content { background: rgb(229, 227, 223); }
.fancybox-slide--iframe .fancybox-content { background: rgb(255, 255, 255); }
.fancybox-iframe, .fancybox-video { background: 0px 0px; border: 0px; display: block; height: 100%; margin: 0px; overflow: hidden; padding: 0px; width: 100%; }
.fancybox-iframe { left: 0px; position: absolute; top: 0px; }
.fancybox-error { background: rgb(255, 255, 255); cursor: default; max-width: 400px; padding: 40px; width: 100%; }
.fancybox-error p { color: rgb(68, 68, 68); font-size: 16px; line-height: 20px; margin: 0px; padding: 0px; }
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0px; border-radius: 0px; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0px; padding: 10px; position: relative; transition: color 0.2s ease 0s; vertical-align: top; visibility: inherit; width: 44px; }
.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: rgb(204, 204, 204); }
.fancybox-button:hover { color: rgb(255, 255, 255); }
.fancybox-button:focus { outline: 0px; }
.fancybox-button.fancybox-focus { outline: dotted 1px; }
.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: rgb(136, 136, 136); cursor: default; outline: 0px; }
.fancybox-button div { height: 100%; }
.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }
.fancybox-button svg path { fill: currentcolor; stroke-width: 0; }
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) { display: none; }
.fancybox-progress { background: rgb(255, 82, 104); height: 2px; left: 0px; position: absolute; right: 0px; top: 0px; transform: scaleX(0); transform-origin: 0px center; transition-property: transform; transition-timing-function: linear; z-index: 99998; }
.fancybox-close-small { background: 0px 0px; border: 0px; border-radius: 0px; color: rgb(204, 204, 204); cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }
.fancybox-close-small:hover { color: rgb(255, 255, 255); opacity: 1; }
.fancybox-slide--html .fancybox-close-small { color: currentcolor; padding: 10px; right: 0px; top: 0px; }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }
.fancybox-navigation .fancybox-button div { padding: 7px; }
.fancybox-navigation .fancybox-button--arrow_left { left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }
.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: env(safe-area-inset-right); }
.fancybox-caption { background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0px, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.035) 82.85%, rgba(0, 0, 0, 0.02) 88%, transparent); bottom: 0px; color: rgb(238, 238, 238); font-size: 14px; font-weight: 400; left: 0px; line-height: 1.5; padding: 75px 44px 25px; pointer-events: none; right: 0px; text-align: center; z-index: 99996; }
.fancybox-caption--separate { margin-top: -50px; }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: rgb(204, 204, 204); text-decoration: none; }
.fancybox-caption a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
.fancybox-loading { animation: 1s linear 0s infinite normal none running a; background: 0px 0px; border-width: 4px; border-style: solid; border-color: rgb(136, 136, 136) rgb(136, 136, 136) rgb(255, 255, 255); border-image: initial; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0px 0px -25px; opacity: 0.7; padding: 0px; position: absolute; top: 50%; width: 50px; z-index: 99999; }
@keyframes a { 
  100% { transform: rotate(1turn); }
}
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0px, 0px); }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0px); }
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0px, 0px); }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0px, 0px); }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0px); }
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0px, 0px) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0px, 0px) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0px) scale(1); }
@media (max-height: 576px) {
  .fancybox-slide { padding-left: 6px; padding-right: 6px; }
  .fancybox-slide--image { padding: 6px 0px; }
  .fancybox-close-small { right: -6px; }
  .fancybox-slide--image .fancybox-close-small { background: rgb(78, 78, 78); color: rgb(242, 244, 246); height: 36px; opacity: 1; padding: 6px; right: 0px; top: 0px; width: 36px; }
  .fancybox-caption { padding-left: 12px; padding-right: 12px; }
}
.fancybox-share { background: rgb(244, 244, 244); border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: rgb(34, 34, 34); font-size: 35px; font-weight: 700; margin: 0px 0px 20px; }
.fancybox-share p { margin: 0px; padding: 0px; }
.fancybox-share__button { border: 0px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0px 5px 10px; min-width: 130px; padding: 0px 15px; text-decoration: none; transition: all 0.2s ease 0s; user-select: none; white-space: nowrap; }
.fancybox-share__button:link, .fancybox-share__button:visited { color: rgb(255, 255, 255); }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: rgb(59, 89, 152); }
.fancybox-share__button--fb:hover { background: rgb(52, 78, 134); }
.fancybox-share__button--pt { background: rgb(189, 8, 29); }
.fancybox-share__button--pt:hover { background: rgb(170, 7, 25); }
.fancybox-share__button--tw { background: rgb(29, 161, 242); }
.fancybox-share__button--tw:hover { background: rgb(13, 149, 232); }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }
.fancybox-share__button svg path { fill: rgb(255, 255, 255); }
.fancybox-share__input { background: 0px 0px; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(215, 215, 215); border-radius: 0px; color: rgb(93, 91, 91); font-size: 14px; margin: 10px 0px 0px; outline: 0px; padding: 10px 15px; width: 100%; }
.fancybox-thumbs { background: rgb(221, 221, 221); bottom: 0px; display: none; margin: 0px; padding: 2px 2px 4px; position: absolute; right: 0px; -webkit-tap-highlight-color: transparent; top: 0px; width: 212px; z-index: 99995; }
.fancybox-thumbs-x { overflow: auto hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs__list { font-size: 0px; height: 100%; list-style: none; margin: 0px; overflow: hidden auto; padding: 0px; position: relative; white-space: nowrap; width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 6px inset; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: rgb(42, 42, 42); border-radius: 10px; }
.fancybox-thumbs__list a { backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50% center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0px; overflow: hidden; padding: 0px; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }
.fancybox-thumbs__list a::before { border: 6px solid rgb(255, 82, 104); bottom: 0px; content: ""; left: 0px; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; z-index: 99991; }
.fancybox-thumbs__list a:focus::before { opacity: 0.5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }
@media (max-width: 576px) {
  .fancybox-thumbs { width: 110px; }
  .fancybox-show-thumbs .fancybox-inner { right: 110px; }
  .fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}
.jcarousel-wrapper { margin: 1rem auto; position: relative; }
.jcarousel-wrapper2 { margin: 1rem auto; position: relative; width: 30rem; height: 14rem; }
.jcarousel-wrapper2 .jcarousel li { width: 45%; max-width: 242px; height: auto; }
.jcarousel-wrapper2 .jcarousel { width: 100%; padding: 2rem 0px; }
.jcarousel-wrapper2 ul li img { display: block; border-radius: 50%; margin: 0px auto 1rem; }
.jcarousel-wrapper2 ul li span { display: block; padding: 1rem 0px; text-align: center; }
.jcarousel-wrapper2 ul li:first-child img { box-shadow: rgb(170, 170, 170) 0px 0px 2rem; }
.jcarousel, .jcarousel2, .jcarousel3, .jcarousel4 { position: relative; overflow: hidden; width: 90%; margin: 0px auto; }
.jcarousel ul, .jcarousel2 ul, .jcarousel3 ul, .jcarousel4 ul { width: 10000em; position: relative; list-style: none; margin: 0px; padding: 0px; text-align: center; }
.jcarousel4 li { float: left; }
.jcarousel3 ul { padding: 1rem 0px; }
.jcarousel li { width: 8rem; height: 8rem; display: inline-block; }
.jcarousel3 li { display: inline-block; min-width: 206px; }
.dev-r-block .jcarousel-wrapper { margin: 0px auto; }
.jcarousel2.galz { display: none; }
.jcarousel2.galz.active { display: block; }
.jcarousel2 li { display: inline-block; }
.jcarousel img { display: block; box-shadow: rgb(204, 204, 204) 0px 0px 0.5rem; border-radius: 50%; max-width: 100%; margin: 0px auto; height: auto !important; }
.jcarousel2 img, .jcarousel3 img, .jcarousel4 img { min-width: 100%; display: block; height: auto !important; }
.jcarousel3 img { box-shadow: rgb(204, 204, 204) 0px 0.5rem 0.5rem; min-width: 90%; margin: 0px auto; display: block; height: auto; max-width: 100%; }
.jcarousel-control-next, .jcarousel-control-prev { position: absolute; top: 44%; margin-top: -15px; width: 3rem; height: 3rem; text-align: center; text-decoration: none; border-radius: 50%; box-shadow: rgb(240, 239, 231) 0px 0px 4px; }
.jcarousel-control-prev { left: 8px; background: url("spry.png") -261px -77px rgb(255, 255, 255); }
.jcarousel-control-next { right: 0px; background: url("spry.png") -261px -143px rgb(255, 255, 255); }
@media (max-width: 469px) and (min-width: 270px) {
  #page-28 .content.sub-about { width: 80%; }
  .jcarousel-control-prev { left: 1rem; }
  .jcarousel-control-next { right: 1rem; }
  .jcarousel-wrapper2 { width: auto; }
  .jcarousel-wrapper2 .jcarousel li { width: 46%; max-width: 175px; }
}
.jcarousel-pagination { position: absolute; bottom: -40px; left: 50%; transform: translate(-50%, 0px); margin: 0px; }
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 10px; width: 10px; line-height: 10px; background: rgb(255, 255, 255); color: rgb(78, 68, 60); border-radius: 10px; text-indent: -9999px; margin-right: 7px; box-shadow: rgb(78, 68, 60) 0px 0px 2px; }
.jcarousel-pagination a.active { background: rgb(78, 68, 60); color: rgb(255, 255, 255); opacity: 1; box-shadow: rgb(240, 239, 231) 0px 0px 2px; }
.related.related6 { height: auto; }
a, a:hover, button, button:hover { transition: all 0.22s ease-in-out 0s; cursor: pointer; font-family: "Source Sans Pro", sans-serif; outline: 0px; }
.ham div { transition: all 0.22s ease-in-out 0s; }
.big-photo-porto { margin: 0px auto 2rem; text-align: center; max-width: 40rem; width: 100%; }
.big-photo-porto img { display: block; margin: 0px auto; width: 100%; height: auto; box-shadow: rgb(204, 204, 204) 0px 0.25rem 1rem; }
#head-photo h1 { font: 900 2rem/150% "Source Sans Pro"; color: rgb(0, 0, 0); margin: 4rem 0px 2rem; text-align: center; }
.big-photo-porto p { font: 400 1.125rem/125% "Source Sans Pro"; color: rgb(51, 51, 51); margin: 1rem 0px; }
.next-prev { margin: 2rem 0px; text-align: center; }
.next-prev a { display: inline-block; color: rgb(4, 102, 152); margin: 1rem 3rem; }
.nmpgs { clear: both; overflow: hidden; margin: 3rem auto; text-align: center; color: rgb(51, 51, 51); }
.nmpgs a, .nmpgs span { margin: 0px 0.5rem; display: inline-block; padding: 0.75rem 1rem; color: rgb(4, 102, 152); text-align: center; border: 1px solid rgb(4, 102, 152); }
.descr p a { text-decoration: underline; }
.nmpgs span { color: rgb(170, 170, 170); border-color: rgb(170, 170, 170); }
.content-bg { background: rgb(42, 113, 153); height: 13rem; }
.content2 { margin: 4rem 0px; }
.content2 p { font: 400 1.125rem/140% "Source Sans Pro"; color: rgb(51, 51, 51); margin: 1rem 0px; }
.content2 h2 { font: 900 1.5rem/125% "Source Sans Pro"; color: rgb(51, 51, 51); text-align: center; margin: 0px 0px 2rem; }
.sitemap { max-width: 20rem; margin: 0px auto; }
.foot-left p.special1 { color: rgb(153, 153, 153); font-size: 0.875rem; }