html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section { display: block; }

ul { list-style: none; }
ol { list-style-position: inside; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content: none; display: none; }

i, em, var { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; font-size: 1em; }

hr { display: block; height: 1px; border: 0; border-top: 2px solid #B0BAC7; margin: 32px 0; padding: 0; } 

input, select { vertical-align: middle; }

table { empty-cells: show; font-size: 1em; }
table th { vertical-align: top; text-align: left; font-weight: normal; }
table td { vertical-align: top; }

select, input, textarea { font: 99% sans-serif; }

a:hover, a:active { outline: none; }

:focus { outline: 0; }

::-moz-selection{ background: #fff2a8; color: #000; text-shadow: none; }
::selection { background: #fff2a8; color: #000; text-shadow: none; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

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

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

figure { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*
 * non-semantic helper classes
 */
.hidden { display: none; }
.invisible { visibility: hidden; }


/*
 * base styles
 */
html {
  font-size: 100%;

  -webkit-font-smoothing: antialiased;
}
body { background: #FFF; color: #333; }

hr { clear: both; }

@font-face {
  font-family: "GothamProMedium";
  src: url(https://assets.zabbix.com/dist/fonts/GothamProMedium.38b9efdc31bc5e2f8f93.eot);
  src: url(https://assets.zabbix.com/dist/fonts/GothamProMedium.38b9efdc31bc5e2f8f93.eot?#iefix)format("embedded-opentype"),
  url(https://assets.zabbix.com/dist/fonts/GothamProMedium.48d4d0401d4bd02b35a6.woff) format("woff"),
  url(https://assets.zabbix.com/dist/fonts/GothamProMedium.dca4b95d345c2abd8661.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "GothamProRegular";
  src: url(https://assets.zabbix.com/dist/fonts/GothamProRegular.8c7017f6ea2ebb9bdd79.eot);
  src: url(https://assets.zabbix.com/dist/fonts/GothamProRegular.8c7017f6ea2ebb9bdd79.eot?#iefix)format("embedded-opentype"),
  url(https://assets.zabbix.com/dist/fonts/GothamProRegular.774ec39b5d5d3a63e212.woff) format("woff"),
  url(https://assets.zabbix.com/dist/fonts/GothamProRegular.4f71921a0823129cd8ba.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
}


html,
body {
  height: 100%;
}
body {
  background: #FAFAFA;
  color: #25282F;
  font-size: 16px;
  /*line-height: 1.143;*/
  line-height: 1.3125;
}
body { font-family: "GothamProRegular", sans-serif; }
input,
select,
button,
textarea {
  font-family: "GothamProRegular", sans-serif;
}

b,
.b,
.button-l,
.table th,
.sitemap dt,
.nav-anchor,
.events-tabs,
.button-bold,
.nav-group dt,
.footer-phone,
.card-case h4,
.card .spec dd,
.card-header h4,
.card-benefit h4,
.table-inline th,
.events-group .h4,
.banner-events .h4,
.card-enterprise .h4,
.card-case .button,
.table-vertical th,
.releases-nav a.active,
.webinars-table .button,
.card-event .card-title,
.card-course .card-label,
.card-customer .card-title {
  font-family: "GothamProMedium", sans-serif;
}
.search-input {
  font-family: "GothamProRegular", sans-serif;
}

/*html.modal-mode,
html.modal-mode body {
  overflow: hidden;
}*/

body.with-header::before {
  content: '';
  display: block;
}
body.devise::after {
  content: 'unknown';
  display: block;
  position: fixed; bottom: 0; right: 0; z-index: 100;
  padding: 4px 8px;
  background: rgba(0, 0, 0, .4);
  color: #FFF;
  font-size: 12px;
  white-space: nowrap;
}
body.sticky #header {
  position: fixed;
  transform: translate3d(0, 0, 0);
}


:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder {
  color: rgba(37, 40, 47, .4);
  text-overflow: ellipsis;
}


/*:not(html):not(body)::-webkit-scrollbar {
  width: 3px; height: 3px;
  background: #E5E5E5;
}
:not(html):not(body)::-webkit-scrollbar-track {
  background: none;
}
:not(html):not(body)::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #2F343A;
  background: rgba(47, 52, 58, .3);
  background-clip: padding-box;
}
:not(html):not(body)::-webkit-scrollbar-thumb:hover {
  background: #2F343A;
  background: rgba(47, 52, 58, .7);
}
:not(html):not(body)::-webkit-scrollbar-button { display: none; }*/


a, .a {
  color: #0275B8;
  text-decoration: none;
}
a:hover,
a:focus,
a:hover .a,
a:focus .a {
  text-decoration: underline;
}
a:active,
a:active a {
  text-decoration: underline;
}
a.inherit { color: inherit; }
a.none {
  color: inherit;
}
a.none:hover,
a.none:focus,
a.none:active {
  color: inherit;
  text-decoration: none;
}
a.none-decoration:hover,
a.none-decoration:focus,
a.none-decoration:active {
  text-decoration: none;
}

a.red {
  color: #0275B8;
  text-decoration: none;
}
a.red:hover,
a.red:focus,
a.red:active {
  color: #D0021B;
  text-decoration: none;
}

b { font-weight: 500; }

svg { max-height: 100%; }


.i::before,
.dl dt::after,
.toggler::after,
.boolean::before,
.help-anchor::before,
.agenda-prev::before,
.agenda-next::before,
.download-select::after {
  content: '';
  display: block;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 99px 99px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
.i-find::before { background-position: 0 0; }
.i-menu::before { background-position: 0 -24px; }
.i-menu.active::before { background-position: 0 -336px; }
.i-remove::before { background-position: 0 -144px; }
.i-add::before { background-position: 0 -600px; }
.i-add-white::before { background-position: 0 -792px; }

.i-s::before {
  width: 18px; height: 18px;
  background-size: 18px auto;
}
.i-s.i-user::before { background-position: 0 -54px; }

.s::before {
  content: '';
  display: block;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 999px 999px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
}
.s-download::before {
  width: 54px; height: 54px;
  background-position: 0 0;
  background-size: 84px auto;
}

.file {
  display: block;
  position: relative;
  padding-left: 48px;
  min-height: 46px;
  font-size: 14px;
}
.file::before {
  content: '';
  display: block;
  position: absolute; top: 0; left: 0;
  width: 38px; height: 46px;
  background: url(https://assets.zabbix.com/dist/images/files.c8e12245618fd277bd4a.png) no-repeat 0 0;
  background-image: none, url(https://assets.zabbix.com/dist/images/files.feee01403b60379dbaa6.svg);
}
.file-eps::before { background-position: 0 -48px; }
.file-pdf::before { background-position: 0 -96px; }
.file-zip::before { background-position: 0 -144px; }
.file-ppt::before { background-position: 0 -192px; }
.file-video::before { background-position: 0 -240px; }
.file .file-title {
  display: table-cell;
  height: 46px;
  font-size: 16px;
  vertical-align: middle;
}
.file .file-meta {
  display: block;
  color: #7C7E83;
  font-size: 12px;
}
.file-only {
  padding-left: 0;
}
.file-only::before {
  position: static;
}


.code-snippet {
  display: block;
  margin: 8px 0 32px; padding: 16px;
  border: 1px solid #B0BAC7;
  background: #FFF;
  white-space: nowrap;
  overflow: auto;
}


.h1 {
  font-size: 40px;
  line-height: 1.167;
}
.h2 {
  margin-bottom: 16px;
  font-size: 34px;
  line-height: normal;
}
.h3 {
  margin-bottom: 24px;
  font-size: 26px;
  line-height: 1.154;
}
.h4 {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 1.3636;
}
.events-group .h4,
.banner-events .h4,
.card-enterprise .h4 {
  margin: 0;
  font-size: 14px; font-weight: normal;
  line-height: normal;
  text-transform: uppercase;
}

.list { line-height: 1.5; }
.list > li {
  margin-bottom: 12px;
}

.nowrap { white-space: nowrap; }

.text {
  line-height: 1.5;
}
.text h1,
.text h2 {
  margin-top: 40px;
}
.text h3 {
  margin-top: 32px;
}
.text h1:first-child,
.text h2:first-child,
.text h3:first-child {
  margin-top: 0;
}
.text h1 {
  margin-bottom: 24px;
  font-size: 40px;
  line-height: 1.167;
}
.text h2 {
  margin-bottom: 24px;
  font-size: 34px;
  line-height: normal;
}
.text h3 {
  margin-bottom: 16px;
  font-size: 26px;
  line-height: normal;
}
.text h4 {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.3636;
}
.text h5 {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.5;
}
.text p,
.text .publication-date {
  margin-bottom: 24px;
}
.text li { margin-bottom: 6px; }
.text ul,
.text ol {
  margin: 6px 0 24px 24px;
}
.text ul ul,
.text ol ul,
.text ul ol {
  margin-bottom: 12px;
}
.text ul:first-child,
.text ol:first-child {
  margin-top: 0;
}
.text ul { list-style: disc; }
.text ol { list-style: decimal; }
.text big,
.text .big {
  font-size: 24px;
}
.text em { font-style: italic; }
.text small,
.text .small {
  font-size: 12px;
}
.text img { max-width: 100%; }
.text .table,
.text .table-simple,
.text .table-inline,
.text .table-vertical {
  margin-bottom: 24px;
}
.text .publication-date { display: block; }

.red { color: #D0021B; }

.minor { color: #7C7E83; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }

.image img {
  max-width: 100%;
}
.screenshot-thumb img {
  width: 100%;
}
.image-background {
  padding: 16px;
  background: #F3F4F6;
}
.image-frame {
  padding: 24px;
  border: 1px solid #CED4DC;
  background: #FFF;
  text-align: center;
}

.note {
  padding: 24px 24px 12px;
  background: #42455A;
  color: #FFF;
  line-height: 1.5
}
.note p,
.note-title { margin-bottom: 12px; }

.price { white-space: nowrap; }

.publication-date { color: #7C7E83; }

.spinner {
  display: block;
  text-align: center;
}
.spinner::before {
  content: '';
  display: block;
  min-width: 32px; height: 32px;
  background: url(https://assets.zabbix.com/dist/images/spinner.e36bb85cd5ab19299747.gif) no-repeat 50% 50%;
  background-size: 32px;
}


.td-right { text-align: right; }
.td-action { text-align: right; }
.td-action .button { min-width: 136px; }
.td-status {
  font-size: 12px;
  text-align: center;
}

.table th,
.table td {
  padding: 8px 0 8px 16px;
  border-bottom: 1px solid #B0BAC7;
}
.table th:first-child,
.table td:first-child {
  padding-left: 0;
}
.table li:last-child { margin-bottom: 0; }
.table ul,
.table ol {
  margin-bottom: 0;
}
.table .hoverable:hover th,
.table .hoverable:hover td {
  background-color: rgba(232, 236, 241, .6);
}

.table-centered { margin-right: auto; margin-left: auto; }

.table-vertical th,
.table-vertical td {
  padding: 8px 16px 7px 0;
  border-bottom: 1px solid #B0BAC7;
}
.table-vertical th:first-child,
.table-vertical td:first-child {
  padding-left: 16px;
}
.table-vertical th {
  background: #CFD4DB;
  font-size: 14px;
}
.table-vertical + .apply {
  padding-top: 0;
  border-top: none;
}
.table-vertical .hoverable:hover th,
.table-vertical .hoverable:hover td {
  background-color: rgba(232, 236, 241, .6);
}

.table-inline { line-height: 1.375; }
.table-inline th,
.table-inline td {
  padding-right: 16px;
}
.table-inline th {
  padding-top: 8px; padding-bottom: 8px;
  border-bottom: 2px solid #B0BAC7;
  font-size: 14px;
  line-height: 1.214;
}
.table-inline td {
  padding-top: 8px; padding-bottom: 8px;
  border-bottom: 1px solid #B0BAC7;
}
.table-inline th:first-child,
.table-inline td:first-child {
  padding-left: 16px
}
.table-inline.more-space th,
.table-inline.more-space td {
  padding-top: 16px; padding-bottom: 16px;
}
.table-inline .hoverable:hover th,
.table-inline .hoverable:hover td {
  background-color: rgba(232, 236, 241, .6);
}

.table-simple td { padding: 4px 0 4px 16px; }
.table-simple td:first-child { padding-left: 0; }
.table-simple .hoverable:hover th,
.table-simple .hoverable:hover td {
  background-color: rgba(232, 236, 241, .6);
}


.gray1 { background: #ECEFF2; }
.gray2 { background: #F0F0F0; }
.gray3 { background: #F1F1F1; }
.gray4 { background: #FAFAFA; }


.dl {
  margin-bottom: 24px;
  border-bottom: 1px solid #B0BAC7;
}
.dl dt {
  position: relative;
  padding: 11px 40px 11px 0;
  border-top: 1px solid #B0BAC7;
  color: #0275B8;
  font-size: 22px;
  line-height: 1.18;
  cursor: pointer;

  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.dl dt:hover {}
.dl dt::after {
  position: absolute; top: 12px; right: 8px;
  background-position: 0 -504px;

  -webkit-transition: -webkit-transform .3s ease-in-out;
     -moz-transition: -moz-transform .3s ease-in-out;
       -o-transition: -o-transform .3s ease-in-out;
          transition: transform .3s ease-in-out;
}
.dl dt.active::after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dl dd::after {
  content: '';
  display: table;
  height: 11px;
  clear: both;
}

.marker-list { margin-bottom: 16px; margin-left: -24px; }
.marker-list > li {
  padding: 4px 16px 20px 88px;
  position: relative;
  min-height: 72px;
}
.marker-list > li::before {
  content: '';
  display: block;
  position: absolute; top: 0; left: 28px;
  width: 32px; height: 48px;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat -64px -576px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
}
.marker-list > li > .w {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
}


.footnote {
  color: #7C7E83;
  font-size: 12px;
  line-height: 1.667;
  text-align: center;
}

.footnotes,
.text .footnotes {
  margin: 0 0 24px;
  color: #7C7E83;
  font-size: 12px;
  line-height: 1.667;
  list-style: none;
}
.footnotes > li,
.text .footnotes > li {
  margin-bottom: 4px;
}
.footnotes-with-asterix > li,
.text .footnotes-with-asterix > li {
  padding-left: 32px;
}
.footnotes .asterix {
  display: inline-block;
  margin-left: -32px;
  width: 28px;
}


.boolean.true::before { background-position: 0 -408px; }


.space-top { margin-top: 32px; }


.help-anchor {
  display: inline-block;
  position: relative; top: -6px;
  width: 16px; height: 16px;
  vertical-align: top;
}
.help-anchor::before {
  width: 16px; height: 16px;
  background-position: -4px -483px;
  opacity: .6;
}
.help-anchor:hover::before {
  opacity: 1; 
}


.toggler {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.toggler::after {
  display: inline-block;
  margin-left: 4px;
  width: 16px; height: 16px;
  background-size: 16px auto;
  background-position: 0 -304px;
  vertical-align: middle;

  -webkit-transition: -webkit-transform .3s ease-in-out;
     -moz-transition: -moz-transform .3s ease-in-out;
       -o-transition: -o-transform .3s ease-in-out;
          transition: transform .3s ease-in-out;
}
.toggler.active::after {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.logo {
  display: block;
  width: 138px; height: 36px;
  background: url(https://assets.zabbix.com/dist/images/logo.2f61890bc012dd9b8423.png) no-repeat 0 0;
  background-size: auto 36px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.social {
  content: '';
  display: block;
  width: 32px; height: 32px;
  background: url(https://assets.zabbix.com/dist/images/social.335a56bab3292a6be974.png) no-repeat 99px 99px;
  background-image: none, url(https://assets.zabbix.com/dist/images/social.b66a0a235feba5fa0628.svg);
  opacity: .4;
}
.social-gplus { background-position: 0 0; }
.social-youtube { background-position: 0 -32px; }
.social-twitter { background-position: 0 -64px; }
.social-linkedin { background-position: 0 -96px; }
.social-slideshare { background-position: 0 -128px; }
.social-facebook { background-position: 0 -160px; }
.social-reddit { background-position: 0 -192px; }
a.social:hover,
a.social:focus,
a.social:active {
  opacity: .8;
}

.socail-comunity {
  margin-bottom: 8px; margin-left: -16px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.socail-comunity > li {
  margin-bottom: 16px; padding-left: 16px;

  -webkit-box-flex: 1;
     -moz-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.socail-comunity .social {
  display: inline-block;
  position: relative;
  padding-left: 56px;
  width: auto; height: 44px;
  background: none;
  opacity: 1;
  font-size: 14px;
  white-space: nowrap;
}
.socail-comunity .social::before {
  content: '';
  display: block;
  position: absolute; top: 0; left: 0;
  width: 44px; height: 44px;
  background: url(https://assets.zabbix.com/dist/images/social.335a56bab3292a6be974.png) no-repeat 99px 99px;
  background-image: none, url(https://assets.zabbix.com/dist/images/social.b66a0a235feba5fa0628.svg);
  background-size: 88px auto;
}
.socail-comunity .social > .w {
  display: table-cell;
  height: 44px;
  vertical-align: middle;
}
.socail-comunity .social .title,
.socail-comunity .social .count {
  display: block;
}
.socail-comunity .social .count {
  margin-top: 4px;
  color: #B0BAC7;
}
.socail-comunity .social-gplus::before { background-position: -44px 0; }
.socail-comunity .social-youtube::before { background-position: -44px -44px; }
.socail-comunity .social-twitter::before { background-position: -44px -88px; }
.socail-comunity .social-linkedin::before { background-position: -44px -132px; }
.socail-comunity .social-slideshare::before { background-position: -44px -176px; }
.socail-comunity .social-facebook::before { background-position: -44px -220px; }
.socail-comunity .social-reddit::before { background-position: -44px -264px; }
.socail-comunity a.social { color: inherit; }
.socail-comunity a.social .title { color: #0275B8; }
.socail-comunity a.social:hover,
.socail-comunity a.social:focus,
.socail-comunity a.social:active {
  color: inherit;
  opacity: 1;
  text-decoration: none;
}
.socail-comunity a.social:hover .title,
.socail-comunity a.social:focus .title,
.socail-comunity a.social:active .title {
  text-decoration: underline;
}


.source { display: none; }


.frame-16x9 {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.frame-16x9 iframe {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
}


.spec dt {
  color: #7C7E83;
  font-size: 12px;
  line-height: 16px;
}


.card {
  display: block;
  border: 1px solid #B0BAC7;
  border-radius: 4px;
  background: #FFF;
  color: inherit;
}
a.card { color: inherit; }
a.card:hover,
a.card:active,
a.card:focus {
  position: relative;
  border-color: #0275B8;
  color: inherit;
  text-decoration: none;
}
a.card:hover::before,
a.card:active::before,
a.card:focus::before {
  content: '';
  display: block;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;
  border-radius: 4px;

  -webkit-box-shadow: inset 0 0 0 1px #0275B8; /*, 0 0 0 2px #0275B8;*/
          box-shadow: inset 0 0 0 1px #0275B8; /*, 0 0 0 2px #0275B8;*/
}
.card .spec {
  margin-bottom: 4px; padding: 16px 16px 8px;
  text-align: center;
}
.card .spec dt { margin-bottom: 4px; }
.card .spec dd { margin-bottom: 16px; }

.card-header {
  padding: 16px;
  border-radius: 4px 4px 0 0;
  background: #F7F8F9;
  font-size: 14px;
  text-align: center;
}
.card-header h4 {
  margin-bottom: 8px;
  font-size: 22px;
}
.card-header .button {
  display: block;
  padding-right: 4px; padding-left: 4px;
  width: 100%;
  /*text-transform: uppercase;*/
}
.card-header .card-text {
  padding-bottom: 16px;
}
.card-type-gold .card-header { background: #F4DF90; }
.card-type-platinum .card-header { background: #D8DEDC; }
.card-type-enterprise .card-header {
  background: #42455A;
  color: #FFF;
}

.card-solution {
  font-size: 14px;
  text-align: center;
}
.card-solution figure {
  margin: 0 auto; padding: 24px 56px 12px;
  text-align: center;
  font-size: 0;
}
.card-solution figure svg,
.card-solution figure img {
  max-width: 136px; width: 100%; height: auto;
}
.card-solution .card-text {
  padding: 0 4px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.card-solution:hover
a.card-solution:active,
a.card-solution:focus {
  color: #0275B8;
}

.card-enterprise {
  font-size: 16px;
  text-align: center;
}
.card-enterprise figure img,
.card-enterprise figure svg {
  width: 100%; height: auto;
}
.card-enterprise .h4 {
  margin-bottom: 8px;
  min-height: 42px;
  color: #D0021B;
  font-size: 18px;
  text-transform: none;
}
.card-enterprise p { margin-top: 16px; }
.card-enterprise .h4 + p { margin-top: 0; }
.card-enterprise .card-text {
  padding: 30px 8px;
  height: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card-benefit h4 {
  padding: 22px 16px;
  background: #0275B8;
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
}
.card-benefit .card-text {
  padding: 22px 16px;
  line-height: 1.5;
}
.card-benefit p { margin-top: 16px; }
.card-benefit p:first-child { margin-top: 0; }

.card-course {
  position: relative;
  padding-bottom: 6px;
}
.card-course .card-label {
  display: block;
  position: absolute; top: -16px; right: 24px;
  padding: 0 16px;
  height: 30px;
  border-radius: 0 8px 8px 8px;
  background: #D0021B;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-course .card-text {
  padding: 24px;
  border-radius: 4px 4px 0 0;
  background: #F6F7F9;
  line-height: 1.5;
}
.card-course .card-details {
  padding: 24px;
  line-height: 1.5;
}
.card-course .card-footer {
  padding: 24px;
}
.card-course .card-details + .card-footer { padding-top: 0; }
.card-course .price {
  display: block;
  margin-bottom: 4px;
  font-size: 34px; font-weight: normal;
  text-align: center;
}
.card-course .price.hidden {
  display: none;
}
.card-course .button {
  min-width: 256px;
}
.card-course .card-button {
  padding: 8px 0;
  font-size: 14px;
  text-align: center;
}
.card-course h4 {
  margin-bottom: 16px;
  font-size: 26px;
  line-height: normal;
}
.card-course h6 {
  margin-bottom: 4px;
  color: #7C7E83;
  font-size: 12px;
  line-height: normal;
}
.card-course.card-dark .card-text {
  background: #42455A;
  color: #FFF;
}
.card-course a.card-text {
  display: block;
  background: #0275B8;
  color: #FFF;
  text-decoration: none;
}
.card-course a.card-text:hover,
.card-course a.card-text:focus,
.card-course a.card-text:active {
  background: #0689D4;
  color: #FFF;
}

.card-case {
  display: block;
  position: relative;
  padding-bottom: 64px;
  font-size: 12px;
  text-align: center;
}
.card-case h4 {
  min-height: 48px;
  margin-bottom: 4px;
  font-size: 16px;
}
.card-case img { max-width: 100%; }
.card-case figure { padding: 20px 16px 12px; }
.card-case .card-logo {
  display: table;
  padding: 0;
  width: 100%;
}
.card-case .card-logo > div {
  display: table-cell;
  padding: 32px 16px 12px;
  height: 96px;
  text-align: center;
}
.card-case .card-logo img {
  max-width: 100%;
  max-height: 100%;
}
.card-case .card-label {
  position: absolute; top: 8px; right: 8px;
}
.card-case .card-text {
  padding: 16px 16px 0;
  line-height: 1.583;
}
.card-case .card-text h4 { line-height: normal; }
.card-case .card-text p { margin-bottom: 16px; }
.card-case .card-button {
  position: absolute; right: 0; bottom: 0; left: 0;
  padding: 0 4px 16px;
  text-align: center;
}
.card-case .button {
  min-width: 136px;
  padding-right: 8px; padding-left: 8px;
  text-transform: uppercase;
}
.card-case .button-transparent {
  border-color: #E8ECF1;
  color: #0275B8;
}
.card-case .button-transparent:hover,
.card-case .button-transparent:focus,
.card-case .button-transparent:active,
a.card-case:hover .button-transparent,
a.card-case:focus .button-transparent,
a.card-case:active .button-transparent {
  border-color: #0275B8;
  background-color: #0275B8; 
  color: #FFF;
}

.card-option {
  position: relative;
  padding-bottom: 100px;
}
.card-option .card-number {
  display: block;
  position: absolute; top: 20px; right: 20px; z-index: 0;
  color: #EFEFF0;
  font-size: 240px;
  line-height: 1;
}
.card-option .card-text {
  position: relative; z-index: 1;
  padding: 24px;
  border-radius: 4px 4px 0 0;
  line-height: 1.5;
}
.card-option .card-button {
  position: absolute; right: 0; bottom: 0; left: 0;
  padding: 0 24px 40px;
  font-size: 14px;
  text-align: center;
}
.card-option .card-button .button {
  padding-right: 8px; padding-left: 8px;
  min-width: 240px;
}
.card-option h4 {
  margin-bottom: 16px;
  font-size: 26px;
  line-height: normal;
}

.card-opinion {
  position: relative;
  padding: 32px 0 152px;
}
.card-opinion .card-text,
.card-opinion .card-logo,
.card-opinion .card-author {
  padding: 0 16px;
}
.card-opinion .card-text {
  line-height: 1.5;
}
.card-opinion .card-author {
  position: absolute; right: 0; bottom: 72px; left: 0;
  height: 48px;
  color: #7C7E83;
  font-size: 14px;
  line-height: 1.714;
  overflow: hidden;
}
.card-opinion .card-logo {
  position: absolute; right: 0; bottom: 24px; left: 0;
  height: 30px;
  overflow: hidden;
}
.card-opinion .card-logo img { max-height: 30px; }

.card-featured {
  padding: 24px 32px;
}
.card-featured::after {
  content: '';
  display: table;
  clear: both;
}
.card-featured .card-logo {
  float: right;
  margin-left: 32px;
  width: 320px;
  text-align: center;
  white-space: nowrap;
}
.card-featured .card-logo::after {
  content: '';
  display: inline-block;
  height: 288px;
  vertical-align: middle;
}
.card-featured .card-logo img { max-width: 100%; }
.card-featured .card-author,
.card-featured .card-footer {
  color: #7C7E83;
}
.card-featured .card-author {
  margin-top: 24px;
}
.card-featured .card-footer {
  margin-top: 48px;
  font-size: 12px;
}
.card-featured .card-description {
  line-height: 1.5;
  overflow: hidden;
}

.card-customer {
  padding: 16px;
  text-align: center;
}
.card-customer .card-logo {
  height: 110px;
  line-height: 110px;
}
.card-customer .card-logo img {
  max-width: 100%;
}
.card-customer .card-title { margin-top: 16px; }
.card-customer p {
  margin-top: 8px;
  color: #7C7E83;
  font-size: 14px;
}

.card-sponsor {
  border: none;
  border-radius: 0 0 4px 4px;
}
.card-sponsor figure {
  border: 1px solid #E8ECF1;
  padding: 7px;
  height: 150px;
  text-align: center;
}
.card-sponsor figure img {
  max-width: 100%;
  max-height: 136px;
}
.card-sponsor figure::after {
  content: '';
  display: inline-block;
  height: 136px;
  vertical-align: middle;
}
.card-sponsor h5 {
  padding: 8px;
  border-radius: 0 0 4px 4px;
  background: #D3D9DD;
  color: #9B9D9E;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.card-sponsor-gold h5 {
  background: #F2AA0E;
  color: #8B572A;
}
.card-sponsor-bronze h5 {
  background: #C77805;
  color: #8B572A;
}
a.card-sponsor:hover,
a.card-sponsor:active,
a.card-sponsor:focus {
  -webkit-box-shadow: 0 0 0 2px #0275B8;
          box-shadow: 0 0 0 2px #0275B8;
}

.card-conference { border-color: #0275B8; }
.card-conference h3 { font-size: 26px; }
.card-conference .card-header {
  padding: 32px 32px 40px;
  background: #0275B8;
  color: #FFF;
  font-size: 16px;
}
.card-conference .card-header a { color: #FFF; }
.card-conference .card-header p { margin-top: 8px; }
.card-conference .card-header .price { font-size: 24px; }
.card-conference .card-header .price span { font-size: 34px; }
.card-conference .card-header .button {
  margin: 12px auto 0;
  max-width: 280px;
}
.card-conference .card-header .action2 {
  font-size: 14px;
  line-height: 21px;
}
.card-conference .card-header .action2.i::before { top: -2px; }
.card-conference .card-text {
  padding: 24px 32px 32px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.card-conference .card-text h5 { margin-top: 16px; }
.card-conference .card-text h5:first-child { margin-top: 0; }
.card-conference .card-text h5,
.card-conference .card-text p {
  margin-bottom: 4px;
}
.card-conference .card-button { margin-top: 24px; }
.card-conference .card-toggle { display: none; }

.card-speaker {
  padding: 32px 0;
}
.card-speaker .price { font-size: 24px; }
.card-speaker .price span { font-size: 34px; }
.card-speaker .card-text,
.card-speaker .card-button {
  padding: 0 32px;
}
.card-speaker .card-button { text-align: right; }
.card-speaker .card-button::after {
  content: '';
  display: table;
  white-space: nowrap;
}
.card-speaker .card-button .price {
  float: left;
  padding: 3px 16px 3px 0;
}


.card-event {
  padding: 24px 16px;
  overflow: hidden;
}
.card-event figure {
  float: right;
  margin-left: 16px;
}
.card-event figure img { max-height: 96px; }
.card-event .card-content { clear: both; }
.card-event time,
.card-event .card-location {
  display: block;
  font-size: 14px;
}
.card-event .card-title {
  padding-top: 8px;
  line-height: 1.5;
}
.card-event time,
.card-event .card-title,
.card-event .card-location {
  padding-bottom: 8px;
}
.card-event .card-header {
  padding: 0;
  min-height: 96px;
  border-radius: 0;
  background: none;
  font-size: 16px;
  text-align: left;
  overflow: hidden;
}
.card-event .card-text {
  margin-top: 8px;
  max-height: 136px;
  line-height: 1.5;
  overflow: hidden;
}
.card-event .card-more {
  position: relative;
  margin: 0 -16px -24px;
  font-size: 14px;
  text-align: center;

  -webkit-box-shadow: 0 -8px 64px 24px #FFF, 0 0 0 1px #FFF;
          box-shadow: 0 -8px 64px 24px #FFF, 0 0 0 1px #FFF;
}
.card-event .card-more a {
  display: block;
  position: relative;
  padding: 8px 0 40px;
}
.card-event .text > :last-child {
  margin-bottom: 0;
}
.card-event-compact .text {
  display: none;
}
.card-event-compact .card-more {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card-event-compact .card-more a {
  padding-bottom: 24px;
}

.card-pay .card-header {
  border-top: 1px solid #B0BAC7;
  border-radius: 0 0 4px 4px;
  background: #E8ECF1;
  font-size: 16px;
}
.card-pay .card-title {
  margin-bottom: 8px;
  font-size: 26px;
}
.card-pay .card-figure {
  padding: 32px 24px;
}
.card-pay .card-figure svg { max-width: 100%; }

.card-partner {
  display: block;
  position: relative;
  overflow: hidden;
}
.card-partner img { max-width: 100%; }
.card-partner figure { padding: 20px 16px 16px; }
.card-partner .card-logo {
  display: table;
  padding: 0;
  width: 100%;
}
.card-partner .card-logo > div {
  display: table-cell;
  padding: 40px 16px 16px;
  height: 144px;
  text-align: center;
  vertical-align: middle;
}
.card-partner .card-logo img { max-height: 100%; }
.card-partner .card-label {
  position: absolute; top: 8px; right: 8px;
}
.card-partner .card-title {
  padding: 0 16px 16px;
  font-size: 16px;
}
.card-partner .card-title p {
  margin-top: 4px;
}
.card-partner .card-text {
  padding: 0 16px 64px;
  max-height: 168px;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}
.card-partner .card-more {
  display: none;
  position: absolute; right: 16px; bottom: 2px; left: 16px;
  padding-bottom: 16px;
  background: #FFF;
  font-size: 14px;
  text-align: center;
  -webkit-box-shadow: 0 -8px 48px 24px #FFF, 0 0 0 1px #FFF;
          box-shadow: 0 -8px 48px 24px #FFF, 0 0 0 1px #FFF;
}
.card-partner .card-more a,
.card-partner .card-more > span {
  display: block;
  position: relative;
  padding: 8px 0;
}
.card-partner .card-text + .card-more {
  display: block;
}
a.card-partner .card-more > span { color: #0275B8; }


.modal .card-event {
  max-width: 620px;
  padding: 16px 32px;
  border: none;
}
.modal .card-event.modal-s {
  overflow: auto;
}
.modal .card-event .card-text {
  max-height: none;
}

.modal .payment-select {
  padding: 24px 32px;
  max-width: 704px;
  text-align: center;
}

.modal .agenda-summary {
  max-width: 820px;
}
.modal .agenda-summary-header {
  padding: 24px 32px 16px;
}
.modal .agenda-summary-content {
  padding: 8px 32px 16px;
}
.modal .agenda-files.separate::before {
  margin-right: -32px; margin-left: -32px;
}


/* layout */

.container {
  margin: 0 auto; padding: 0 16px;
  max-width: 1232px;
}


.join-us {
  position: absolute;
  height: 35px;
  padding: 0 13px 0 12px;
  background: url(https://assets.zabbix.com/dist/images/flag.ff5ad5921bb2f6003820.png) repeat-x 100% 0;
  background-size: 16px auto;
  font-size: 16px;
  line-height: 35px;
  white-space: nowrap;
}
.join-us::before,
.join-us::after {
  content: '';
  display: block;
  position: absolute;
  background: url(https://assets.zabbix.com/dist/images/flag.ff5ad5921bb2f6003820.png) no-repeat 99px 99px;
  background-size: 16px auto;
}
.join-us::before {
  right: -11px;
  width: 11px; height: 35px;
  background-position: 0 -35px;
}
.join-us::after {
  top: -15px; left: -8px;
  width: 11px; height: 80px;
  background-position: 0 -71px;
}
.join-us a {
  display: block;
  margin: 0 -13px 0 -12px; padding: 0 13px 0 12px;
  color: inherit;
}
.join-us a:hover,
.join-us a:focus,
.join-us a:active {
  color: inherit;
  text-decoration: none;
  opacity: .8;
}


.sitemap {
  margin-left: -20px; padding: 22px 0;
  font-size: 0;
}
.sitemap dl {
  display: inline-block;
  padding-left: 20px;
  width: 12.5%;
  font-size: 11px;
  vertical-align: top;
}
.sitemap dt {
  margin-bottom: 28px;
  font-size: 12px; font-weight: 500;
  text-transform: uppercase;
}
.sitemap li {
  margin-bottom: 16px;
}


.copyright { float: left; }


.nav-promo { font-size: 12px; }
.nav-promo img {
  display: block;
  max-width: 100%;
}
.nav-promo h5,
.nav-promo p {
  margin-top: 10px;
}
.nav-promo h5:first-child,
.nav-promo p:first-child {
  margin-top: 0;
}
.nav-promo h5 {
  font-size: 14px;
}
.nav-promo p {
  line-height: 1.66;
}

.nav-group a { display: block; }


.header-main {
  position: relative;
}
.header-main .logo,
.header-main .action {
  position: absolute;
}
.header-main .logo {
  top: 10px; left: 16px;
}
.header-main .action { top: 12px; }
.header-main .action.i-find { right: 120px; }

.header-nav {
  display: block;
  background: #FFF;
}

.header-search {
  position: absolute; left: 0; right: 0;
  background: #E8ECF1;
}
.header-search > .w {
  padding-top: 16px; padding-bottom: 16px;
}
.header-search fieldset {
  position: relative;
  margin: 0 auto; padding: 0 48px 0 0;
  max-width: 800px;
}
.header-search .search-input {
  width: 100%;
}
.header-search .search-submit {
  position: absolute; top: 9px; right: 48px;
}
.header-search .action {
  position: absolute; top: 7px; right: 0;
}
.header-search .i-remove::before { opacity: .5; }


.footer a { color: #898C93; }
.footer a.inherit { color: inherit; }
.footer a:hover,
.footer a:focus,
.footer a:active {
  color: #FFF;
  text-decoration: none;
}

.footer-phone {
  color: #FFF;
  font-size: 12px; font-weight: 500;
}
.footer-phone dt {
  margin-bottom: 18px;
  text-transform: uppercase;
}
.footer-phone dd {
  font-size: 24px;
}

.footer-contacts {
  margin-left: -16px; padding: 62px 0;
  font-size: 0;
}
.footer-contacts .footer-phone,
.footer-contacts .footer-contact {
  display: inline-block;
  padding-left: 16px;
  width: 25%;
  vertical-align: top;
}
.footer-contacts .footer-contact {
  padding-top: 24px;
}

.footer-social ul {
  display: table;
  margin: 0 auto;
}
.footer-social li {
  width: 54px;
  display: table-cell;
  vertical-align: middle;
}
.footer-social .social {
  display: block;
  margin: 0 auto;
}

.footer-join-us > .w {
  position: relative;
}
.footer-join-us .join-us {
  top: -65px; right: 80px;
}

.footer-subscribe {
  position: relative;
  background: #353842;
  color: #FFF;

  -webkit-transition: background .3s ease-in-out;
     -moz-transition: background .3s ease-in-out;
       -o-transition: background .3s ease-in-out;
          transition: background .3s ease-in-out;
}
.footer-subscribe:hover { background: #444855; }
.footer-subscribe > .w {
  position: relative;
  padding-top: 20px; padding-bottom: 20px;
}
.footer-subscribe .join-us {
  top: -65px; right: 80px;
}
.footer-subscribe-form {
  text-align: center;
}
.footer-subscribe-form label {
  padding: 4px 14px 4px 0;
  font-size: 16px;
  white-space: nowrap;
}
.footer-subscribe-form label,
.footer-subscribe-form .oneinput {
  display: inline-block;
  vertical-align: middle;
}
.footer-subscribe-form .oneinput input[type="text"] { width: 364px; }


.copyright,
.footer-nav > li {
  font-size: 11px;
}
.footer-nav {
  float: right;
  font-size: 0;
  text-align: right;
}
.footer-nav > li {
  display: inline-block;
  padding-left: 40px;
  white-space: nowrap;
}

.footer-meta { background: #23262E; }
.footer-meta > .w {
  padding-top: 34px; padding-bottom: 34px;
}


/* modal */
.modal-video {
  display: table;
  position: fixed; top: 0; left: 0; z-index: 100;
  width: 100%; height: 100%;
  height: 100vh;
  background: rgba(37, 40, 47, .96);
  color: #FFF;
  font-size: 12px;
  opacity: 0;

  -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s;
       -o-transition: opacity .3s;
          transition: opacity .3s;
}
.modal-video.show { opacity: 1; }
.modal-video > div { display: table-row; }
.modal-video > div > div {
  display: table-cell;
  vertical-align: middle;
}
.modal-video > div > div > div {
  position: relative;
  margin: 0 auto; padding: 40px 8px;
  max-width: 856px;
}
.modal-video .h5 {
  margin-top: 18px;
  font-size: 18px;
}
.modal-video p {
  margin-top: 8px;
  line-height: 1.75;
}
.modal-video .modal-remove {
  position: absolute; top: 0; right: 8px;
  padding: 4px;
  width: 32px; height: 32px;
  border-radius: 16px;
  background: rgba(66, 69, 90, .6);
}
.modal-video .modal-remove::before {
  content: '';
  display: block;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -432px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
.modal-video .modal-remove:hover,
.modal-video .modal-remove:focus,
.modal-video .modal-remove:active {
  background: #42455A;
}


/* banners */

.banner {
  background: #D2D6DA url(https://assets.zabbix.com/dist/images/banner_light.57ef0a3bc97991c57960.jpg) no-repeat 50% 50%;
  background-size: cover;
  font-size: 16px;
}
.banner > .w {
  margin: 0 auto; padding: 32px 16px 48px;
  max-width: 1232px;
}
.banner > .w::after {
  content: '';
  display: table;
  clear: both;
}
.banner p {
  margin-top: 10px;
  line-height: 1.5;
}
.banner .h1 {
  margin-bottom: 10px;
}
.banner .h2 {
  margin-bottom: 20px; 
  font-size: 32px;
}
.banner .button {
  min-width: 200px;
}

.banner .button-transparent {
  border: 2px solid #0275B8;
  color: #0275B8;
}
.banner .button-transparent:hover,
.banner .button-transparent:focus,
.banner .button-transparent:active {
  background-color: rgba(2, 117, 184, .4);
  color: #FFF;
}

.banner-events {
  margin: 40px 0;
  font-size: 14px;
}
.banner-events .h4 { margin-bottom: 10px; }
.banner-events .events-list li { margin-top: 0; margin-bottom: 20px; }

.banner-play a,
.banner-events a,
.banner-content a {
  color: #04A0FB;
}

.banner-buttons { margin-left: -36px; }
.banner-buttons .button { margin-left: 36px; }

.banner-image.center {
  text-align: center;
}
.banner-image .banner-image-buttons {
  margin-top: 20px;
}
.banner-image img {
  max-width: 100%;
}

.banner-simple { text-align: center; }
.banner-simple > .w {
  margin: 0 auto;
  max-width: 976px;
}
.banner-simple .banner-play,
.banner-simple .banner-media {
  margin-top: 24px;
}
.banner-simple .banner-buttons { margin-top: 30px; }

.banner-placeholder { background: #D2D6DA; }
.banner-placeholder.dark { background: #23262D;  }

.banner.dark {
  background-image: url(https://assets.zabbix.com/dist/images/banner_dark.efa14298ed7220b59ba7.jpg);
  background-color: #23262D;
  color: #FFF;
}
.banner.dark .banner-events a,
.banner.dark .banner-content a {
  color: #04A0FB;
}
.banner.dark .button-transparent {
  border-color: #7C7E83;
  background-color: rgba(216, 216, 216, .2);
  color: #FFF;
}
.banner.dark .button-transparent:hover,
.banner.dark .button-transparent:focus,
.banner.dark .button-transparent:active {
  background-color: rgba(216, 216, 216, .4); 
  color: #FFF;
}
.banner.dark .banner-play .play span::before {
  background-position: 0 -416px;
}
.banner.dark .banner-play a { color: #04A0FB; }
.banner.dark .banner-play a.play:hover,
.banner.dark .banner-play a.play:focus,
.banner.dark .banner-play a.play:active {
  text-decoration: none;
}
.banner.dark .banner-play a.play:hover span::before,
.banner.dark .banner-play a.play:focus span::before,
.banner.dark .banner-play a.play:active span::before {
  background-position: 0 -448px;
}

.banners {
  position: relative;
  overflow: hidden;
}
.banners .swiper-button-prev,
.banners .swiper-button-next {
  top: 0; bottom: 0; z-index: 10;
  margin-top: 0;
  width: 16px; height: auto;
  background: none;
}
.banners .swiper-button-prev { left: 0; }
.banners .swiper-button-next { right: 0; }
.banners .swiper-slide { height: auto; }
.banners .swiper-slide .banner { height: 100%; }


/* sections */
.grid-space > .span { margin-bottom: 16px; }

.article { margin-bottom: 24px; }
.article .h1 { margin-bottom: 24px; }
.article .aside svg {
  width: 160px; height: auto;
}
.article .aside svg,
.article .aside img {
  max-width: 100%;
}
.article .aside > .button {
  display: block;
  width: 100%;
}
.article .image {
  text-align: center;
}
.article .image,
.article .booklets,
.article .play-preview,
.article .aside-crosslink {
  margin-bottom: 24px;
}
.article .aside-crosslink {
  text-align: center;
  font-size: 14px;
}
.article .play-preview + .article .aside-crosslink { margin-top: -8px; }
.article + .merge-to-article { margin-top: -16px; }
.article.dark {
  margin-bottom: 48px;
  background: #42455A;
  color: #FFF;
}
.article.dark a { color: #04A0FB; }

.section-header {
  font-size: 20px;
  text-align: center;
}
.section-more {
  margin-top: 40px;
  font-size: 16px;
  text-align: center;
}
.section-more .button { min-width: 288px; }
.section-more .spinner { padding: 6px 0; }

.section { margin-bottom: 24px; }
.section .h1,
.section .h2,
.section .image {
  margin-bottom: 24px;
}
.section > .w::after {
  content: '';
  display: table;
  clear: both;
}
.section.separate > .w::before {
  content: '';
  display: block;
  height: 24px;
  border-top: 1px solid #B0BAC7;
}

.section-gray {
  margin: 0; padding-top: 72px; padding-bottom: 56px;
  background: #E8ECF1;
}
.section-gray-arrow {
  position: relative;
}
.section-gray-arrow::after {
  content: '';
  display: block;
  position: absolute; bottom: -40px; left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #E8ECF1;
}
.section-margin { margin-bottom: 56px; }


.tabs-section .tabs {
  margin: auto;
  max-width: none;
}
.tabs-section .tabs::after { border-radius: 0; }
.tabs-section .tabs a:after { border-radius: 0; }
.tabs-section .tabs > ul,
.tabs-section .tabs > ul > li {
  width: auto;
}
.tabs-section .tabs > ul > li { width: 288px; }

.tabs-content {
  padding: 32px 32px 8px;
  background: #FFF;
}
.tabs-content-transparent {
  padding: 32px 0 1px;
  background: none;
}
.tabs-content .grid { margin-left: -32px; }
.tabs-content .grid > .span {
  padding-bottom: 24px; padding-left: 32px;
}
.tabs-content > dt { display: none; }
.tabs-adaptive-mobile .tabs-content {
  padding: 0;
  background: none;
}
.tabs-adaptive-mobile .tabs-content > dd {
  padding: 32px 32px 8px;
  background: #FFF;
}
.tabs-adaptive-mobile .tabs-content-transparent > dd {
  padding: 32px 0 1px;
  background: none;
}


.events-tabs { display: none; }

.events-list time {
  text-transform: uppercase;
  white-space: nowrap;
}
.events-list li {
  margin-top: 8px;
}
.events-list .event-location::after {
  content: '\00a0\2013';
}

.events-group dt { margin-bottom: 12px; }
.events-group dd { color: #D3D3D5; }
.events-group dd a {
  color: #04A0FB;
}
.events-group .h4 { margin-right: 16px; }
.events-group .more {
  color: #7C7E82;
  font-size: 12px;
}

.events-groups {
  display: table;
  width: 100%;
  font-size: 14px;
}
.events-group dt .more {
  display: inline-block;
}
.events-group .more {
  white-space: nowrap;
}
.events-groups .events-group {
  display: table-cell;
  padding-left: 16px;
}

.events-main {
  padding-top: 28px; padding-bottom: 28px;
  background: #25282F;
  color: #FFF;
}
.events-main > .w { padding-left: 0; }


.monitoring-case {
  display: block;
  border: 1px solid #B0BAC7;
  border-radius: 4px;
  background: #FFF;
  color: inherit;
  font-size: 16px;
  line-height: 1.375;
  text-align: center;

  -webkit-transition: -webkit-box-shadow .15s;
     -moz-transition: -moz-box-shadow .15s;
       -o-transition: box-shadow .15s;
          transition: box-shadow .15s;
}
.monitoring-case figure {
  display: block;
  padding: 20px 30px;
}
.monitoring-case figure svg,
.monitoring-case figure img {
  width: 100%; height: auto;
}
.monitoring-case .monitoring-title {
  padding: 18px 8px 2px;
  border-top: 1px solid #B0BAC7;
  height: 80px;
  overflow: hidden;
}
a.monitoring-case:hover,
a.monitoring-case:active,
a.monitoring-case:focus {
  position: relative;
  margin: -4px;
  border-color: #42455A;
  text-decoration: none;

  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
}
a.monitoring-case:hover .monitoring-title,
a.monitoring-case:active .monitoring-title,
a.monitoring-case:focus .monitoring-title {
  border-color: transparent;
  background: #42455A;
  color: #FFF;
}

.monitoring-main {
  padding-top: 72px; padding-bottom: 80px;
  background: #E8ECF1;
}
.monitoring-main .monitoring-cases {
  margin-top: 40px;
}
.monitoring-main .grid {
  margin-right: -8px; margin-left: -8px;
}
.monitoring-main .grid::after {
  content: '';
  display: table;
  clear: both;
}
.monitoring-main .grid > .span {
  float: left;
  padding: 8px;
  width: 20%;
  font-size: 14px;
}


.features-main {
  padding-top: 72px; padding-bottom: 80px;
  background: #D3DAE3;
  text-align: center;
}
.features-main .grid {
  margin-top: 40px; margin-left: -16px;
  text-align: center;
}
.features-main .grid > .span {
  padding: 8px 16px;
  width: 33.333%;
}
.features-main .h3 { margin-bottom: 0; }
.features-main .feature-details { margin-top: 30px; }
.features-main .feature-details > li { margin-top: 16px; }
.features-main figure {
  margin: 0 auto 20px;
  width: 130px;
}
.features-main figure img,
.features-main figure svg {
  width: 100%; height: auto;
}
.features-main-gray {
  padding-top: 46px; padding-bottom: 24px;
  background: #F0F0F0;
}

.features-list > li {
  position: relative;
  margin-bottom: 8px; padding: 8px 0 8px 40px;
  font-size: 14px;
  line-height: 1.428;
}
.features-list > li::before {
  content: '';
  position: absolute; top: 2px; left: 2px;
  padding: 2px;
  width: 28px; height: 28px;
  border-radius: 14px;
  background: #0275B8 url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 2px -404px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.brands-main {
  padding-top: 72px; padding-bottom: 80px;
  background: #FFF;
  text-align: center;
}
.brands-main .grid {
  margin-top: 32px; margin-left: -16px;
}
.brands-main .grid > .span {
  padding: 16px 0 16px 16px;
  width: 16.6666%;
  vertical-align: middle;
}
.brands-main .grid img {
  max-width: 100%;
}
.brands-main .section-more { margin-top: 32px; }

.brands-list { margin-left: -16px; }
.brands-list > .span {
  padding: 8px 0 8px 16px;
  width: 16.6666%;
  text-align: center;
}
.brands-list img {
  max-width: 100%; max-height: 62px;
  vertical-align: middle;
}
.brands-list .brand {
  display: block;
  padding: 3px;
  height: 70px;
  border: 1px solid #E8ECF1;
  background: #FFF;
  font-size: 0;
  white-space: nowrap;
}
.brands-list a.brand:hover {
  border-color: #C8D2DE;
}
.brands-list .brand::before {
  content: '';
  display: inline-block;
  height: 62px;
  vertical-align: middle;
}

.brand-swiper {
  margin-bottom: 48px; padding: 40px 0;
  background: #FFF;
  text-align: center;
}
.brand-swiper .swiper-container {
  margin: 0 -16px; padding-bottom: 40px;
}
.brand-swiper .swiper-wrapper {
  -webkit-flex-align: center;
      -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.brand-swiper .swiper-slide { padding: 18px 24px; }
.brand-swiper img { max-width: 100%; }


.enterprise-main {
  padding-top: 72px; padding-bottom: 80px;
  background: #21232B url(https://assets.zabbix.com/dist/images/enterprise.92555c2c440d7c319659.jpg) no-repeat 50% 100%;
  background-size: cover;
}
.enterprise-main .section-more {
  margin-top: 24px;
}
.enterprise-main .section-header { color: #FFF; }

.enterprise-main .swiper-slide {
  padding: 0 8px;
  width: 25%;
}
.enterprise-main .swiper-container {
  margin: 56px -16px 0;  padding: 0 8px 40px;
}
.enterprise-main .swiper-container-horizontal > .swiper-pagination {
  bottom: 0;
}
.enterprise-main .swiper-pagination-bullet { background: #FFF; }

.enterprise-main .swiper-button-prev,
.enterprise-main .swiper-button-next {
  top: 0; bottom: 40px;
  margin-top: 0;
  width: 16px; height: auto;
  background: none;
}
.enterprise-main .swiper-button-prev { left: 0; }
.enterprise-main .swiper-button-next { right: 0; }


.advantages-main {
  padding-top: 72px; padding-bottom: 80px;
  background: #FFF;
}
.advantages-main .section-header { margin-bottom: 40px; }
.advantages-main .tabs {
  padding: 0 16px;
  max-width: 980px;
}
.advantages-main .brands-list { padding-top: 32px; }


.solutions-list { margin-left: -16px; }
.solutions-list > .span {
  padding: 8px 0 8px 16px;
  width: 20%;
  font-size: 14px;
  vertical-align: top;
}

.solutions-main {
  padding-top: 72px; padding-bottom: 80px;
  background: #E8ECF1;
}
.solutions-main .grid { margin-top: 32px; }


.screenshot {
  display: inline-block;
  position: relative;
  padding-top: 25px;
  border: 1px solid #ADBAC6;
  border-radius: 4px 4px 0 0;
  background: #FFF;
  overflow: hidden;
}
.screenshot::before {
  content: '';
  display: block;
  position: absolute; top: 25px; right: 0; bottom: 0; left: 0;
  background: url(https://assets.zabbix.com/dist/images/screen_fade.be3b6689d11f29a0f529.png) repeat-x 0 100%;
  background-size: auto 100%;
}
.screenshot::after {
  content: '';
  display: block;
  position: absolute; top: 0; right: 0; left: 0;
  height: 25px;
  background: #DAE0E7 url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 9px -544px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
}
.screenshot img {
  max-width: 100%;
  width: 100%; /* for IE */
}

.screenshot-thumb { display: inline-block; }
.screenshot-thumb img { display: block; }
.screenshot-thumb-more {
  position: relative;
}
.screenshot-thumb-more .screenshots-more {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(66, 69, 90, .8);
  color: #FFF;
  text-align: center;
  overflow: hidden;
}
.screenshot-thumb-more .screenshots-more i {
  display: block;
  padding-top: 8px;
  font-size: 34px;
}
.screenshot-thumb-more .screenshots-more > .w {
  position: absolute; top: 50%; right: 0; left: 0;
  margin-top: -32px;
}
.screenshot-thumb-more a,
.screenshot-thumb-more a:hover,
.screenshot-thumb-more a:focus,
.screenshot-thumb-more a:active {
  text-decoration: none;
}

.screenshot-wrapper {
  display: block;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.screenshot-wrapper a.none { display: block; }
.screenshot-wrapper .button { min-width: 350px; }
.screenshot-wrapper .button-transparent {
  border-color: #FFF;
  color: #FFF;
  opacity: .6;
}
.screenshot-wrapper .button-transparent:hover,
.screenshot-wrapper .button-transparent:focus,
.screenshot-wrapper .button-transparent:active,
.screenshot-wrapper a:hover .button-transparent,
.screenshot-wrapper a:focus .button-transparent,
.screenshot-wrapper a:active .button-transparent {
  border-color: transparent;
  background-color: #0275B8; 
  color: #FFF;
  opacity: 1;
}
.screenshot-wrapper .screenshot { border-bottom: none; }
.screenshot-wrapper .screenshot-more {
  position: absolute; right: 0;  bottom: 0; left: 0; 
}
.screenshot-wrapper .screenshot-more .button {
  position: relative; top: -80px;
}

.screenshots-list p {
  display: none;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
}
.screenshots-list > .span {
  padding-bottom: 16px;
}

.screenshots-section .screenshots-list { margin-bottom: 32px; }
.screenshots-section .h3 { margin-bottom: 16px; }

.screen-main {
  padding-top: 72px;
  background: #E8ECF1;
  text-align: center;
}
.screen-main > .w { padding: 0 64px; }
.screen-main.merge { padding-top: 0; }


.download-main {
  padding: 48px 0;
  background: #0275B8;
  color: #FFF;
  text-align: center;
}
.download-main .w::after {
  content: '';
  display: table;
  clear: both;
}
.download-main .h2,
.download-main .button {
  vertical-align: middle;
}
.download-main .button { min-width: 216px; }
.download-main p {
  margin-top: 24px;
}

.best {
  padding: 16px 0;
  background: #0275B8;
  color: #FFF;
  text-align: center;
}
.best a { color: inherit; }
.best b {
  display: block;
  margin-bottom: 5px;
  font-size: 36px;
}
.best > .w { padding: 0; }
.best .grid > .span {
  padding: 16px;
  font-size: 14px;
}


.booklet { padding-bottom: 20px; }
.booklet-image { margin-bottom: 20px; }
.booklet-title { line-height: 1.428; }
.booklets {
  padding: 20px 16px 0;
  border-top: 4px solid #42455A;
  background: #F3F4F6;
  font-size: 14px;
}

.author {
  margin-bottom: 24px; padding: 20px 16px;
  border-top: 2px solid #42455A;
  background: #F3F4F6;
  font-size: 14px;
}
.author-photo { margin-bottom: 20px; }
.author-photo img { max-width: 100%; }
.author-title { line-height: 1.428; }

.author2 {
  font-size: 14px;
}
.author2::after {
  content: '';
  display: table;
  clear: both;
}
.author2-photo {
  float: left;
  width: 110px;
  border-radius: 8px;
  overflow: hidden;
}
.author2-photo img { width: 100%; }
.author2-photo ~ .author2-title,
.author2-photo ~ .author2-description {
  padding-left: 126px;
}
.author2-title,
.author2-description {
  line-height: 1.5;
}
.author2-description { padding-top: 8px; }
.author2-description p:last-child { margin-bottom: 0; }


.aside-files {
  padding: 20px 16px 4px;
  border-top: 4px solid #42455A;
  background: #F3F4F6;
}
.aside-files .file {
  margin-bottom: 16px;
}


.currency-select {
  font-size: 0;
  text-align: center;
}
.currency-select > li {
  display: inline-block;
  min-width: 128px;
  font-size: 12px;
  vertical-align: top;
}
.currency-select a {
  display: block;
  padding: 8px 4px;
}
.currency-select a.active,
.currency-select a.active:hover,
.currency-select a.active:focus,
.currency-select a.active:active {
  color: inherit;
  text-decoration: none;
  cursor: default;
}


.statusbar { padding: 32px 0 8px; }
.statusbar.dark {
  background: #42455A;
  color: #FFF;
}
.statusbar.dark a { color: #04A0FB; }


.feedback-snippet { line-height: 1.5; }
.feedback-snippet .feedback-author {
  margin-top: 20px;
  font-size: 12px;
}
.feedback-snippet .feedback-author span {
  display: block;
}


.schedule-header { margin-bottom: 16px; }
.schedule-header::after {
  content: '';
  display: block;
  clear: both;
}
.schedule-header .h2,
.schedule-header .h3 {
  margin: 0;
}
.schedule-header .filter-inline {
  padding-top: 14px;
}
.schedule-header.separate {
  border-bottom: 2px solid #B0BAC7;
}

.schedule-grid { border-bottom: 2px solid #B0BAC7; }
.schedule-grid p { font-size: 14px; }


.training-courses .grid {
  margin: 0 auto;
  max-width: 992px;
}
.training-courses .grid > .span {
  padding: 24px 28px;
}

.training-courses .footnote {
  margin: 0 auto;
  max-width: 744px;
}

.training-options .grid {
  margin: 0 auto;
  max-width: 1144px;
}

.training-feedback {
  padding: 48px 0 32px;
  background: #4C5167 url(https://assets.zabbix.com/dist/images/training_feedback.bdda539d9345c8663d9c.jpg);
  background-size: cover;
  color: #FFF;
}
.training-feedback .h3 { text-align: center; }
.training-feedback .swiper-container {
  padding-bottom: 40px;
}
.training-feedback .swiper-slide {
  padding: 16px 32px;
}
.training-feedback .section-more { margin-top: 16px; }
.training-feedback .button-transparent {
  border-color: #7C7E83;
  color: #FFF;
}
.training-feedback .button-transparent:hover,
.training-feedback .button-transparent:focus {
  background-color: rgba(216, 216, 216, .2); 
  color: #FFF;
}
.training-feedback .button-transparent:active {
  background-color: rgba(216, 216, 216, .4); 
  color: #FFF;
}
.training-feedback .swiper-pagination-bullet {
  border: 2px solid #FFF;
  background: none;
  opacity: 0.4;
}
.training-feedback .swiper-pagination-bullet:hover {
  background: #FFF;
}
.training-feedback .swiper-pagination-bullet-active {
  background: #FFF;
  opacity: 1;
}

.trainer .trainer-header { padding-bottom: 24px; }
.trainer .trainer-header p { margin-top: 12px; }
.trainer .trainer-text { font-size: 14px; }
.trainer .trainer-image {
  width: 242px;
  border-radius: 8px;
  overflow: hidden;
}
.trainer .trainer-image img { width: 100%; }

.trainers {
  position: relative;
  padding-top: 72px; padding-bottom: 72px;
  min-height: 480px;
  background: #FAFAFA;
}
.trainers > .w { position: relative; z-index: 1; }
.trainers .h2 { margin-bottom: 24px; }
.trainers .text { width: 50%; }
.trainers .section-more { text-align: left; }
.trainers .trainers-list {
  position: absolute; left: 50%; right: 0; bottom: 0; z-index: 0;
  margin-left: -120px; padding-top: 384px; padding-left: 72px;
  height: 480px;
  background: url(https://assets.zabbix.com/dist/images/trainers.5beadc9826ded2eb6abc.jpg) no-repeat 0 100%;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}
.trainers .trainers-list li {
  display: inline-block;
  padding: 0 16px;
  width: 280px;
  color: #FFF;
  font-size: 18px;
  text-align: center;
}
.trainers .trainers-list i {
  display: block;
  margin-top: 4px;
  font-size: 12px;
}

.training-list td {
  padding: 9px 8px 9px 0;
  border-top: 1px solid #B0BAC7;
  vertical-align: middle;
}
.training-list td:first-child { padding-left: 0; }
.training-list td:last-child { padding-right: 0; }
.training-list tr:first-child td { border-top: none; }
.training-list .td-action { padding-top: 4px; padding-bottom: 4px; }

.training-schedule { margin-bottom: 48px; }
.training-schedule .section-more { margin-top: 24px; }

.faq,
.training-faq {
  position: relative;
  padding: 56px 0 40px;
}
.training-faq { background: #FFF; }
.faq-identity { background: #E8ECF1; }
.faq .h3,
.training-faq .h3 {
  text-align: center;
}
.faq h4,
.training-faq h4 {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 1.36;
}
.faq-identity h4 { color: #276C94; }
.training-faq .section-more {
  position: absolute; right: 0; bottom: 0; left: 0;
  padding: 0 16px 56px;
}
.training-faq .section-more::after {
  content: '';
  display: block;
  position: absolute; right: 0; bottom: 0; left: 0;
  height: 200px;
  background: url(https://assets.zabbix.com/dist/images/fff_gradient.2e2fa43e44a35ec89bcd.png) repeat-x 0 100%;
}
.training-faq .section-more .button,
.training-faq .section-more .spinner {
  position: relative; z-index: 1;
}
.faq .grid,
.training-faq .grid {
  margin: 0 auto;
  max-width: 1096px;
}
.faq .grid > .span,
.training-faq .grid > .span {
  padding: 8px 28px 24px;
  line-height: 1.5;
}

.trainings-grid > .span { padding: 16px 0 24px; }
.trainings-grid .title {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: normal;
}
.trainings-grid .text {
  color: #7C7E83;
  font-size: 14px;
}
.trainings-grid .button {
  margin-top: 16px;
}
.trainings-grid figure {
  margin-right: 16px;
}
.trainings-grid figure img,
.trainings-grid figure svg {
  max-width: 100%; 
}


.course-programm dl {
  margin-bottom: 16px; padding: 24px 16px 0;
  background: #F3F4F6;
}
.course-programm dt {
  margin-bottom: 24px;
  font-size: 22px;
}


.apply {
  border-top: 1px solid #B0BAC7;
  margin-top: 32px; margin-bottom: 32px; padding-top: 32px;
  text-align: center;
}
.apply h4 {
  font-size: 18px;
  line-height: 1.334;
}
.apply h4 + p { margin-top: 16px; }

.apply-grid {
  display: table;
  width: 100%;
  text-align: left;
}
.apply-button,
.apply-description {
  display: table-cell;
  vertical-align: top;
}
.apply-description { line-height: 1.5; }
.apply-description p {
  margin-bottom: 0;
}
.apply-button {
  padding-left: 32px;
  text-align: right;
}
.apply-button .button { min-width: 288px; }

.apply-section {
  border-top: none;
  border-radius: 4px;
  margin-top: 32px; margin-bottom: 32px; padding: 32px 16px;
  /*text-align: center;*/
  background: #0173B5 url(https://assets.zabbix.com/dist/images/apply.08aab5a63e15ae2b8ab0.jpg) no-repeat 0 0;
  background-size: cover;
  color: #FFF;
}
.apply-section p {
  display: inline-block;
  margin: 8px 0;
  vertical-align: middle;
}
.apply-section p,
.apply-section .button {
  margin-right: 16px; margin-left: 16px;
}
.apply-section .apply-footnote {
  display: block;
  margin-top: 16px;
  font-size: 14px;
}

.see-also {
  padding: 32px 0;
  background: #F0F0F0;
  line-height: 1.5;
}
.see-also .h4 {
  margin-top: 16px; margin-bottom: 32px;
}


.case-studies .apply { margin-top: 24px; }

.case-company .content-grid {
  border-top: 2px solid #42455A;
  background: #FFF;
}
.case-company .text {
  font-size: 14px;
  line-height: 1.714;
}
.case-company .spec {
  font-size: 14px;
  line-height: 1.5;
}
.case-company .spec dt { padding-top: 2px; }
.case-company .spec dd { padding-bottom: 4px; }


.support-details {
  position: relative; z-index: 2;
  margin: 0 -4px; padding-top: 6px;
  line-height: 1.16;
}
.support-details::after,
.support-details::before {
  content: '';
  display: block;
  position: absolute; top: 0; bottom: 0;
  width: 4px;
  background: #FAFAFA;
}
.support-details::after {
  right: 0;
}
.support-details th,
.support-details td {
  padding: 8px 4px 7px;
  border-bottom: 1px solid #B0BAC7;
  vertical-align: middle;
}
.support-details th {
  padding-top: 5px; padding-bottom: 4px;
  font-size: 14px;
  /*text-align: right;*/
}
.support-details td { text-align: center; }
.support-details thead { display: none; }
.support-details table { border-bottom: 2px solid #B0BAC7;  }
.support-details .boolean { margin: 0 auto; }
.support-details .underline th,
.support-details .underline td {
  border-bottom: 2px solid #B0BAC7;
}
.support-details .footnote {
  margin-top: 12px; padding: 0 4px 0 36px;
  text-align: left;
}
.support-details .footnote > li { margin-bottom: 4px; }
.support-details .footnote .asterix {
  display: inline-block;
  margin-left: -32px;
  width: 28px;
}

.support-section .card { position: relative; z-index: 1; }
.support-section .swiper-slide { padding: 0 4px; }
.support-section .swiper-slide > .card { height: 100%; }
.support-section .swiper-slide-duplicate { display: none; }
.support-section .swiper-slide.with-details::after {
  content: '';
  display: block;
  position: absolute; top: 100%; right: 4px; left: 4px;
  margin-top: -5px;
  height: 154px;
  background: url(https://assets.zabbix.com/dist/images/b0bac7_gradient.338e0394f4a9c7ff914d.png) repeat-x 0 0;
}
.support-section .swiper-container {
  margin-right: -4px; margin-left: -4px;
  overflow: visible;
}

.webinars-table {
  border-top: 2px solid #B0BAC7;
  font-size: 14px;
  line-height: 1.5;
}
.webinars-table td {
  padding: 12px 8px 8px;
  border-bottom: 1px solid #B0BAC7;
}
.webinars-table .td-action { padding-top: 7px; padding-bottom: 7px; }
.webinars-table b,
.webinars-table time,
.webinars-table .webinar-location {
  display: block;
}
.webinars-table time,
.webinars-table .webinar-location {
  font-size: 14px;
  white-space: nowrap;
}
.webinars-table b,
.webinars-table p {
  font-size: 16px;
}
.webinars-table b { margin-bottom: 4px; }
.webinars-table b + p { margin-top: 8px; }
.webinars-table p:first-child { margin-top: 0; }
.webinars-table .webinar-duration {
  float: right;
  margin-left: 4px;
  white-space: nowrap;
}
.webinars-table .webinar-language {
  min-height: 56px;
}
.webinars-table .hoverable:hover td { background-color: rgba(232, 236, 241, .6); }
.webinars-table .webinar-description-short {
  color: #7C7E83;
  font-size: 14px;
}

.webinars-list {
  margin-bottom: 80px;
}

.opinion-main {
  margin-bottom: 16px; padding-top: 72px; padding-bottom: 80px;
  border: 1px solid #B0BAC7;
  background: #42455A;
  color: #FFF;
  text-align: center;
}
.opinion-main .w { max-width: 1088px; }
.opinion-main .opinion-logo { margin-bottom: 32px; }
.opinion-main .opinion-text {
  font-size: 28px;
  line-height: 1.357;
}
.opinion-main .opinion-author {
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.714;
}

.books-grid .tabs-content .grid { margin-left: -16px; }
.books-grid .tabs-content .grid > .span {
  padding-bottom: 16px; padding-left: 16px;
}

.books-list { margin-bottom: 56px; }
.books-list .grid { margin-left: -24px; }
.books-list .grid > .span {
  padding-bottom: 24px; padding-left: 24px;
}
.books-list img { border: 1px solid #E8ECF1; }
.books-list a:hover img,
.books-list a:focus img,
.books-list a:active img {
  border-color: #0275B8;
}

.manual-latest {
  position: relative;
  margin-bottom: 16px; padding: 32px 48px 8px 32px;
  height: 240px;
  border-radius: 4px;
  background: #0275B8;
  color: #FFF;
  overflow: hidden;
}
.manual-latest::after {
  content: '';
  display: block;
  position: absolute; top: 0; right: 16px; bottom: 0;
  width: 188px;
  background: url(https://assets.zabbix.com/dist/images/doc.1badb94b4578f1320eab.png) no-repeat 100% 100%;
  background-image: none, url(https://assets.zabbix.com/dist/images/doc.06a566bdbdd610265f16.svg);
}
.manual-latest .w { position: relative; z-index: 2; }
.manual-latest .button-transparent {
  min-width: 172px;
  border-color: #FFF;
  color: #FFF;
}
.manual-latest .button-transparent:hover,
.manual-latest .button-transparent:focus {
  background-color: rgba(216, 216, 216, .4);
  color: #FFF;
}
.manual-latest .button-transparent:active {
  background-color: rgba(216, 216, 216, .2);
  color: #FFF;
}
.manual-latest p {
  margin-bottom: 8px;
  min-height: 64px; max-height: 84px;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}

.manual-releases { margin-left: -16px; }
.manual-releases > .span {
  padding: 0 0 16px 16px;
}
.manual-releases .card {
  padding: 24px 16px 8px;
  height: 112px;
  text-align: center;
}
.manual-releases .title {
  position: relative;
  height: 56px;
  font-size: 18px;
  line-height: 1.5;
  overflow: hidden;
}
.manual-releases .title::after {
  content: '';
  display: block;
  position: absolute; right: 0; bottom: -24px; left: 0;
  height: 24px;

  -webkit-box-shadow: 0 -16px 16px #FFF;
          box-shadow: 0 -16px 16px #FFF;
}
.manual-releases .more {
  font-size: 14px;
}

.manual-old { padding-bottom: 16px; }
.manual-old .footnote {
  text-align: left;
}


.files.grid {
  margin-left: -16px;
}
.files.grid > .span {
  padding: 0 16px 24px;
}
.files-compact.grid > .span { padding-right: 8px; }
.files-title {
  margin-bottom: 8px;
  color: #B0BAC7;
  font-size: 14px;
}


.release-article .product-version {
  padding-bottom: 24px;
  font-size: 160px;
  line-height: 1;
  text-align: center;
}

.release-notes .grid { margin-bottom: 24px; }

.release-features {
  margin: 0; padding-top: 72px; padding-bottom: 56px;
  background: #F0F2F6;
}
.release-features .h2,
.release-features .h3 {
  text-align: center;
}
.release-features .features-list > li {
  margin-bottom: 0;
  min-height: 56px;
}


.logo-preview {
  margin-bottom: 40px; padding: 0 16px;
}
.logo-preview p {
  margin-top: 8px;
  color: #7C7E83;
  font-size: 12px;
}


.identity-agreement {
  position: relative;
  margin-bottom: 24px; padding: 24px 24px 24px 64px;
  border: 1px solid #B0BAC7;
  background: #FFF;
  line-height: 1.5;
}
.identity-agreement .checkbox {
  position: absolute; top: 24px; left: 24px;
}

.identity-download-logo img { max-width: 100%; }

.identity-bad > .span {
  padding: 16px;
  background: #FFF;
  text-align: center;
}
.identity-bad p {
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.5;
}
.identity-bad img { max-width: 100%; }
.identity-bad figure {
  /*display: table-cell;*/
  line-height: 96px;
  /*vertical-align: middle;*/
}

.comunities-list > .span {
  margin-bottom: 32px;
  line-height: 1.5;
}
.comunities-list .title {
  margin-bottom: 16px;
  font-size: 20px;
}
.comunities-list figure { margin-bottom: 16px; }
.comunities-list ul { margin-top: 8px; }


.comunity-area { margin-top: 8px }
.comunity-area::before {
  content: '';
  display: block;
  margin-right: 8px; margin-left: 8px;
  height: 32px;
  border-top: 1px solid #B0BAC7;
}


.releases-nav {
  border-top: 4px solid #42455A;
  background: #F3F4F6;
}
.releases-nav > li {
  padding: 12px 8px 12px 32px;
  border-top: 1px solid #E8ECF1;
}
.releases-nav > li.more {
  padding-top: 16px; padding-bottom: 24px;
  font-size: 14px;
}
.releases-nav time {
  display: block;
  margin-top: 8px;
  color: #7C7E83;
  font-size: 12px;
}
.releases-nav a.active {
  color: #D0021B;
}

.description-figure::after {
  content: '';
  display: table;
  clear: both;
}
.description-figure > figure {
  float: left;
  margin-right: 16px;
}
.description-figure > .description {
  overflow: hidden;
}


.map-section { margin-bottom: 40px; }
.map-section .map { height: 420px; }


.customers-section { margin-bottom: 64px; }


.press-releases > li {
  margin-bottom: 32px; padding: 0 16px;
  line-height: 1.5;
}
.press-releases time {
  float: left;
  width: 136px;
  color: #42455A;
  white-space: nowrap;
}
.press-releases .title { margin-bottom: 8px; }
.press-releases .description { overflow: hidden; }

.press-section { padding-top: 32px; }
.press-section .h4 {
  margin-bottom: 24px; padding: 0 16px 12px;
  border-bottom: 1px solid #B0BAC7;
}


.featured-anchors,
.featured-anchors > li {
  height: 92px;
}
.featured-anchors {
  margin-bottom: -1px;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.featured-anchors > li {
  position: relative;
  display: inline-block;
  padding: 12px 32px 0;
  vertical-align: bottom;
}
.featured-anchors a {
  display: table-cell;
  height: 56px;
  vertical-align: middle;
  opacity: .4;
}
.featured-anchors a.active { opacity: 1; }
.featured-anchors a.active::after,
.featured-anchors a.active::before {
  content: '';
  display: block;
  position: absolute; bottom: 0; left: 50%;
  margin-left: -12px;
  width: 0;
  border: 12px solid transparent;
  border-bottom: 12px solid #B0BAC7;
}
.featured-anchors a.active::after {
  bottom: -2px;
  border-bottom: 12px solid #FFF;
}
.featured-anchors img {
  max-height: 56px;
}

.featured-section { margin-bottom: 80px; }


.timeline {
  position: relative;
  overflow: hidden;
}
.timeline > li {
  position: relative;
}

.timeline-section { margin-bottom: 40px; }
.timeline-section .h1,
.timeline-section .h2,
.timeline-section .h3 {
  margin-bottom: 32px;
}
.timeline-section-history {
  margin: 0; padding: 48px 0;
  background: #EFF2F5;
}


.form-section {
  margin-bottom: 80px; padding: 0 16px;
}
.form-section > .w {
  max-width: 1200px;
  padding: 0;
  border: 1px solid #B0BAC7;
  background: #FFF;
}
.form-section fieldset {
  padding: 31px 31px 7px;
}
.form-section fieldset .legend {
  display: block;
  margin: 0 -31px 24px; padding: 25px 31px 14px;
  background: #E8ECF1;
  font-size: 22px;
}
.form-section fieldset > .legend:first-child { margin-top: -31px; }
.form-section .form-actions,
.form-section .form-footnote {
  padding: 0 32px 40px;
}
.form-section .form-actions + .form-footnote {
  margin-top: -16px; 
}
.form-section .message-error {
  margin-bottom: 32px;
}
.form-section form > .message-error { margin-right: 32px; margin-left: 32px; }


.conference-header {
  padding-top: 80px; padding-bottom: 40px;
  color: #FFF;
  line-height: 1.5;
}
.conference-header .conference-location {
  font-size: 24px;
  line-height: 1.25;
}
.conference-header p {
  margin-bottom: 16px;
}
.conference-header .conference-image img { max-width: 100%; }
.conference-header .button-transparent {
  border-color: #FFF;
  background-color: rgba(216, 216, 216, .2);
  color: #FFF;
}
.conference-header .button-transparent:hover,
.conference-header .button-transparent:focus {
  background-color: rgba(216, 216, 216, .4); 
  color: #FFF;
}
.conference-header .button-transparent:active {
  background-color: rgba(216, 216, 216, .2); 
  color: #FFF;
}
.conference-header .conference-actions { padding-top: 24px; }

.conference-splash {
  margin-bottom: 56px;
  background: #266a91 url(https://assets.zabbix.com/dist/images/conference.9f4c703557c4f4768a53.png) no-repeat 50% 100%;
}
.conference-splash .conference-header {
  min-height: 412px;
}
.conference-splash .conference-header::after {
  content: '';
  display: table;
  clear: both;
}
.conference-splash .nav-swipeable-anchors .swiper-container {
  margin: 0 auto;
  max-width: 1200px;
}


.conference-overview { margin-bottom: 72px; }
.conference-overview .h2 { margin-bottom: 40px; }
.conference-overview .grid .h3 { line-height: 1.5; }
.conference-overview .grid + hr {
  margin-top: 0; margin-bottom: 48px;
}


.countdown {
  margin: 0 auto;
  text-align: center;
}
.countdown th {
  padding-bottom: 8px;
  font-size: 12px;
  text-align: center;
  opacity: .4;
}
.countdown td {
  width: 112px;
  font-size: 48px;
}
.countdown td.countdown-separator { width: auto; }

.countdown-section {
  padding-top: 48px; padding-bottom: 56px;
  background: #0275B8;
  color: #FFF;
  text-align: center;
}
.countdown-section .button {
  margin-top: 32px;
  min-width: 216px;
}


.event-gallery {
  font-size: 14px;
  line-height: 1.5;
}
.event-gallery img { max-width: 100%; }
.event-gallery .gallery-count {
  position: absolute; right: 8px; bottom: 8px;
  padding: 0 4px;
  min-width: 40px; height: 40px;
  border-radius: 20px;
  background: rgba(2, 117, 184, .9);
  color: #FFF;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  overflow: hidden;
}
.event-gallery a:hover .gallery-count { background: rgba(2, 117, 184, 1); }
.event-gallery .event-gallery-thumb {
  position: relative;
}
.event-gallery h5 {
  margin-bottom: 4px;
  min-height: 48px;
  font-size: 16px;
}
.event-gallery figure {
  margin-bottom: 16px;
}

.event-galleries {
  padding-top: 72px; padding-bottom: 56px;
}

.conference-sponsors p {
  margin-top: 32px;
  text-align: center;
}


.conference-venue {
  position: relative;
  margin: 0; padding-top: 56px; padding-bottom: 56px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  color: #FFF;
}
.conference-venue::before {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: #25282F;
  opacity: .9;
}
.conference-venue > .w {
  position: relative;
}
.conference-venue .conference-map { height: 192px; }
.conference-venue .grid > .span:nth-child(1) {
  -webkit-box-ordinal-group: 1;  
     -moz-box-ordinal-group: 1;     
             -ms-flex-order: 1;     
              -webkit-order: 1;  
                      order: 1;
}
.conference-venue .grid > .span:nth-child(2) {
  -webkit-box-ordinal-group: 3;  
     -moz-box-ordinal-group: 3;     
             -ms-flex-order: 3;     
              -webkit-order: 3;  
                      order: 3;
}
.conference-venue .grid > .span:nth-child(3) {
  -webkit-box-ordinal-group: 2;  
     -moz-box-ordinal-group: 2;     
             -ms-flex-order: 2;     
              -webkit-order: 2;  
                      order: 2;
}
.conference-venue .grid > .span:nth-child(4) {
  -webkit-box-ordinal-group: 4;  
     -moz-box-ordinal-group: 4;     
             -ms-flex-order: 4;     
              -webkit-order: 4;  
                      order: 4;
}

.conference-venue-images {
  margin-left: -16px;
  font-size: 0;
}
.conference-venue-images > li {
  display: inline-block;
  padding-left: 16px;
  width: 50%;
}
.conference-venue-images img { max-width: 100%; }

.conference-venue-address {
  position: relative;
  padding-left: 64px;
  min-height: 68px;
}
.conference-venue-address::before {
  content: '';
  display: block;
  position: absolute; top: 0; left: 0;
  width: 44px; height: 68px;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 0 -570px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
}

.conference-registration-grid { margin-bottom: 16px; }
.conference-registration .h4 + .important-block { margin-top: -8px; }

.conference-agenda {
  margin-bottom: 72px;
}
.conference-agenda .h2 {
  margin-top: 56px;
}
.conference-agenda .h2:first-child {
  margin-top: 0;
}

.section-agenda .h3 {
  display: inline-block;
  margin: 0 24px 0 0;
}
.section-agenda .file {
  margin-bottom: 24px;
}
.section-agenda .table {
  margin-top: 16px;
  border-top: 2px solid #B0BAC7
}
.section-agenda .table p {
  margin-top: 4px;
  color: #7C7E83;
  font-size: 12px;
}
.section-agenda .table td { padding-top: 20px; padding-bottom: 20px; }

.payment-select .text {
  color: #42455A;
  font-size: 14px;
}

.agenda {
  border-top: 2px solid #B0BAC7;
}
.agenda .agenda-time {
  padding-right: 16px; padding-bottom: 32px;
  font-size: 22px;
  line-height: 1.2727;
}
.agenda > tbody > tr > td {
  padding-top: 32px; padding-bottom: 8px;
  border-bottom: 1px solid #B0BAC7;
}
.agenda .author2,
.agenda .agenda-description {
  margin-bottom: 24px;
}

.agenda-prev::before { background-position: 0 -624px; }
.agenda-next::before { background-position: 0 -648px; }
.agenda-prev.disabled,
.agenda-next.disabled {
  opacity: .2;
}
.agenda-prev.disabled::before { background-position: 0 -672px; }
.agenda-next.disabled::before { background-position: 0 -696px; }

.agenda-nav {
  font-size: 0;
  white-space: nowrap;
}
.agenda-nav .agenda-prev,
.agenda-nav .agenda-next {
  display: inline-block;
  width: 24px; height: 24px;
}

.agenda-summary { font-size: 14px; }
.agenda-summary .author2 {
  margin-top: 40px; margin-bottom: 24px;
}
.agenda-summary .agenda-next {
  margin-left: 16px;
}
.agenda-summary .agenda-nav {
  float: right;
  margin-left: 16px;
}
.agenda-summary-header .agenda-title {
  font-size: 16px;
  overflow: hidden;
}
.agenda-summary-header .agenda-title time {
  display: block;
  margin-bottom: 8px;
}
.agenda-files { margin-top: 24px; }
.agenda-files.separate::before {
  content: '';
  display: block;
  height: 1px;
  margin-bottom: 16px;
  background: #D8D8D8;
}

.minimizer .minimizer-toggle {
  display: none;
}


.download-package-title {
  margin-bottom: 16px;
  color: #7C7E83;
  font-size: 12px;
  text-transform: uppercase;
}

.download-package-list {
  margin-top: 16px;
}
.download-package-list > li {
  margin-top: 8px;
}

.download-package-box {
  display: block;
  position: relative;
  margin-bottom: 42px; padding: 24px;
  font-size: 14px;
  border: 1px solid #B0BAC7;
  background: #FFF;
  color: inherit;
}
/*.download-package-box > .w::before {
  content: '';
  display: block;
  position: absolute; right: 8px; bottom: 8px; z-index: 0;
  width: 120px; height: 144px;
  background: url('../img/doc2.png') no-repeat 0 0;
  background-image: none, url('../img/doc2.svg');
}*/
.download-package-box > .w {
  /* display: table-cell; */
  min-height: 132px;
  vertical-align: top;
}
.download-package-box .h4 {
  margin: 0;
  font-size: 18px;
}

.download-package {
  display: block;
  color: inherit;
}
.download-package:hover,
.download-package:focus,
.download-package:active {
  color: inherit;
  text-decoration: none;
}
.download-package:hover .download-package-title {
  color: #42455A;
}
.download-package:hover .download-package-box {
  border-color: #42455A;
  background-color: rgba(176, 186, 199, .2);

  -webkit-box-shadow: inset 0 0 0 1px #42455A;
          box-shadow: inset 0 0 0 1px #42455A;
}
.download-package.active {
  cursor: default;
}
.download-package.active .download-package-box {
  border-color: transparent;
  background-color: #42455A;
  color: #FFF;
}
.download-package.active .download-package-box::before {
  content: '';
  display: block;
  position: absolute; top: -6px; right: -1px; left: -1px;
  height: 6px;
  background: #D0021B;
}
.download-package.active .download-package-box::after {
  content: '';
  display: block;
  position: absolute; right: -1px; bottom: -43px; left: -1px;
  height: 42px;
  background: url(https://assets.zabbix.com/dist/images/package_triangle.fac5602a4b542b4964a6.png) no-repeat 0 0;
  background-image: none, url(https://assets.zabbix.com/dist/images/package_triangle.40765b49e4134fbee82f.svg);
  background-size: 100% 42px;
}

.download-packages { margin-bottom: 24px; }
.download-packages.swiper-container {
  margin-right: -8px; margin-left: -8px;
}
.download-packages.swiper-container .swiper-slide {
  padding: 0 8px 8px;
  width: 25%;

  -webkit-align-self: flex-end;
          align-self: flex-end;
}

.download-select {
  position: relative;
  padding: 24px 16px 0;
  border: 1px solid #B0BAC7;
  background: #FFF;
}
.download-select::before {
  content: '';
  position: absolute; top: -18px; right: 16px;
  display: block;
  width: 32px; height: 32px;
  border: 2px solid #B0BAC7;
  border-radius: 18px;
  background: #FFF;
}
.download-select::after {
  position: absolute; top: -12px; right: 22px;
  background-position: 0 -720px;
}
.download-select .grid-space > .span {
  margin-bottom: 24px;
}

.download-select-list {
  border-top: 1px solid #B0BAC7;
}
.download-select-list > li {
  border-bottom: 1px solid #B0BAC7;
}

.download-legend {
  margin-bottom: 16px;
  font-size: 14px;
  text-transform: uppercase;
}

.download-fieldset .field-block {
  margin-top: 8px; margin-bottom: 0;
}

.download-instructions {
  list-style: none;
}
.download-instructions > .download-instruction {
  margin-bottom: 40px; padding-top: 24px;
}
.download-instructions .download-instruction-title {
  margin-bottom: 32px;
}
.download-instructions .text p {
  margin-bottom: 16px;
}


.conference-talks { margin-bottom: 16px; }
.conference-talks > .span {
  position: relative;
  background: rgba(232, 236, 241, .6);
}
.conference-talks > .span::after {
  content: '';
  display: block;
  position: absolute; right: 24px; bottom: 24px; z-index: -1;
  width: 186px; height: 226px;
  background: url(https://assets.zabbix.com/dist/images/doc3.41d8922dcf844866a0d7.png) no-repeat 0 0;
  background-image: none, url(https://assets.zabbix.com/dist/images/doc3.d5801374258d90e55835.svg);
}


.circle {
  color: #42455A;
  list-style: none;
}
.circle-item {
  margin-bottom: 24px;
}
.circle-block {
  display: block;
  font-size: 14px;
}
.circle-block-figure {
  margin-bottom: 8px;
}
.circle-block-figure img {
  display: block;
  width: 52px; height: auto;
}
.circle-block-h4,
.circle-block-h5 {
  display: block;
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1.3636;
}
.circle-block-label {
  margin-bottom: 16px;
  font-size: 16px;
}
.circle-block-description { line-height: 1.5; }
.circle-block-highlight { color: #D0021B; }
a.circle-block .circle-block-h4,
a.circle-block .circle-block-h5 {
  color: #0275B8;
}

.partner .partner-header {
  position: relative;
  margin-bottom: 16px;
}
.partner .partner-header p { margin-top: 4px; }
.partner .partner-title {
  margin-bottom: 12px;
}
.partner .partner-text {
  font-size: 14px;
}


#up {
  display: block;
  position: fixed; right: 32px; bottom: 56px; z-index: 45;
  width: 48px; height: 48px;
  padding: 12px;
  border-radius: 24px;
  background: rgba(66, 69, 90, .6);
  visibility: hidden;
  opacity: 0;

  -webkit-transform: translate(0, 56px);
     -moz-transform: translate(0, 56px);
       -o-transform: translate(0, 56px);
          transform: translate(0, 56px);

  -webkit-transition: visibility 0s linear .6s, opacity .6s, -webkit-transform .6s ease-in-out;
     -moz-transition: visibility 0s linear .6s, opacity .6s, -moz-transform .6s ease-in-out;
       -o-transition: visibility 0s linear .6s, opacity .6s, -o-transform .6s ease-in-out;
          transition: visibility 0s linear .6s, opacity .6s, transform .6s ease-in-out;
}
#up.visible {
  visibility: visible;
  opacity: 1;

  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;

  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
#up::before {
  content: '';
  display: block;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -360px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
#up:hover,
#up:focus,
#up:active {
  background: #42455A;
}


#header {
  position: absolute; top: 0; right: 0; left: 0; z-index: 50;

  -webkit-box-shadow: 0 1px rgba(35, 38, 45, .15);
          box-shadow: 0 1px rgba(35, 38, 45, .15); 
}
#header .action.i-menu::before {
  opacity: 1;
}
#header .header-search {
  -webkit-box-shadow: 0 1px rgba(35, 38, 45, .15);
          box-shadow: 0 1px rgba(35, 38, 45, .15); 
}


#footer {
  background: #242730;
  color: #898C93;
}
#footer .button-transparent {
  border-color: #7C7E83;
  background-color: transparent;
  color: #FFF;
}
#footer .button-transparent:hover,
#footer .button-transparent:focus {
  background-color: rgba(124, 126, 131, .6); 
  color: #FFF;
}
#footer .button-transparent:active {
  background-color: rgba(124, 126, 131, .4); 
  color: #FFF;
}


/*
 * All without mobile
 */
@media only screen and (min-width: 768px) {

  body.with-header::before { height: 88px; }
  body::after {
    content: '';
    /*display: block;*/
    display: none;
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 40;
    background: #25282F;
    /*opacity: 0;
    visibility: hidden;

    -webkit-transition: all .3s;
       -moz-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;*/
  }
  body.subnav-active::after {
    display: block;
    opacity: .96;
    /*visibility: visible;*/
  }

  .float-right { float: right; }
  .clear-float { clear: both; }

  .text-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .text-flex > .span :last-child {
    margin-bottom: 0;
  }
  .text-flex > .span-bottom {
    -webkit-align-self: flex-end;
            align-self: flex-end;
  }

  .grid { font-size: 0; }
  .grid > .span,
  .grid > .aside,
  .grid > .content {
    min-height: 8px;
    font-size: 16px;
  }
  .grid > .span {
    display: inline-block;
    min-height: 8px;
    vertical-align: top;
  }
  .grid > .span-1  { width: 6.25%; }
  .grid > .span-2  { width: 12.5%; }
  .grid > .span-3  { width: 18.75%; }
  .grid > .span-4  { width: 25%; }
  .grid > .span-5  { width: 31.25%; }
  .grid > .span-6  { width: 37.5%; }
  .grid > .span-7  { width: 43.75%; }
  .grid > .span-8  { width: 50%; }
  .grid > .span-9  { width: 56.25%; }
  .grid > .span-10 { width: 62.5%; }
  .grid > .span-11 { width: 68.75%; }
  .grid > .span-12 { width: 75%; }
  .grid > .span-13 { width: 81.25%; }
  .grid > .span-14 { width: 87.5%; }
  .grid > .span-15 { width: 93.75%; }
  .grid > .span-16 { width: 100%; }
  .grid-5 > .span  { width: 20%; }
  .grid-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /*-webkit-box-pack: justify;
        -ms-flex-pack: justify;
    justify-content: space-between;*/
  }
  .grid-flex > .span { display: block; }
  .grid-flex > .span > .card { height: 100%; }

  .grid > .span.hidden { display: none; }

  .grid-2 { margin-right: -16px; margin-left: -40px; }
  .grid-2 > .span {
    margin-bottom: 24px; padding: 0 16px 0 40px;
    width: 50%;
  }
  .grid-2:last-child > .span { margin-bottom: 0; }

  .grid-space { margin-left: -16px; }
  .grid-space > .span { padding-left: 16px; }
  .grid-space > .span.text { padding-right: 16px; }
  .grid-space.grid-flex > .span {
    margin-left: 16px; padding-left: 0;
  }
  .grid-space > .h2,
  .grid-space > .h3 {
    clear: both;
    margin-left: 16px;
  }
  .grid-space.grid-flex > .span-1  { width: calc(6.25% - 16px); }
  .grid-space.grid-flex > .span-2  { width: calc(12.5% - 16px); }
  .grid-space.grid-flex > .span-3  { width: calc(18.75% - 16px); }
  .grid-space.grid-flex > .span-4  { width: calc(25% - 16px); }
  .grid-space.grid-flex > .span-5  { width: calc(31.25% - 16px); }
  .grid-space.grid-flex > .span-6  { width: calc(37.5% - 16px); }
  .grid-space.grid-flex > .span-7  { width: calc(43.75% - 16px); }
  .grid-space.grid-flex > .span-8  { width: calc(50% - 16px); }
  .grid-space.grid-flex > .span-9  { width: calc(56.25% - 16px); }
  .grid-space.grid-flex > .span-10 { width: calc(62.5% - 16px); }
  .grid-space.grid-flex > .span-11 { width: calc(68.75% - 16px); }
  .grid-space.grid-flex > .span-12 { width: calc(75% - 16px); }
  .grid-space.grid-flex > .span-13 { width: calc(81.25% - 16px); }
  .grid-space.grid-flex > .span-14 { width: calc(87.5% - 16px); }
  .grid-space.grid-flex > .span-15 { width: calc(93.75% - 16px); }
  .grid-space.grid-flex > .span-16 { width: calc(100% - 16px); }

  .rect > a {
    display: block;
    position: relative;
    padding: 5px 20px 5px 100px;
    background: #E1E1E3;
    font-size: 16px;
    line-height: 1.5;
  }
  .rect > a::before {
    content: '';
    display: block;
    position: absolute; top: 18px; left: 18px;
    width: 64px; height: 64px;
    background-repeat: no-repeat;
    background-image: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png);
    background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
    background-position: 64px 64px;
  }
  .rect > a > span {
    display: table-cell;
    height: 90px;
    vertical-align: middle;
  }
  .rect.inverse > a {
    background-color: #0275B8;
    color: #FFF;
  }
  .rect-download2 > a::before { background-position: 0 0; }
  .rect-download > a::before { background-position: 0 -640px; }
  .rect-doc > a::before { background-position: 0 -704px; }
  .rect-login > a::before { background-position: 0 -768px; }
  .rect-training > a::before { background-position: 0 -832px; }
  .rect-webinar > a::before { background-position: 0 -896px; }
  .rect-map > a::before { background-position: 0 -960px; }
  .rect-forum > a::before { background-position: 0 -1024px; }
  .rect-blog > a::before { background-position: 0 -1088px; }
  .rect-contacts > a::before { background-position: 0 -1152px; }
  .rect-hiring > a::before { background-position: 0 -1216px; }
  .rect-become-partner > a::before { background-position: 0 -1280px; }
  .rect-event > a::before { background-position: 0 -64px; }
  .rect-event.inverse > a::before {
    background-position: 0 -128px;
  }
  .rect-icon > a::before { content: none; }
  .rect-icon img {
    display: block;
    position: absolute; top: 18px; left: 18px;
    width: 64px;
  }

  .card-opinion.span-8 { padding-top: 24px; }
  .card-opinion.span-8 .card-text {
    font-size: 25px;
    line-height: 1.36;
  }
  .card-opinion.span-8 .card-text,
  .card-opinion.span-8 .card-logo,
  .card-opinion.span-8 .card-author {
    padding: 0 40px;
  }

  .nav-ext,
  .nav-user {
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
  }
  .nav-ext > li,
  .nav-user > li {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
  }
  .nav-ext { padding-right: 8px; }
  .nav-ext > li { padding-right: 16px; }

  .nav-user > li { padding-right: 16px; }
  .nav-user .i {
    display: inline-block;
    position: relative;
    padding-right: 26px;
  }
  .nav-user .i::before {
    position: absolute; top: 3px; right: 0;
  }

  .nav-languages {
    display: inline-block;
    position: relative;
    margin-right: 24px;
  }
  .nav-languages dt {
    font-size: 12px;
    line-height: 24px;
  }
  .nav-languages dt a {
    display: block;
    position: relative;
    padding-right: 24px;
  }
  .nav-languages dt a::before {
    content: '';
    display: block;
    position: absolute; top: 4px; right: 0;
    width: 16px; height: 16px;
    background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -144px;
    background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
    background-size: 16px auto;
  }
  .nav-languages dd {
    position: absolute; top: 27px; right: -27px; z-index: 10;
    text-align: left;
    font-size: 14px;
  }
  .nav-languages dd::before {
    content: '';
    display: block;
    height: 8px;
  }
  .nav-languages dd a {
    display: block;
    position: relative;
    padding: 8px 18px;
  }
  .nav-languages li { padding: 2px 0; }
  .nav-languages ul {
    padding: 10px 0;
    min-width: 120px;
    background: rgba(66, 69, 90, .96);
    color: #FFF;

    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
            box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
  }
  .nav-languages ul::after {
    content: '';
    display: block;
    position: absolute; top: -8px; right: 28px; z-index: 2;
    width: 0; height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid rgba(66, 69, 90, .96);
  }
  .nav-languages ul a { color: #FFF; }

  .nav-bar > .w {
    padding-right: 0;
    font-size: 0;
  }
  .nav-bar .button {
    position: absolute;
    padding: 9px 10px 10px;
    max-width: 96px;
    color: #FFF;
    font-size: 10px; font-family: "GothamProMedium", sans-serif;
    line-height: 11px;
    text-transform: uppercase;
  }

  .nav-main .nav-list {
    display: table;
    margin-left: auto;
    width: 90%;
    text-align: left;
  }
  .nav-main .nav-item {
    display: table-cell;
    padding-left: 1px;
    width: 1%;
    vertical-align: top;
    text-align: center;
  }
  .nav-main .nav-item:first-child { padding-left: 0; }

  .nav-main .nav-anchor {
    display: block;
    position: relative;
    padding: 4px 8px 0 8px;
    height: 56px;
    border-bottom: 4px solid transparent;
    color: inherit;
    font-size: 12px; font-weight: 500;
    line-height: 48px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;

    /*-webkit-transition: border-color .1s, background-color .1s;
       -moz-transition: border-color .1s, background-color .1s;
         -o-transition: border-color .1s, background-color .1s;
            transition: border-color .1s, background-color .1s;*/
  }
  .nav-main .nav-anchor span {
    display: inline-block;
    position: relative;
    height: 48px;
  }
  .nav-main .nav-anchor-active,
  .nav-main .nav-anchor.active,
  .nav-main.active .nav-anchor-active.active {
    border-color: #D0021B;
    background: rgba(216, 216, 216, .5);
  }
  .nav-main.active .nav-anchor-active {
    border-color: transparent;
    background: none;
  }
  .nav-main .nav-anchor:hover {
    border-color: #D0021B;
  }
  .nav-main .subnav {
    display: block;
    position: absolute; right: 0; left: 0; z-index: 1;
    background: #F2F2F2;
    text-align: left;
  }

  .nav-main .nav-anchor.delay + .subnav {
    visibility: visible;
  }

  /* on hover */
  .nav-main .hoverable .nav-anchor.active + .subnav {
    opacity: 1;
    visibility: visible;
    overflow: auto;
  }
  .nav-main .hoverable .subnav {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
  }

  /* on click */
  .nav-main .clickable .nav-anchor.active + .subnav > .w {
    max-height: 1000px;
  }
  .nav-main .clickable .subnav > .w {
    max-height: 0;
    overflow: hidden;
    /*will-change: transform;*/

    -webkit-transition: max-height .6s;
       -moz-transition: max-height .6s;
            transition: max-height .6s;
  }

  .nav-group {
    margin-top: 20px;
  }
  .nav-group:first-child {
    margin-top: 0;
  }
  .nav-group a:hover,
  .nav-group a:focus,
  .nav-group a:active,
  .nav-group a.active {
    color: #D0021B;
    text-decoration: none;
  }
  .nav-group dt {
    font-size: 16px; font-weight: 500;
    text-transform: uppercase;
  }
  .nav-group ul { padding-top: 16px; }
  .nav-group li {
    padding: 8px 0;
  }

  .nav-case {
    margin-top: 20px;
  }
  .nav-case:first-child {
    margin-top: 0;
  }
  .nav-case a {
    display: block;
    padding: 75px 20px 4px;
    min-height: 120px;
    background: url(https://assets.zabbix.com/dist/images/nav_case.d438076a93f87a26d71f.jpg) no-repeat 50% 50%;
    background-size: cover;
    color: #FFF;
    font-size: 16px;
  }


  .subnav > .w {
    margin: 0 auto; padding: 0 8px;
    max-width: 1232px;
  }
  .subnav .rect {
    margin-top: 30px;
  }
  .subnav .rect:first-child {
    margin-top: 0;
  }

  .subnav-grid {
    padding: 30px 0;
  }
  .subnav-grid > .span {
    padding: 0 8px;
    font-size: 14px;
  }

  .subbar {
    margin: 0 -8px 0 -9px;
    background: #E1E1E3;
    height: 100px;
    overflow: hidden;
  }
  .subbar > .span {
    position: relative;
    padding: 10px 0 10px 1px;
    height: 100px;
    font-size: 24px;
    line-height: 80px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .subbar > .span::before {
    content: '';
    display: block;
    position: absolute; top: 10px; bottom: 10px; left: 0;
    width: 1px;
    background: #AEAFB4;
  }
  .subbar > .span:first-child::before { content: none; }
  .subbar .s {
    display: inline-block;
    position: relative;
    padding-left: 84px;
    height: 80px;
  }
  .subbar .s::before {
    position: absolute; top: 13px; left: 0;
  }
  .subbar a { display: block; }
  .subbar a:hover,
  .subbar a:focus,
  .subbar a:active {
    color: #D0021B;
    text-decoration: none;
  }

  .header-main,
  .header-nav > .w {
    margin: 0 auto; padding: 0 16px;
    max-width: 1232px;
  }


  /* sections */
  .content-grid { margin: 0 -8px 24px -8px; }
  .content-grid:last-child { margin-bottom: 0; }
  .content-grid::after {
    content: '';
    display: table;
    clear: both;
  }
  .content-grid > .h2,
  .content-grid > .h3,
  .content-grid > .aside,
  .content-grid > .content {
    padding-right: 8px; padding-left: 8px;
  }
  .content-grid > .h2,
  .content-grid > .h3 {
    clear: both;
    padding-right: 25%;
  }
  .content-grid > .aside {
    float: right;
    width: 25%;
  }
  .content-grid > .content {
    float: left;
    width: 75%;
  }
  .content-grid > .content + .content {
    margin-top: 24px;
  }

  .article-support .content-grid > .aside { width: 33.333%; }
  .article-support .content-grid > .content { width: 66.666%; }

  .case-benefits .grid { margin: 0 -8px; }
  .case-benefits .grid > .span {
    margin: 8px;
    width: calc(25% - 16px);
  }

  .case-company .content-grid { margin-right: 0; margin-left: 0; }
  .case-company .content-grid > .aside,
  .case-company .content-grid > .content {
    padding: 32px 28px 8px;
  }
  .case-company .content-grid > .aside { padding-bottom: 32px; }
  .case-company .header { margin-top: -16px; margin-bottom: 16px; }
  .case-company .header::after {
    content: '';
    display: table;
    clear: both;
  }
  .case-company .header .image { float: right; }
  .case-company .header h5 {
    margin: 0; padding-top: 16px;
    float: left;
  }

  .case-studies .grid-flex { margin: 0 -8px; }
  .case-studies .grid-flex > .span {
    display: block;
    margin: 8px; padding: 0;
    width: calc(25% - 16px);
    font-size: 12px;

    /*-ms-flex-preferred-size: calc(25% - 16px);
        flex-basis: calc(25% - 16px);*/
  }
  .case-studies .grid-flex > .span.card {
    padding-bottom: 64px;
  }

  .training-options .grid > .span { padding: 0 28px 40px; }
  .training-options .grid-flex > .span {
    margin: 0 28px 40px; padding: 0;
    width: calc(50% - 56px);

   /* -ms-flex-preferred-size: calc(50% - 56px);
        flex-basis: calc(50% - 56px);*/
  }
  .training-options .grid-flex > .span.card {
    padding-bottom: 100px;
  }

  .faq .grid > .span,
  .training-faq .grid > .span {
    width: 50%;
  }

  .training-courses .grid > .span { width: 50%; }
  .training-courses .footnote { padding-bottom: 24px; }

  .trainings-grid { margin-left: -16px; }
  .trainings-grid > .span {
    padding-right: 16px; padding-left: 16px;
    width: 50%;
  }
  .trainings-grid > .span::after {
    content: '';
    display: table;
    clear: both;
  }
  .trainings-grid .description { overflow: hidden; }
  .trainings-grid .button { min-width: 136px; }
  .trainings-grid figure {
    float: left;
    margin-right: 16px;
    width: 96px;
  }
  .trainings-grid figure img,
  .trainings-grid figure svg {
    max-width: 96px; 
  }

  .support-section .swiper-slide { width: 20%; }

  .manual-releases > .span { width: 33.333%; }

  .manuals-section .grid-space > .span { margin-bottom: 24px; }

  .release-features .features-list {
    margin-left: -32px;
    font-size: 0;
  }
  .release-features .features-list > li {
    display: inline-block;
    margin-bottom: 0; margin-left: 32px;
    width: calc(33.333% - 32px);
    font-size: 14px;
    vertical-align: top;
  }

  .identity-download {
    margin-right: -24px; margin-left: -16px; padding-top: 32px; padding-bottom: 24px;
    font-size: 0;
  }
  .identity-download-logo {
    display: inline-block;
    margin-top: 24px; padding-right: 32px; padding-left: 16px;
    width: 44%;
    vertical-align: middle;
  }
  .identity-download-logo img { width: 336px; }
  .identity-files {
    display: inline-block;
    vertical-align: middle;
  }
  .identity-files > li {
    display: inline-block;
    margin-top: 24px; padding-right: 24px; padding-left: 16px;
    vertical-align: top;
    font-size: 16px;
  }
  .identity-files > .identity-logo { padding-top: 0; }

  .identity-bad.grid-flex > .span {
    padding-left: 16px;
    width: calc(25% - 16px);
  }

  .comunity-area.content-grid > .aside { width: 38%; }
  .comunity-area.content-grid > .content { width: 62%; }

  .customers-list .span.card-customer { padding-left: 16px; }

  .screenshots-list { margin-left: -16px; }
  .screenshots-list > .span {
    padding-left: 16px;
    width: 25%;
  }

  .schedule-header.separate { padding-bottom: 12px; }

  .timeline {
    position: relative;
    overflow: hidden;
  }
  .timeline::before {
    content: '';
    display: block;
    position: absolute; top: 20px; bottom: 0; left: 50%;
    margin-left: -1px;
    width: 3px;
    background: #B0BAC7;
    opacity: .3;
  }
  .timeline::after {
    content: '';
    display: block;
    position: absolute; top: 0; left: 50%;
    margin-left: -11px;
    width: 13px; height: 13px;
    border-radius: 13px;
    border: 4px solid #B0BAC7;
    opacity: .3;
  }
  .timeline > li {
    position: relative;
    width: calc(50% - 84px);
    min-height: 128px;
  }
  .timeline > li::before {
    content: '';
    display: block;
    position: absolute; top: 64px;
    width: 60px; height: 3px;
    background: #B0BAC7;
    opacity: .3;
  }
  .timeline > li:nth-child(odd) {
    clear: both;
    float: left;
    margin-bottom: 120px;
  }
  .timeline > li:nth-child(odd)::before {
    right: -83px;
    border-radius: 2px 0 0 2px;
  }
  .timeline > li:nth-child(even) {
    float: right;
    margin-top: 120px;
  }
  .timeline > li:nth-child(even)::before {
    left: -83px;
    border-radius: 0 2px 2px 0;
  }
  .timeline .card { min-height: 128px; }
  .timeline .timeline-date {
    display: block;
    position: absolute; top: 76px;
    width: 60px;
    color: #7C7E83;
    font-size: 12px;
    line-height: 17px;
    text-align: center; text-transform: uppercase;
    word-spacing: 120px;
  }
  .timeline .timeline-date span {
    display: block;
    font-size: 16px;
  }
  .timeline > li:nth-child(odd) .timeline-date {
    right: -83px;
  }
  .timeline > li:nth-child(even) .timeline-date {
    left: -83px;
  }
  .timeline-compact > li:nth-child(odd) { margin-bottom: 56px; }
  .timeline-compact > li:nth-child(even) { margin-top: 56px; }

  .conference-header .conference-text {
    float: left;
    width: 62.5%;
  }
  .conference-header .conference-image {
    float: right;
    padding: 0 32px;
    width: 37.5%;
    text-align: center;
  }
  .conference-header .conference-actions {
    clear: both;
    margin-left: -36px; padding-top: 24px;
  }
  .conference-header .button { margin-left: 36px; }

  .section-agenda .h2 { float: left; }
  .section-agenda .file { float: right; }
  .section-agenda .grid { clear: both; }

  .download-instructions {
    counter-reset: step;
    padding-right: 64px; padding-left: 72px;
  }
  .download-instructions > .download-instruction {
    position: relative;
  }
  .download-instructions > .download-instruction::before {
    counter-increment: step;
    content: counter(step);
    position: absolute; top: 0; left: -72px;
    font-size: 64px;
    line-height: 1;
  }
  .download-instructions .download-select {
    margin-right: -64px; margin-left: -72px;
  }

  .conference-talks h3 { margin-bottom: 32px; }

  .conference-talks > .span { padding: 56px 56px 32px; }
  .conference-talks.grid-space.grid-flex > .span { padding-left: 64px; }

  .gallery-grid .grid-flex.reverse {
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }

  .partner {
    max-width: 620px;
    padding: 24px 32px 16px;
  }
  .partner .partner-header::after {
    content: '';
    display: table;
    clear: both;
  }
  .partner .partner-logo {
    float: left;
    margin-right: 16px;
    width: 248px;
    font-size: 0;
    line-height: 72px;
    white-space: nowrap;
  }
  .partner .partner-logo::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 72px;
  }
  .partner .partner-logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 248px; max-height: 72px;
  }
  .partner .partner-description {
    overflow: hidden;
  }
  .partner .partner-label {
    position: absolute; bottom: 0; right: 0;
  }
  .partner .partner-label + .partner-description {
    padding-bottom: 48px;
  }

  .trainer {
    max-width: 820px;
    padding: 24px 32px 16px;
  }
  .trainer .trainer-content {
    margin-right: -32px;
    padding-right: 32px;
  }
  .trainer .trainer-content::after {
    content: '';
    display: table;
    clear: both;
  }
  .trainer .trainer-text {
    float: left;
    width: calc(100% - 258px);
  }
  .trainer .trainer-image {
    float: right;
  }
}


/*
 * Desktop
 */
@media only screen and (min-width: 1025px) {
  body.devise::after { content: 'Desktop'; }
  body.sticky #header { top: -32px; }
  body.sticky-up #header { top: 0; }
  body.sticky-animate #header {
    -webkit-transition: top .2s linear;
       -moz-transition: top .2s linear;
         -o-transition: top .2s linear;
            transition: top .2s linear;
  }

  .desktop-hidden { display: none !important; }

  .nav-bar {
    position: absolute; top: 0; left: 0; right: 0;
    background: #E8EBF0;
    color: #919298;

    -webkit-box-shadow: inset 0 -1px #DBDFE6;
            box-shadow: inset 0 -1px #DBDFE6;
  }
  .nav-bar a {
    color: inherit; 
  }
  .nav-bar > .w {
    position: relative;
    text-align: right;
    padding-top: 4px; padding-bottom: 4px;
    height: 32px;
  }
  .nav-bar .button {
    top: 44px; right: 16px;
  }

  .header-nav { position: relative; z-index: 1; }
  .header-nav .nav-bar { top: -32px; }
  .header-main { z-index: 2; }
  .nav-main .subnav {
    max-height: calc(100vh - 88px);
    overflow: auto;
  }
  .header-nav > .w {
    padding-left: 160px;
    padding-right: 160px;
  }

  .download-main .h2 {
    display: inline-block;
    margin: 8px 56px 8px 0;
  }

  .comunities-list { margin-right: -8px; margin-left: -8px; }
  .comunities-list > .span {
    padding: 0 24px 0 8px;
    width: 50%;
  }

  .screenshots-list p { display: block; }

  #header { padding-top: 32px; }
}


@media only screen and (min-width: 1232px) {
  .up { right: 56px; bottom: 56px; }

  .nav-bar .button {
    padding: 8px 16px 9px;
    max-width: 136px;
    font-size: 12px;
    line-height: 13px;
  }
  .header-nav > .w { padding-right: 200px; }
  .header-main .action.i-find { right: 160px; }
}


/*
 * Desktop and laptop
 */
@media only screen and (min-width: 961px) {

  .monitoring-case,
  .banner-media span,
  .screenshot-wrapper .button {
    font-family: "GothamProMedium", sans-serif;
  }

  .footer-contacts .button {
    display: block;
    padding-left: 8px; padding-right: 8px;
  }

  .footer-social {
    margin-bottom: -20px;
    padding: 0 29%;
  }

  .copyright,
  .footer-nav {
    width: 29%; min-height: 22px;
  }


  /* banners */
  .banner-media {
    position: relative;
    width: 514px; max-width: 100%;
  }
  .banner-media img {
    width: 100%;

    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .20);
            box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .20);
  }
  .banner-media span {
    position: absolute; top: 50%; right: 0; left: 0;
    margin-top: -9px;
    color: #FFF;
    text-align: center; text-transform: uppercase;
  }
  .banner-media .play {
    display: block;
    position: relative;
    padding: 0;
    min-height: 0;
  }
  .banner-media .play span {
    display: block;
    margin-top: -74px;
    height: auto;
  }
  .banner-media .play span::before {
    position: static;
    margin: 0 auto 30px;
    width: 100px; height: 100px;
    background-position: 0 -192px;
  }
  .banner-media a.play:hover span::before,
  .banner-media a.play:focus span::before,
  .banner-media a.play:active span::before {
    background-position: 0 -304px;
  }

  .banner-grid .banner-content {
    float: left;
    padding: 0 8px;
    width: 56.25%; min-height: 226px;
  }
  .banner-grid .banner-image,
  .banner-grid .banner-media {
    float: right;
    margin-top: -4px; padding: 0 8px;
    width: 43.75%;
  }
  .banner-grid .banner-events {
    float: right;
    padding: 0 8px;
    width: 31.25%;
  }
  .banner-grid .banner-buttons {
    padding-left: 8px;
    clear: left;
  }
  .banner-grid .banner-buttons .button {
    margin-top: 16px;
  }

  /* sections */
  .card-solution figure { padding: 18px 48px 10px; }

  .screenshot-wrapper .button-transparent {
    -webkit-box-shadow: inset 0 0 0 1px #FFF;
            box-shadow: inset 0 0 0 1px #FFF;
  }
  .screenshot-wrapper .button-transparent:hover,
  .screenshot-wrapper .button-transparent:focus,
  .screenshot-wrapper .button-transparent:active,
  .screenshot-wrapper a:hover .button-transparent,
  .screenshot-wrapper a:focus .button-transparent,
  .screenshot-wrapper a:active .button-transparent {
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .schedule-header .h2,
  .schedule-header .h3 {
    float: left;
  }
  .schedule-span {
    display: table-cell;
    padding: 9px 8px;
    border-top: 2px solid #B0BAC7;
    vertical-align: top;
  }
  .schedule-span:first-child { padding-left: 0; }
  .schedule-span:last-child { padding-right: 0; }
  .schedule-row { display: table-row; }
  .schedule-grid {
    display: table;
    width: 100%;
  }
  .schedule-grid h5 { min-height: 38px; }
  .schedule-title { width: 32%; }
  .schedule-language {
    padding-top: 46px;
  }
  .schedule-list {
    padding-top: 8px; padding-right: 0; padding-bottom: 8px;
    width: 56%;
    vertical-align: middle;
  }

  .gallery-grid { margin-bottom: 0; }
  .gallery-grid .grid-flex { padding-bottom: 56px; }

  .circle {
    position: relative;
  }
  .circle-item {
    position: absolute;
    margin-bottom: 0;
  }
  .circle-item-1 { top: 93px; left: 302px; }
  .circle-item-1 .circle-block-w { bottom: 114px; left: -108px; }
  .circle-item-2 { top: 155px; left: 451px; }
  .circle-item-2 .circle-block-w { bottom: 60px; left: 118px; }
  .circle-item-3 { top: 274px; left: 509px; }
  .circle-item-3 .circle-block-w { top: 0; left: 138px; }
  .circle-item-4 { top: 413px; left: 487px; }
  .circle-item-4 .circle-block-w { top: 52px; left: 120px; }
  .circle-item-5 { top: 496px; left: 378px; }
  .circle-item-5 .circle-block-w { top: 140px; left: -4px; }
  .circle-item-6 { top: 496px; left: 235px; }
  .circle-item-6 .circle-block-w { top: 140px; right: -4px; }
  .circle-item-7 { top: 413px; left: 125px;  }
  .circle-item-7 .circle-block-w { top: 52px; right: 120px; }
  .circle-item-8 { top: 274px; left: 95px;  }
  .circle-item-8 .circle-block-w { top: 0; right: 138px; }
  .circle-item-9 { top: 155px; left: 153px; }
  .circle-item-9 .circle-block-w { bottom: 60px; right: 118px; }
  .circle-item-1 .circle-block,
  .circle-item-5 .circle-block,
  .circle-item-6 .circle-block {
    text-align: center;
  }
  .circle-item-7 .circle-block,
  .circle-item-8 .circle-block,
  .circle-item-9 .circle-block {
    text-align: right;
  }
  .circle-block-figure {
    display: block;
    padding-top: 10px; padding-left: 10px;
    width: 76px; height: 76px;
    border: 2px solid #3E4C70;
    border-radius: 38px;
    background: #FFF;
  }
  .circle-block-w {
    position: absolute;
    width: 292px;
  }
  .circle-block-h4 { font-size: 26px; }
  .circle-block-label {
    margin-bottom: 0;
    min-height: 40px;
  }
  a.circle-block .circle-block-w  {
    opacity: 1;
  }
  a.circle-block:hover .circle-block-w {
    opacity: .6;
  }
  .circle-services {
    margin: 132px auto 164px;
    width: 680px; height: 680px;
    background: url(https://assets.zabbix.com/dist/images/bg.ac56d55f6d4217f96a84.png) no-repeat 50% 50%;
    background-image: none, url(https://assets.zabbix.com/dist/images/bg.901ce0715fa805a2b8e2.svg);
  }
}


/*
 * All without big Desktop
 */
@media only screen and (max-width: 1232px) {
  .enterprise-main .swiper-slide { width: 304px; }
}


@media only screen and (min-width: 961px) and (max-width: 1232px) {
  .circle-item-1 .circle-block-w { bottom: 112px; left: -82px; }
  .circle-item-2 .circle-block-w { bottom: 60px; left: 88px; }
  .circle-item-3 .circle-block-w { top: 8px; left: 88px; }
  .circle-item-4 .circle-block-w { top: 32px; left: 88px; }
  .circle-item-5 .circle-block-w { top: 112px; left: 0; }
  .circle-item-6 .circle-block-w { top: 112px; right: 0; }
  .circle-item-7 .circle-block-w { top: 32px; right: 88px; }
  .circle-item-8 .circle-block-w { top: 8px; right: 88px; }
  .circle-item-9 .circle-block-w { bottom: 60px; right: 88px; }
  .circle-block-w { width: 240px; }
  .circle-block-h4,
  .circle-block-h5 {
    margin-bottom: 8px;
    font-size: 20px;
  }
  .circle-block-label { min-height: 0; }
  .circle-block-description { display: none; }
  .circle-services {
    margin: 0 auto 40px;
  }
}


/*
 * Laptop
 */
@media only screen and (min-width: 961px) and (max-width: 1024px) {
  body.devise::after { content: 'Laptop'; }
  body.with-header::before { height: 112px; }

  .header-main {
    height: 56px;
    background: #FFF;
  }
  .nav-main .nav-anchor::before { right: 8px; }

  .schedule-header .filter-inline { padding-top: 8px; }
}


/*
 * Tablet
 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.devise::after { content: 'Laptop & tablet'; }

  .h1 {
    font-size: 30px;
  }
  .h2 {
    font-size: 26px;
  }

  .tablet-hidden,
  .tablet-empty > * {
    display: none !important;
  }
  .grid > .tablet-span-1  { width: 6.25%; }
  .grid > .tablet-span-2  { width: 12.5%; }
  .grid > .tablet-span-3  { width: 18.75%; }
  .grid > .tablet-span-4  { width: 25%; }
  .grid > .tablet-span-5  { width: 31.25%; }
  .grid > .tablet-span-6  { width: 37.5%; }
  .grid > .tablet-span-7  { width: 43.75%; }
  .grid > .tablet-span-8  { width: 50%; }
  .grid > .tablet-span-9  { width: 56.25%; }
  .grid > .tablet-span-10 { width: 62.5%; }
  .grid > .tablet-span-11 { width: 68.75%; }
  .grid > .tablet-span-12 { width: 75%; }
  .grid > .tablet-span-13 { width: 81.25%; }
  .grid > .tablet-span-14 { width: 87.5%; }
  .grid > .tablet-span-15 { width: 93.75%; }
  .grid > .tablet-span-16 { width: 100%; }

  .socail-comunity { text-align: center; }
  .socail-comunity .social {
    padding: 0;
    height: auto;
    background: none;
  }
  .socail-comunity .social::before {
    position: static;
    margin: 0 auto 8px;
  }
  .socail-comunity .social > .w {
    display: block;
    height: auto;
  }

  .nav-bar {
    position: absolute; top: 16px; left: 154px; right: 152px;
  }
  .nav-bar > .w {
    position: relative;
    text-align: right;
  }
  .nav-bar .button {
    top: -4px; right: -136px;
  }

  .nav-main { margin-right: -16px; margin-left: -16px; }
  .nav-main .nav-list { width: 100% }
  .nav-languages dt a::before { background-position: 0 -144px; }
  .nav-user .i-s.i-user::before {
    background-position: 0 -72px;
  }
  .nav-main .subnav {
    max-height: calc(100vh - 112px);
    overflow: auto;
  }

  .header-search { top: 58px; }

  /* sections */
  .content-compact > .aside,
  .content-compact > .content {
    display: block;
    width: auto;
  }

  .events-list .event-date {
    display: block;
    margin-bottom: 2px;
  }
  .events-list .event-location::after { content: none; }
  .events-list li { margin-top: 12px; }

  .feedback-snippet { text-align: center; }

  .training-feedback .swiper-container { margin: 0 -16px; }
  .training-feedback .swiper-slide { padding-right: 96px; padding-left: 96px; }

  .trainers .trainers-list {
    padding-left: 96px;
    height: 460px;
    background-size: auto 460px;
  }
  .trainers .trainers-list li {
    width: 270px;
    font-size: 16px;
  }

  .books-list img { max-width: 168px; }

  .opinions-section .grid-space.grid-flex > .span-4 { width: calc(50% - 16px); }

  .identity-download { padding-top: 8px; }
  .identity-download-logo { width: 40%; }

  .circle-item-3 .circle-block-w,
  .circle-item-8 .circle-block-w {
    width: 208px;
  }
}


/*
 * Tablet vertical
 */
@media only screen and (min-width: 768px) and (max-width: 960px) {
  body.devise::after { content: 'Tablet vertical'; }
  body.with-header::before { height: 112px; }

  .grid > .span-3,
  .grid > .span-4 {
    width: 50%;
  }
  .grid > .span-7,
  .grid > .span-8,
  .grid > .span-9,
  .grid > .span-10,
  .grid > .span-11,
  .grid > .span-12,
  .grid > .span-13,
  .grid > .span-14,
  .grid > .span-15,
  .grid > .span-16 {
    width: 100%;
  }
  .grid-space.grid-flex > .span-3,
  .grid-space.grid-flex > .span-4 {
    width: calc(50% - 16px);
  }

  .grid > .tablet-span-1  { width: 6.25%; }
  .grid > .tablet-span-2  { width: 12.5%; }
  .grid > .tablet-span-3  { width: 18.75%; }
  .grid > .tablet-span-4  { width: 25%; }
  .grid > .tablet-span-5  { width: 31.25%; }
  .grid > .tablet-span-6  { width: 37.5%; }
  .grid > .tablet-span-7  { width: 43.75%; }
  .grid > .tablet-span-8  { width: 50%; }
  .grid > .tablet-span-9  { width: 56.25%; }
  .grid > .tablet-span-10 { width: 62.5%; }
  .grid > .tablet-span-11 { width: 68.75%; }
  .grid > .tablet-span-12 { width: 75%; }
  .grid > .tablet-span-13 { width: 81.25%; }
  .grid > .tablet-span-14 { width: 87.5%; }
  .grid > .tablet-span-15 { width: 93.75%; }
  .grid > .tablet-span-16 { width: 100%; }

  .nav-bar { right: 48px; left: 138px; }
  .nav-bar .button { display: none; }

  .header-main {
    height: 56px;
    background: #FFF;
  }
  .header-search { top: 58px; }
  .header-main .logo {
    top: 12px;
    width: 122px; height: 32px;
    background-size: auto 32px;
  }
  .header-main .action.i-find { right: 16px; }

  .sitemap { display: none; }

  .footer-contacts {
    margin-left: -52px; padding-bottom: 32px;
    text-align: center;
  }
  .footer-contacts .footer-phone {
    padding: 0 0 0 52px;
    width: auto;
    text-align: left;
  }
  .footer-contacts .footer-contact {
    display: block;
    padding-top: 32px; padding-left: 52px;
    width: auto;
  }
  .footer-contacts .button {
    display: inline-block;
    padding-left: 56px;
    padding-right: 56px;
  }
  .footer-subscribe,
  .footer-join-us {
    display: none;
  }
  .footer-social { padding-bottom: 40px; }
  .footer-meta { padding-bottom: 8px; }


  /* sections */
  .section-more .button { min-width: 280px; }

  .content-grid > .h2,
  .content-grid > .h3 {
    padding-right: 33.333%;
  }
  .content-grid > .aside { width: 33.333%; }
  .content-grid > .content { width: 66.666%; }

  .content-compact > .aside,
  .content-compact > .content {
    display: block;
    width: auto;
  }

  .card-solution figure { padding: 12px 32px 4px; }
  .card-solution .card-text { height: 38px; }

  .events-list .event-date {
    display: block;
    margin-bottom: 2px;
  }
  .events-list .event-location::after { content: none; }
  .events-list li { margin-top: 12px; }

  .monitoring-case figure { padding: 10px 30px; }
  .monitoring-case .monitoring-title {
    padding-top: 10px;
    height: 56px;
  }
  .monitoring-main .grid > .span { width: 25%; }

  .screenshot-wrapper .screenshot-more .button { top: -56px; }

  .brands-list > .span { width: 20%; }

  .webinars-table .webinar-duration {
    float: none;
    display: block;
    margin-left: 0;
  }

  .course-programm .grid > .span {
    display: block;
    width: auto;
  }

  .apply-button .button { min-width: 0; }

  .case-studies .grid > .span {
    width: calc(33.333% - 16px);
  }

  .schedule-row {
    padding: 16px 0;
    border-top: 2px solid #B0BAC7;
  }
  .schedule-grid h5,
  .schedule-grid p,
  .schedule-language {
    margin-bottom: 4px;
  }
  .schedule-title { padding-right: 8px; }
  .schedule-language { padding-left: 8px; }
  .schedule-title { float: left; }
  .schedule-language {
    float: right;
    padding-top: 22px;
  }
  .schedule-list {
    padding-top: 12px;
    clear: both;
  }

  .manual-latest {
    padding-bottom: 32px;
    height: auto;
  }
  .manual-latest::after {
    bottom: -16px;
    background-size: 178px auto;
  }
  .manual-latest p {
    margin-bottom: 24px; padding-right: 148px;
    min-height: 0;
  }

  .release-article .product-version { font-size: 136px; }

  .release-features .features-list > li { width: calc(50% - 32px); }

  .identity-download-logo {
    display: block;
    width: auto;
  }
  .identity-download-logo img { width: 248px; }
  .identity-bad.grid-flex > .span { width: calc(50% - 16px); }

  .screenshots-list > .span { width: 50%; }

  .featured-anchors,
  .featured-anchors > li {
    height: 76px;
  }
  .featured-anchors > li { padding-right: 16px; padding-left: 16px; }
  .featured-anchors a { height: 40px; }
  .featured-anchors img { max-height: 40px; }

  .timeline .card-event figure {
    float: none;
    margin: 0 0 8px;
    text-align: center;
  }
  .timeline .card-event figure img {
    max-height: 96px; max-width: 100%;
  }
  .timeline .card-event .card-header {
    min-height: 0;
  }
  .timeline .card-event .card-text {
    margin-top: 16px;
    max-height: 292px;
  }
  .timeline .card-event .card-more a {
    padding-bottom: 24px;
  }

  .download-package-box { padding-right: 16px; padding-left: 16px; }

  .download-packages.swiper-container {
    margin: 0 -16px; padding: 0 8px;
  }
  .download-packages.swiper-container .swiper-slide {
    min-width: 236px;
  }

  .circle-item {
    position: relative;
    margin-bottom: 32px;
    padding-left: 80px;
  }
  .circle-block-figure {
    position: absolute; top: -4px; left: 0;
  }
  .circle-item-3 .circle-block-w,
  .circle-item-8 .circle-block-w {
    width: auto;
  }
}

/*
 * Tablet vertical and mobile
 */
@media only screen and (max-width: 960px) {
  
  .h1 { font-size: 30px; }
  .h2 { font-size: 26px; }

  .text h1 { font-size: 30px; }
  .text h2 { font-size: 26px; }
  .text big { font-size: 20px; }

  .td-spacer { display: none; }

  .card-benefit h4,
  .card-benefit .card-text {
    padding: 16px;
  }

  /* banner */
  .banner {
    font-size: 14px;
    text-align: center;
  }
  .banner > .w {
    margin: 0 auto;
    max-width: 652px;
  }
  .banner-media {
    margin-top: 24px;
    width: auto;
  }
  .banner-media img { display: none; }
  .banner-image {
    margin-top: 30px;
    text-align: center;
  }
  .banner-buttons { margin-top: 30px; }
  .banner-image,
  .banner-events {
    display: none;
  }

  .rect > a {
    padding-left: 60px;
    font-size: 14px;
    line-height: 1.33;
  }
  .rect > a > span { height: 64px; }
  .rect > a::before {
    top: 18px; left: 12px;
    width: 36px; height: 36px;
    background-size: 56px auto;
  }
  .rect-download2 > a::before { background-position: 0 0; }
  .rect-download > a::before { background-position: 0 -358px; }
  .rect-doc > a::before { background-position: 0 -394px; }
  .rect-login > a::before { background-position: 0 -430px; }
  .rect-training > a::before { background-position: 0 -466px; }
  .rect-webinar > a::before { background-position: 0 -502px; }
  .rect-map > a::before { background-position: 0 -538px; }
  .rect-forum > a::before { background-position: 0 -574px; }
  .rect-blog > a::before { background-position: 0 -610px; }
  .rect-contacts > a::before { background-position: 0 -646px; }
  .rect-hiring > a::before { background-position: 0 -682px; }
  .rect-become-partner > a::before { background-position: 0 -718px; }
  .rect-event > a::before {
    height: 33px;
    background-position: 0 -37px;
  }
  .rect-event.inverse > a::before { background-position: 0 -73px; }
  .rect-icon img {
    display: block;
    position: absolute; top: 18px; left: 12px;
    width: 36px;
  }


  /* sections */
  .section-header { font-size: 16px; }

  .best b { font-size: 24px; }

  .monitoring-case { font-size: 14px; }

  .monitoring-main .grid > .span:nth-child(n+5) { display: none; }

  .features-main .h3 { font-size: 18px; }
  .features-main .grid > .span { font-size: 14px; }
  .features-main figure { width: 88px; height: 88px; }

  .brands-main .grid > .span {
    width: 25%;
  }

  .brands-list .brand { height: 55px; }
  .brands-list .brand::before {
    height: 47px;
  }
  .brands-list img { max-height: 47px; }

  .download-main .h2 { font-size: 24px; }

  .case-benefits h4 {
    background: none;
    color: inherit;
  }
  .case-benefits h4.active {
    background: #0275B8;
    color: #FFF;
  }
  .case-benefits .toggler {
    position: relative;
    padding-right: 40px;
    cursor: pointer;
  }
  .case-benefits .toggler::after {
    position: absolute; top: 16px; right: 16px;
  }
  .case-benefits .toggler.active::after {
    background-position: 0 -112px;
  }
  .case-benefits .grid {
    margin: 0;
    border-top: 1px solid #B0BAC7;
  }
  .case-benefits .grid > .span {
    display: block;
    width: auto;
  }
  .case-benefits .grid > .span.card { margin: 0; }
  .case-benefits .grid-flex { display: block; }
  .case-benefits .span:first-child .card {
    border-top: 1px solid #B0BAC7;
  }
  .case-benefits .card {
    border: none;
    border-bottom: 1px solid #B0BAC7;
    border-radius: 0;
    background: none;
  }
  .case-benefits .card-container {
    display: none;
    background: #FFF;
    /*TODO*/
    /*max-height: 0;
    overflow: hidden;*/

    /*-webkit-transition: all .6s ease-in-out;
       -moz-transition: all .6s ease-in-out;
         -o-transition: all .6s ease-in-out;
            transition: all .6s ease-in-out;*/
  }
  .case-benefits .card-container.show {
    display: block;
    /*max-height: 1000px;*/
  }

  .support-section .swiper-slide {
    padding: 0 8px 0 8px;
    width: 272px;
  }
  .support-section .swiper-slide.with-details::after { content: none; }
  .support-section .swiper-slide-duplicate { display: block; }
  .support-section .swiper-container {
    margin-right: -16px; margin-left: -16px;
    padding: 0 8px 40px;
    overflow: hidden;
  }

  .support-details { display: none; }

  .card-featured .card-logo {
    float: none;
    margin: 0 0 32px;
    width: auto;
  }
  .card-featured .card-logo::after { content: none; }
}

/*
 * Mobile
 */
@media only screen and (max-width: 767px) {
  
  /*::-webkit-scrollbar { display: none; }*/

  /*body { overflow: auto; }
  html, body.with-header {
    overflow: hidden;
  }*/
  /*html.nav-active,
  html.nav-active body {
    overflow: hidden;
  }*/

  html.nav-active { overflow: hidden; }
  body.with-header::before { height: 56px; }
  body.devise::after { content: 'Mobile'; }
  /*body.with-header #header { position: absolute; z-index: 2; }
  body.with-header #middle {
    position: absolute; top: 56px; right: 0; bottom: 0; left: 0; z-index: 1;
    overflow: auto;

    -webkit-overflow-scrolling: touch;
  }*/

  .grid-2 > .span { margin-bottom: 24px; }

  .td-action .button {
    display: block;
    min-width: 0; width: 100%;
  }

  .noscale {
    margin-right: -16px; margin-bottom: 24px; margin-left: -16px;
    padding-right: 16px; padding-left: 16px;
    max-width: 100vw;
    overflow: auto;
  }
  .noscale img {
    max-width: none;
  }
  .noscale::after {
    content: '';
    display: table;
    clear: both;
  }
  .noscale .image-frame,
  .noscale .image-background {
    float: left;
  }
  .noscale table { width: 767px; }
  .noscale p:last-child,
  .noscale table:last-child {
    margin-bottom: 0;
  }

  .table,
  .table th,
  .table td,
  .table tr,
  .table tbody,
  .table-simple,
  .table-simple th,
  .table-simple td,
  .table-simple tr,
  .table-simple tbody {
    display: block;
    padding: 0;
    width: auto;
    border: none;
  }
  .table tr {
    padding: 8px 0;
    border-bottom: 1px solid #B0BAC7;
  }
  .table th {
    padding-bottom: 8px;
  }

  .table-vertical th,
  .table-vertical td {
    padding-right: 8px;
  }
  .table-vertical th:first-child,
  .table-vertical td:first-child {
    padding-left: 8px;
  }

  .table-simple tr { padding-top: 12px; }
  .table-simple tr:first-child { padding-top: 0; }

  .socail-comunity {
    display: block;
    text-align: center;
  }
  .socail-comunity > li {
    display: inline-block;
    width: 96px;
  }
  .socail-comunity .social {
    padding: 0;
    height: auto;
    background: none;
  }
  .socail-comunity .social::before {
    position: static;
    margin: 0 auto 8px;
  }
  .socail-comunity .social > .w {
    display: block;
    height: auto;
  }

  .image-background { padding: 8px; }

  .mobile-hidden { display: none !important; }

  .rect br,
  .rect-icon img {
    display: none;
  }

  .card-benefit .card-text { padding-right: 8px; padding-left: 8px; }

  .card-option .card-text {
    padding-right: 16px; padding-left: 16px;
  }
  .card-option .card-button {
    padding-right: 16px; padding-left: 16px;
  }

  .card-opinion.span-8 { padding-top: 24px; }
  .card-opinion.span-8 .card-text {
    font-size: 20px;
    line-height: 1.36;
  }

  .card-featured { padding: 16px; }
  .card-featured .card-logo { margin-bottom: 16px; }
  .card-featured .card-logo img { max-width: 144px; }

  .card-event figure {
    float: none;
    margin: 0 0 8px;
    text-align: center;
  }
  .card-event figure img { max-width: 100%; }
  .card-event .card-header { min-height: 0; }
  .card-event .card-text {
    margin-top: 16px;
    max-height: 292px;
  }
  .card-event .card-more a {
    padding-bottom: 24px;
  }
  .card-event-compact .card-more a {
    padding-top: 16px; padding-bottom: 16px;
  }

  .card-conference .card-header { padding: 24px 16px; }
  .card-conference .card-toggle {
    display: block;
    margin-top: 24px;
  }
  .card-conference .card-toggle a {
    color: #FFF;
  }
  .card-conference .card-toggle .toggler::after {
    background-position: 0 -112px;
  }
  .card-conference .card-text {
    display: none;
    padding-right: 16px; padding-left: 16px;
  }
  .card-conference .card-text.show {
    display: block;
  }

  .card-speaker .card-text,
  .card-speaker .card-button {
    padding: 0 16px;
  }
  .card-speaker .card-button {
    text-align: left;
  }
  .card-speaker .card-button .price {
    display: block;
    float: none;
    margin-bottom: 8px;
  }

  .modal .payment-select {
    padding: 24px 8px 8px;
  }
  .modal .payment-select .grid > .span:last-child { margin: 0; }

  .modal .agenda-summary-header {
    padding: 24px 8px 16px;
  }
  .modal .agenda-summary-content {
    padding: 8px 8px 16px 8px; 
  }
  .modal .agenda-files.separate::before {
    margin-right: -8px; margin-left: -8px;
  }

  /* layout */
  .nav-main {
    padding: 16px 16px 32px;
  }
  .nav-main .nav-list {
    border-bottom: 1px solid #6B6C6F;
  }
  .nav-main .nav-item {
    border-top: 1px solid #6B6C6F;
  }
  .nav-main .nav-anchor {
    display: block;
    position: relative;
    font-size: 16px; font-weight: 500;
    padding: 11px 45px 11px 0;
    text-transform: uppercase;
  }
  .nav-main .nav-anchor.with-subnav::before {
    content: '';
    display: block;
    position: absolute; top: 0; right: 0; bottom: 0;
    width: 41px;
    background: #303339;
  }
  .nav-main .nav-anchor.with-subnav::after {
    content: '';
    display: block;
    position: absolute; top: 8px; right: 8px;
    width: 24px; height: 24px;
    background-repeat: no-repeat;
    background-image: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png);
    background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
    background-position: 0 -264px;
    opacity: .6;

    -webkit-transition: -webkit-transform .3s ease-in-out;
       -moz-transition: -moz-transform .3s ease-in-out;
         -o-transition: -o-transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
  }
  .nav-main .nav-anchor.active::before {
    background: #6B6C6F;
  }
  .nav-main .nav-anchor.active::after {
    background-position: 0 -240px;
    opacity: 1;

    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .nav-main .nav-anchor.active + .subnav {
    display: block;
    max-height: 1000px;
    visibility: visible;
  }

  .nav-main .subnav {
    display: block;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;

    -webkit-transition: all .5s cubic-bezier(.455, .03, .515, .955);
       -moz-transition: all .5s cubic-bezier(.455, .03, .515, .955);
        -ms-transition: all .5s cubic-bezier(.455, .03, .515, .955);
         -o-transition: all .5s cubic-bezier(.455, .03, .515, .955);
            transition: all .5s cubic-bezier(.455, .03, .515, .955);
  }

  .nav-main a,
  .nav-bar ul a,
  .nav-bar dl a {
    color: #FFF; 
  }
  .nav-main a:hover,
  .nav-main a:focus,
  .nav-main a:active {
    text-decoration: none;
  }
  .nav-bar ul a:hover,
  .nav-bar ul a:focus,
  .nav-bar ul a:active,
  .nav-bar ul a.active,
  .nav-bar dl a:hover,
  .nav-bar dl a:focus,
  .nav-bar dl a:active,
  .nav-bar dl a.active {
    color: #04A0FB;
    text-decoration: none;
  }

  .nav-bar .button {
    margin-bottom: 24px;
    width: 100%;
  }

  .nav-ext {
    margin: 0 -8px 32px;
    font-size: 0;
    text-align: center;
  }
  .nav-ext::after {
    content: '';
    display: table;
    clear: both;
  }
  .nav-ext > li {
    display: inline-block;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .nav-ext > li:first-child { float: left; }
  .nav-ext > li:last-child { float: right; }
  .nav-ext a {
    display: block;
    padding: 4px 8px;
  }

  .nav-languages {
    border-bottom: 1px solid #6B6C6F;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }
  .nav-languages dt {
    border-top: 1px solid #6B6C6F;
  }
  .nav-languages dt a {
    display: block;
    position: relative;
    padding: 12px 45px;
  }
  .nav-languages dt a span {
    display: inline-block;
    position: relative;
    padding-right: 24px;
  }
  .nav-languages dt a span::before {
    content: '';
    display: block;
    position: absolute; top: 0; right: 0;
    width: 16px; height: 16px;
    background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -144px;
    background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
    background-size: 16px auto;

    -webkit-transition: -webkit-transform .3s ease-in-out;
       -moz-transition: -moz-transform .3s ease-in-out;
         -o-transition: -o-transform .3s ease-in-out;
            transition: transform .3s ease-in-out;
  }
  .nav-languages dt a.active span::before {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .nav-languages dd {
    background: #3C4046;
    display: block;
    max-height: 1000px;
    visibility: visible;
    overflow: hidden;

    -webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
       -moz-transition: all .3s cubic-bezier(.455, .03, .515, .955);
        -ms-transition: all .3s cubic-bezier(.455, .03, .515, .955);
         -o-transition: all .3s cubic-bezier(.455, .03, .515, .955);
            transition: all .3s cubic-bezier(.455, .03, .515, .955);
  }

  .nav-languages dd.hidden {
    display: block;
    max-height: 0;
    visibility: hidden;
  }
  .nav-languages dd a {
    display: block;
    padding: 12px 0;
  }
  .nav-languages li { border-top: 1px solid #4f5157; }

  .nav-user {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }
  .nav-user a {
    display: block;
    padding: 12px 0;
  }
  .nav-user span {
    display: inline-block;
  }
  .nav-user li { border-bottom: 1px solid #6B6C6F; }
  .nav-user .i {
    position: relative;
    padding-right: 26px;
  }
  .nav-user .i::before { position: absolute; top: 0; right: 0; }

  .rect > a,
  .nav-case,
  .nav-group {
    display: block;
    border-top: 1px solid #4f5157;
    font-size: 12px;
    line-height: 16px;
  }
  .rect > a,
  .nav-case,
  .nav-group dt {
    font-weight: 500; font-family: "GothamProMedium", sans-serif;
    text-transform: uppercase;
  }
  .rect > a,
  .nav-case a,
  .nav-group dt,
  .nav-group dt a {
    display: block;
    padding: 6px 8px;
  }
  .nav-group dt a { margin: -6px -8px; }
  .nav-group li { padding: 2px 0; }
  .nav-group ul { padding: 4px 0 10px; }
  .nav-group ul a {
    display: block;
    padding: 4px 8px 4px 24px;
  }

  .nav-promo {
    display: none;
    padding: 8px;
  }

  .subnav {
    background: #3C4046;
  }

  .header-main {
    height: 56px;
    background: #FFF;
  }
  .header-main .logo {
    top: 12px;
    width: 122px; height: 32px;
    background-size: auto 32px;
  }
  .header-main .action {
    top: 8px;
    padding: 8px;
    width: 40px; height: 40px;
  }
  .header-main .action.i-menu {
    display: block;
    right: 16px;
  }
  .header-main .action.i-find { right: 62px; }
  .header-nav {
    display: block;
    position: absolute; top: 56px; bottom: 0; left: 0;
    width: 100%; height: calc(100vh - 56px);
    background: #2A2C34;
    color: #FFF;
    overflow: auto;
    will-change: transform;
    -webkit-overflow-scrolling: touch;

    -webkit-perspective: 1000;

    /*-webkit-transition: -webkit-transform .7s linear;
       -moz-transition:    -moz-transform .7s linear;
         -o-transition:      -o-transform .7s linear;
            transition:         transform .7s linear;

    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);*/

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .header-nav.hidden {
    display: none;
    /*overflow: hidden;
    width: 0;*/

    /*-webkit-transition: width 0s linear .6s, -webkit-transform .6s linear;
       -moz-transition: width 0s linear .6s, -moz-transform .6s linear;
         -o-transition: width 0s linear .6s, -o-transform .6s linear;
            transition: width 0s linear .6s, transform .6s linear;
    
    -webkit-transform: translate3d(100%, 0, 0);
       -moz-transform: translate3d(100%, 0, 0);
         -o-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);*/
  }
  .header-nav .i::before {
    display: inline-block;
    vertical-align: middle;
  }
  .header-nav > .w {
    position: relative;
    /*padding-bottom: 180px;*/
    padding-bottom: 40px;
  }
  .header-search .search-input {
    padding: 8px 0 7px;
    font-size: 16px;
  }
  .header-search .search-submit { visibility: hidden; }
  .header-search .action { top: 0; right: 4px; }


  .sitemap { display: none; }

  .copyright {
    float: none;
    padding: 0 16px;
    text-align: center;
  }

  .footer-phone dt { display: none; }
  .footer-phone dd {
    font-size: 34px;
    text-align: center;
  }
  .footer-phones-tabs {
    font-size: 0;
    padding-bottom: 16px;
  }
  .footer-phones-tabs li {
    display: inline-block;
    padding: 0 12px;
    font-size: 14px;
  }
  .footer-phones-tabs a {
    display: block;
    padding: 8px;
    color: #04A0FB;
  }
  .footer-phones-tabs a:hover,
  .footer-phones-tabs a:focus,
  .footer-phones-tabs a:active {
    color: #04A0FB;
    text-decoration: underline; 
  }
  .footer-phones-tabs a.active {
    color: #FFF;
  }
  .footer-contacts {
    margin: 0; padding: 40px 0;
    text-align: center;
  }
  .footer-contacts .footer-phone {
    display: none;
    padding: 0 0 24px;
    width: auto;
    text-align: left;
  }
  .footer-contacts .footer-phone.show {
    display: block;
  }
  .footer-contacts .footer-contact {
    display: block;
    padding-top: 0; padding-left: 0;
    width: auto;
  }
  .footer-contacts .button {
    display: block;
    padding-left: 8px;
    padding-right: 8px;
  }
  .footer-subscribe,
  .footer-join-us { display: none; }
  .footer-social { padding-bottom: 40px; }
  .footer-meta > .w { padding-right: 0; padding-left: 0; }
  .footer-nav {
    float: none;
    margin-bottom: 40px;
    text-align: left;
  }
  .footer-nav::after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .footer-nav > li {
    padding: 0 16px;
  }
  .footer-nav > li:firts-child {
    float: left;
  }
  .footer-nav > li:last-child {
    float: right;
  }


  /* modal */
  .modal-video .modal-remove { top: 4px; }


  /* banner */
  .banner { font-size: 14px; }
  .banner > .w {
    padding-right: 23px; padding-left: 23px;
  }
  .banner-buttons {
    margin: 0;
  }
  .banner-buttons .button {
    display: block;
    margin: 16px 0 0;
    width: 100%;
  }


  /* sections */
  .content-grid .aside,
  .content-grid .content {
    margin-bottom: 24px;
  }
  .content-grid + .content-grid,
  .content-grid > .aside + .content,
  .content-grid > .content + .content {
    margin-top: 40px;
  }

  .files-compact.grid {
    font-size: 0;
  }
  .files-compact.grid > .span {
    display: inline-block;
    font-size: 16px;
  }

  .author2 { font-size: 0; }
  .author2-photo {
    float: none;
    margin-right: 8px;
    width: 96px;
  }
  .author2-title,
  .author2-description {
    font-size: 14px;
  }
  .author2-description { padding-top: 12px; }
  .author2-photo,
  .author2-photo + .author2-title {
    display: inline-block;
    vertical-align: bottom;
  }
  .author2-photo + .author2-title {
    padding-left: 0;
    width: calc(100% - 104px);
    vertical-align: bottom;
  }
  .author2-photo ~ .author2-description {
    padding-left: 0;
    width: 100%;
  }

  .tabs-content > .toggler {
    position: relative;
    padding-right: 32px;
    cursor: pointer;
  }
  .tabs-content > .toggler::after {
    position: absolute; top: 16px; right: 16px;
  }
  .tabs-content > .toggler.active::after{
    background-position: 0 -112px;
  }
  .tabs-content > dt {
    display: block;
    padding: 16px 8px;
    font-size: 14px;
  }
  .tabs-content > dt.active {
    background: #0275B8;
    color: #FFF;
  }
  .tabs-content > dd { display: none; }
  .tabs-content > dd.show { display: block; }
  .tabs-content .grid > .span {
    padding-bottom: 12px;
    font-size: 14px;
  }

  .tabs-adaptive-mobile {
    border-top: 1px solid #B0BAC7;
  }
  .tabs-adaptive-mobile .tabs { display: none; }
  .tabs-adaptive-mobile .tabs-content {
    border-bottom: 1px solid #B0BAC7;
  }
  .tabs-adaptive-mobile .tabs-content > dd {
    padding: 16px 8px 4px;
    background: #FFF;
  }
  .tabs-adaptive-mobile .tabs-content-transparent > dd {
    padding: 16px 0 1px;
    background: none;
  }

  .section { margin-bottom: 40px; }
  .section-more .button {
    display: block;
    width: 100%; min-width: 0;
  }

  .article { margin-bottom: 40px; }
  .article .play-preview {
    margin-left: auto; margin-right: auto;
    max-width: 400px;
  }
  .article + .merge-to-article { margin-top: 0; }

  .events-tabs {
    display: block;
    margin-right: -16px;
    height: 40px;
    background: #353840;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
    text-transform: uppercase;
  }
  .events-tabs ul {
    display: table;
    width: 100%;
  }
  .events-tabs li {
    display: table-cell;
    width: 1%;
    border-left: 1px solid #23262D;
    text-align: center;
    vertical-align: top;
  }
  .events-tabs li:first-child { border-left: none; }
  .events-tabs a {
    display: block;
    height: 40px;
    color: #FFF;
  }
  .events-tabs a:hover,
  .events-tabs a:focus,
  .events-tabs a:active {
    background: #323540;
    text-decoration: none;
  }
  .events-tabs a.active {
    background: #23252D;
    font-weight: 500;
    line-height: 39px;
    text-decoration: none;
  }

  .events-list .event-date {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
  }
  .events-list .event-location::after { content: none; }
  .events-list li { margin-top: 16px; }
  .events-list > li:first-child { margin-top: 0; }

  .events-group dt {
    display: none;
  }
  .events-group dd { padding: 32px 16px 24px; }
  .events-group dd a.more {
    display: block;
    margin-top: 24px;
    height: 20px;
    color: #FFF;
    font-size: 10px;
    line-height: 20px;
    text-transform: uppercase; text-align: center;
  }
  .events-group dd a.more:hover,
  .events-group dd a.more:focus,
  .events-group dd a.more:active {
    color: #7C7E82;
    text-decoration: none;
  }

  .events-groups {
    display: block;
    width: auto;
  }
  .events-groups .events-group {
    display: none;
  }
  .events-groups .events-group.show {
    display: block;
  }
  .events-groups .events-group {
    padding: 0;
  }

  .events-main {
    padding: 0;
    background: #23252D;
    color: #FFF;
  }

  .best span {
    display: block;
    margin: 0 auto;
    width: 100px;
  }
  .best .grid { font-size: 0; }
  .best .grid > .span {
    padding-right: 8px; padding-left: 8px;
    font-size: 14px;
  }
  .best .grid > .span-4 {
    display: inline-block;
    width: 50%; min-height: 10px;
    vertical-align: top;
  }

  .monitoring-case figure { padding: 8px 12px; }
  .monitoring-case .monitoring-title {
    padding-top: 10px;
    height: 56px;
  }
  .monitoring-main .monitoring-cases { margin-top: 10px; }

  .features-main .grid {
    margin-top: 30px; margin-left: 0;
    text-align: left;
  }
  .features-main .grid > .span {
    position: relative;
    padding: 16px 0 16px 100px;
    width: auto; min-height: 118px;
  }
  .features-main .h3 { margin-bottom: 10px; }
  .features-main .feature-details { margin-top: 0; }
  .features-main .feature-details > li {
    margin-top: 5px;
  }
  .features-main figure {
    position: absolute; top: 11px; left: 0;
    margin: 0;
  }

  .brands-list,
  .solutions-list,
  .brands-main .grid {
    font-size: 0;
  }
  .brands-list > .span,
  .solutions-list > .span,
  .brands-main .grid > .span {
    display: inline-block;
    width: 50%; min-height: 10px;
  }

  .brand-swiper { padding-bottom: 20px; }

  .monitoring-main .grid > .span {
    float: left;
    width: 50%; min-height: 10px; 
  }

  .enterprise-main .swiper-slide {
    width: 264px;
    opacity: 1;

    -webkit-transition: opacity .4s;
       -moz-transition: opacity .4s;
         -o-transition: opacity .4s;
            transition: opacity .4s;
  }
  .enterprise-main .swiper-slide-prev,
  .enterprise-main .swiper-slide-next {
    opacity: .4;
  }
  .enterprise-main .swiper-button-prev,
  .enterprise-main .swiper-button-next {
    width: auto;
  }
  .enterprise-main .swiper-button-prev {
    right: 50%; left: 0;
    margin-right: 128px;
  }
  .enterprise-main .swiper-button-next {
    right: 0; left: 50%;
    margin-left: 128px;
  }

  .advantages-main .tabs {
    margin-right: -12px; margin-left: -12px;
    padding: 0;
    font-size: 14px;
  }
  .advantages-main .section-header { margin-bottom: 20px; }
  .advantages-main .brands-list { padding-top: 16; }

  .card-solution figure { padding: 8px 32px 4px; }
  .card-solution .card-text { height: 38px; }

  .screenshot {
    padding-top: 14px;
    border-radius: 2px 2px 0 0;
  }
  .screenshot::before { top: 14px; }
  .screenshot::after {
    height: 14px;
    background-position: 4px -272px;
    background-size: 50px auto;
  }
  .screenshot-wrapper .screenshot-more .button {
    display: inline-block;
    top: -40px;
    padding-top: 12px; padding-bottom: 12px;
    width: auto; min-width: 0;
    font-size: 16px; font-family: "GothamProRegular", sans-serif;
  }
  .screen-main > .w { padding: 0 16px; }

  .download-main .h2 { margin: 0 0 24px; }
  .download-main p { margin-top: 24px; }

  .webinars-table,
  .webinars-table td,
  .webinars-table tr,
  .webinars-table tbody {
    display: block;
  }
  .webinars-table td {
    padding: 0 0 16px;
    border-bottom: none;
    width: auto;
  }
  .webinars-table tr {
    padding-top: 16px;
    border-bottom: 1px solid #B0BAC7;
  }
  .webinars-table .webinar-language {
    /*margin-bottom: 16px;*/
    min-height: 0;
    font-size: 14px;
  }
  .webinars-table time,
  .webinars-table .webinar-location {
    display: inline-block;
    margin: 0;
  }
  .webinars-table .hoverable:hover { background-color: rgba(232, 236, 241, .6); }
  .webinars-table .hoverable:hover td { background-color: transparent; }
  .webinars-table b + p { margin-top: 8px; }
  
  .webinars-list .h3 { margin-bottom: 8px }

  .booklet { padding-bottom: 16px; }
  .booklet::after {
    content: '';
    display: table;
    clear: both;
  }
  .booklet-image {
    float: left;
    margin-bottom: 0; padding-right: 8px;
  }
  .booklet-image img { width: 70px; height: auto; }
  .booklet-title {
    padding-top: 8px;
    line-height: 1.428;
    overflow: hidden;
    vertical-align: middle;
  }
  .booklets { padding: 8px 8px 0; }

  .currency-select > li { min-width: 0; width: 50%; }

  .card-course .button {
    display: block;
    min-width: 0; width: 100%;
  }

  .trainers { padding: 48px 0 0; }
  .trainers .text { width: auto; }
  .trainers .trainers-list {
    position: static;
    margin: 16px 0 0 -64px; padding: 0;
    height: 216px;
    background-position: 50% 100%;
    background-size: auto 216px;
  }
  .trainers .trainers-list > li { display: none; }

  .training-courses .grid > .span { padding: 16px 0 24px; }

  .training-schedule .grid > .span { padding: 0 0 20px; }

  .training-feedback .swiper-container { margin: 0 -16px; }
  .training-feedback .swiper-slide {
    padding: 16px 16px 8px;
    text-align: center;
  }

  .faq,
  .training-faq {
    padding-top: 32px;
  }
  /*.training-faq::after { bottom: 0; }*/
  .faq .grid > .span,
  .training-faq .grid > .span {
    margin-bottom: 24px; padding: 16px 0 0;
  }

  .course-programm dl { padding: 16px 8px 1px; }

  .apply-grid {
    display: block;
    padding-top: 32px;
    width: auto;
    text-align: center;
  }
  .apply-button,
  .apply-description {
    display: block;
    padding-top: 0;
    vertical-align: top;
  }
  .apply-button {
    padding-left: 0;
  }
  .apply-description + .apply-button { margin-top: 16px; }
  .apply-button .button {
    display: block;
    min-width: 0; width: 100%;
  }

  .case-studies .grid > .span {
    display: block;
    margin-bottom: 16px;
    width: auto;
  }

  .case-benefits h4 { padding-right: 8px; padding-left: 8px; }
  .case-benefits .toggler { padding-right: 32px; }
  .case-benefits .toggler::after { right: 8px; }

  .case-company .content-grid { padding: 32px 16px 8px; }
  .case-company .content-grid > .aside,
  .case-company .content-grid > .content {
    margin-bottom: 24px; padding: 0;
  }
  .case-company .header { margin: 0 0 24px; padding: 0; }
  .case-company .header h5 { margin-bottom: 8px; }

  .support-section .swiper-slide {
    padding-right: 8px; padding-left: 8px;
    width: 272px;
  }
  .support-section .swiper-container {
    padding-right: 8px; padding-left: 8px;
  }
  .support-section .help-anchor { display: none; }

  .schedule-row {
    padding-top: 16px;
    border-top: 2px solid #B0BAC7;
  }
  .schedule-grid h5,
  .schedule-grid p,
  .schedule-language {
    margin-bottom: 4px;
  }
  .schedule-language { margin-top: 12px; }

  .training-options .grid > .span { margin-bottom: 24px; }
  .training-options .card-option .button {
    display: block;
    width: 100%;
  }

  .training-list,
  .training-list td,
  .training-list tr,
  .training-list tbody {
    display: block;
    padding: 0;
    width: auto;
    border: none;
  }
  .training-list td:first-child { padding-left: 0; }
  .training-list tr {
    padding: 16px 0;
    border-top: 1px solid #B0BAC7;
  }
  .training-list tr::after {
    content: '';
    display: table;
    clear: both;
  }
  .training-list tr:first-child { border-top: none; }
  .training-list .td-date { float: left; }
  .training-list .td-status,
  .training-list .td-action {
    float: right;
  }
  .training-list .td-date { padding-top: 8px; padding-bottom: 4px; }
  .training-list .td-status {
    padding-top: 11px;
    text-align: right;
  }  
  .training-list .td-action { padding-top: 0; padding-bottom: 0; }
  .training-list .td-title { margin-bottom: 4px; }
  .training-list .button { min-width: 136px; }

  .trainings-grid > .span {
    margin-bottom: 40px; padding: 0;
  }
  .trainings-grid figure {
    margin-bottom: 16px;
  }
  .trainings-grid .button {
    display: block;
    width: 100%;
  }

  .training-schedule .filter-inline { display: none; }

  .brands-main,
  .features-main,
  .monitoring-main,
  .enterprise-main,
  .advantages-main,
  .solutions-main,
  .opinion-main {
    padding-top: 56px; padding-bottom: 60px;
  }

  .opinion-main .opinion-text { font-size: 24px; }

  .manual-latest {
    padding: 32px 8px 32px 32px;
    height: auto;
  }
  .manual-latest::after {
    bottom: -16px;
    background-size: 178px auto;
  }
  .manual-latest p { margin-bottom: 24px; }

  .manual-releases { font-size: 0; }
  .manual-releases > .span {
    display: inline-block;
    width: 50%;
    font-size: 16px;
  }

  .manuals-section .grid-space > .span { margin-bottom: 24px; }

  .books-grid .grid { font-size: 0; }
  .books-grid .grid > .span {
    display: inline-block;
    width: 50%;
  }

  .books-list { margin-bottom: 40px; }
  .books-list .grid {
    margin-left: -16px;
    font-size: 0;
  }
  .books-list .grid > .span {
    display: inline-block;
    padding-bottom: 16px; padding-left: 16px;
    width: 50%;
  }
  .books-list img { width: 100%; }

  .release-article { overflow: hidden; }
  .release-article .content-grid .aside {
    position: relative; z-index: 1;
    margin: 0; padding-bottom: 32px;
  }
  .release-article .content-grid .content {
    position: relative; z-index: 2;
    margin: 0; padding-bottom: 32px;
  }
  .release-article .product-version {
    position: absolute; bottom: -35px; right: 0;
    padding-bottom: 0;
    opacity: .2;
  }

  .release-notes .grid { margin-bottom: 40px; }

  .section-gray,
  .release-features {
    margin: 0;
    padding-top: 56px; padding-bottom: 36px;
  }
  .section-margin { margin-bottom: 40px; }

  .comunity-area.content-grid > .aside { margin-right: -10px; margin-left: -10px; }

  .logo-preview { padding: 0; }
  .logo-preview img {
    width: 232px;
  }

  .identity-agreement { padding-right: 16px; padding-left: 40px; }
  .identity-agreement .checkbox { left: 12px; }

  .identity-download { margin-left: -24px; }
  .identity-download,
  .identity-download-logo,
  .identity-files > li {
    margin-top: 24px;
  }

  .identity-bad.grid-flex {
    margin-left: -16px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .identity-bad.grid-flex > .span {
    margin-left: 16px;
    width: calc(50% - 16px);
  }

  .releases-nav { display: none; }

  .press-section .h4,
  .press-releases > li {
    padding-right: 0; padding-left: 0;
  }
  .press-releases time {
    display: block;
    float: none;
    margin-bottom: 8px;
    width: auto;
  }

  .featured-anchors,
  .featured-anchors > li {
    height: 64px;
  }
  .featured-anchors > li {
    padding-right: 16px; padding-left: 16px;
  }
  .featured-anchors a { height: 24px; }
  .featured-anchors img { max-height: 24px; }

  .timeline > li { margin-top: 24px; }
  .timeline > li:first-child { margin-top: 0; }
  .timeline .timeline-date { display: none; }

  .form-section fieldset {
    padding-right: 7px; padding-left: 7px;
  }
  .form-section fieldset .legend {
    margin-right: -7px; margin-left: -7px; padding-right: 7px; padding-left: 7px;
  }
  .form-section .form-actions {
    margin-right: 0; margin-left: 0; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;
  }
  .form-section form > .message-error { margin-right: 7px; margin-left: 7px; }
  .form-section .link,
  .form-section .button {
    display: block;
    margin: 4px 0 0;
    width: 100%;
  }

  .section-agenda { margin-bottom: 56px; }
  .section-agenda .h2,
  .section-agenda .file {
    margin-bottom: 32px;
  }
  .section-agenda .h3 {
    display: block;
    margin: 0 0 4px;
  }
  .section-agenda .table td {
    padding: 2px 0;
  }

  .conference-header {
    padding-top: 48px; padding-bottom: 40px;
  }
  .conference-header .conference-location { margin-bottom: 24px; }
  .conference-header .conference-image { margin-top: 32px; }
  .conference-header .button {
    display: block;
    margin-top: 16px;
    width: 100%;
  }
  .conference-header .conference-actions { padding-top: 0; margin-top: 48px; }

  .conference-venue-images > li {
    display: block;
    margin-bottom: 16px;
    width: 100%;
  }
  .conference-venue-images img { width: 100%; }

  .conference-venue { margin-bottom: 0; }
  .conference-venue-address {
    margin-top: 64px; padding-left: 48px;
  }
  .conference-venue-address::before {
    width: 32px; height: 56px;
    background-size: 72px auto;
    background-position: 0 -408px;
  }

  .event-gallery img { width: 100%; }

  .event-galleries { margin-bottom: 0; padding-bottom: 8px; }
  .event-galleries .grid > .span {
    margin-bottom: 40px;
  }

  .countdown td {
    width: 66px;
    font-size: 26px;
  }

  .countdown-section .button {
    display: block;
    width: 100%;
  }

  .agenda-summary .agenda-next { margin-left: 8px; }
  .agenda-summary .agenda-nav { margin-left: 8px; }

  .agenda,
  .agenda > tbody,
  .agenda > tbody > tr,
  .agenda > tbody > tr > td {
    display: block;
    padding: 0;
  }
  .agenda > tbody > tr {
    padding-top: 24px; padding-bottom: 8px;
    border-bottom: 1px solid #B0BAC7;
  }
  .agenda > tbody > tr > td { border: none; }
  .agenda .agenda-time {
    padding-right: 0;
    padding-bottom: 8px;
  }

  .minimizer.overflowed {
    position: relative;
    padding-bottom: 40px;
    max-height: 160px;
    overflow: hidden;
  }
  .minimizer.overflowed.show {
    max-height: inherit;
  }
  .minimizer.overflowed .minimizer-toggle {
    display: block; 
    position: absolute; right: 0; bottom: 0; left: 0;
    padding: 0 0 16px;
    background: #FAFAFA;
    font-size: 14px;
    text-align: center;

    -webkit-box-shadow: 0 -24px 48px #FAFAFA, 0 -24px 48px #FAFAFA, 0 -8px #FAFAFA;
            box-shadow: 0 -24px 48px #FAFAFA, 0 -24px 48px #FAFAFA, 0 -8px #FAFAFA;
  }
  .minimizer.overflowed .minimizer-toggle.active {
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .download-packages.swiper-container {
    margin: 0 -16px;
  }
  .download-packages.swiper-container .swiper-slide {
    padding: 0 8px 8px;
    width: 258px;
  }

  .download-instructions {
    counter-reset: step;
  }
  .download-instructions .download-instruction-title {
    position: relative;
    padding-left: 48px;
  }
  .download-instructions .download-instruction-title::before {
    counter-increment: step;
    content: counter(step);
    position: absolute; top: 50%; left: 0;
    font-size: 64px;
    line-height: 1;

    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }

  .gallery-grid .grid-flex { margin-bottom: 56px; }

  .conference-talks > .span { padding: 24px 16px; }

  .circle-block-h4,
  .circle-block-h5 {
    font-size: 20px;
  }
  .circle-block-description { font-size: 16px; }

  .partner { padding: 24px 8px 8px; }
  .partner .partner-logo {
    padding: 8px 0;
    text-align: center;
  }
  .partner .partner-logo img { max-width: 100%; }
  .partner .partner-label { text-align: right; }
  .partner .partner-description { margin-top: 16px; }

  .trainer { padding: 24px 8px 16px; }
  .trainer-image { margin: 0 auto 16px; }


  #up { right: 16px; bottom: 16px; }
}

.message-error {
  padding: 8px;
  border-radius: 4px;
  background: #CC3F50;
  color: #FFF;
}

/* buttons */

button.link {
  border: none;
  background: none;
  overflow: hidden;
  cursor: pointer;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.link {
  display: inline-block;
  padding: 12px 0 11px;
  color: #7C7E83;
  font-size: 16px;
  line-height: 1.1875;
  text-align: center;
  vertical-align: middle;
}
.link:hover,
.link:focus {
  text-decoration: underline;
}


.button {
  display: inline-block;
  padding: 12px 20px 11px;
  min-width: 64px;
  border: 1px solid transparent; border-radius: 4px;
  background: #0275B8;
  color: #FFF;
  font-size: 16px;
  line-height: 1.1875;
  vertical-align: middle;
  text-align: center; text-decoration: none; text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.button:hover,
.button:focus {
  background-color: #0689D4;
  text-decoration: none;
}
.button:active {
  background-color: #0689D4;
  text-decoration: none;
}

.button-l {
  padding-top: 17px; padding-bottom: 17px;
  font-size: 18px;
  line-height: 1.1111;
}

.button-s {
  padding-top: 8px; padding-bottom: 8px;
  font-size: 12px;
}

.button-stretch {
  display: block;
  padding-right: 8px; padding-left: 8px;
  width: 100%;
}

.button-green {
  background-color: #17C25E;
}
.button-green:hover,
.button-green:focus {
  background-color: #19D667; 
}
.button-green:active {
  background-color: #17C25E;
}

.button-red {
  background-color: #D0021B;
}
.button-red:hover,
.button-red:focus {
  background-color: #EC021E; 
}
.button-red:active {
  background-color: #EC021E;
}

.button-white {
  border-color: #D8D8D8;
  background-color: transparent;
  color: #FFF;
}
.button-white:hover,
.button-white:focus {
  background-color: rgba(216, 216, 216, .2); 
  color: #FFF;
}
.button-white:active {
  background-color: rgba(216, 216, 216, .4); 
  color: #FFF;
}

.button-transparent {
  border-color: #0275B8;
  background-color: transparent;
  color: #0275B8;
}
.button-transparent:hover,
.button-transparent:focus,
.button-transparent:active {
  background-color: #0275B8; 
  color: #FFF;
}

.button-link {
  padding-left: 15px; padding-right: 15px;
  border-color: transparent;
  background-color: transparent;
  color: #7C7E83;
}
.button-link:hover,
.button-link:focus,
.button-link:active {
  background-color: transparent; 
  background-color: rgba(0, 0, 0, .05);
  color: #7C7E83;
}


.action {
  display: block;
}
.action.i::before {
  opacity: 0.4;
}
.action.i:hover::before,
.action.i:focus::before {
  opacity: 0.6;
}
.action.i.active::before,
.action.i:active::before {
  opacity: 0.8;
}

.action-l {
  padding: 4px;
  width: 32px; height: 32px;
}

.action.hidden {
  display: none;
}

.action2 {
  display: inline-block;
  line-height: 24px;
  white-space: nowrap;
}
.action2.i {
  position: relative;
  padding-left: 32px;
}
.action2.i::before {
  position: absolute; top: 0; left: 0;
}

.search-submit {
  display: inline-block;
  position: relative;
  padding: 4px 0;
  width: 40px; height: 28px;
  border: 1px solid #9FA2AA; border-radius: 4px;
  background: transparent;
  color: #9FA2AA;
  font-size: 16px;
  /*line-height: 18px;*/
  vertical-align: middle;
  text-align: center; text-decoration: none;
  white-space: nowrap;
  cursor: pointer;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.search-submit::before {
  content: '';
  display: block;
  position: absolute; top: 1px; left: 7px;
  width: 24px; height: 24px;
  background-repeat: no-repeat;
  background-image: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png);
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
  background-position: 0 -120px;
  opacity: .4;
}


/* fields */

.radio, .checkbox {
  display: inline-block;
  position: relative; z-index: 1;
  width: 18px; height: 18px;
  vertical-align: middle;
}
.checkbox input[type="checkbox"] {
  position: absolute; top: -7px; left: -7px; z-index: 2;
  width: 32px; height: 32px;
  opacity: 0;

  -webkit-appearance: none;
          appearance: none;
}
.checkbox i {
  display: block;
  position: absolute; top: 0; left: 0; z-index: 1;
  width: 18px; height: 18px;
  border-radius: 18px;
  
  -webkit-transition: box-shadow .2s;
          transition: box-shadow .2s;
}
.checkbox i::before {
  content: '';
  display: block;
  position: absolute; left: 0; z-index: 1;
  width: 18px; height: 18px;
  border: 1px solid #979797; border-radius: 2px;
  background: #FAFAFA;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: background 0.3s ease-in-out;
     -moz-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}
.checkbox i::after {
  content: '';
  display: block;
  position: absolute; left: 0; z-index: 1;
  width: 12px; height: 6px;
  border: 2px solid #42455A;
  border-top: none;
  border-right: none;
  visibility: hidden;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transform: translate(3px, 5px) rotate(-45deg);
     -moz-transform: translate(3px, 5px) rotate(-45deg);
      -ms-transform: translate(3px, 5px) rotate(-45deg);
       -o-transform: translate(3px, 5px) rotate(-45deg);
          transform: translate(3px, 5px) rotate(-45deg);
}
/*.checkbox.checked i::before,
.checkbox input:checked + i::before {
  background: #575454;
}*/
.checkbox.checked i::after,
.checkbox input:checked + i::after {
  visibility: visible;
}
.checkbox input:focus + i {
  background-color: rgba(87, 84, 84, .1);

  -webkit-box-shadow: 0 0 0 8px rgba(87, 84, 84, .1);
          box-shadow: 0 0 0 8px rgba(87, 84, 84, .1);
}
.checkbox.readonly i,
.checkbox input:disabled + i {
  opacity: 0.6;
}
.checkbox input.invalid + i::before {
  border-color: #D0021B;
}
.checkbox input:focus.invalid + i {
  -webkit-box-shadow: 0 0 0 8px rgba(208, 2, 27, .1);
          box-shadow: 0 0 0 8px rgba(208, 2, 27, .1);
}

.hint {
  color: #7C7E83;
  font-size: 12px;
}


.file-field { margin-top: -4px; }
.file-field-button {
  display: inline-block;
  position: relative;
  margin-top: 4px;
  vertical-align: middle;
  overflow: hidden;
}
.file-field-button input {
  position: absolute; top: 0; right: 0; z-index: 2;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 100px;
  cursor: pointer;

  -moz-transform: translate(-300px, 0) scale(4);

  -khtml-opacity: 0;
    -moz-opacity: 0;
         opacity: 0;
}
.file-field-button i {
  display: block;
  padding: 0 8px;
  height: 40px;
  border: 1px solid transparent; border-radius: 4px;
  background: #42455A;
  color: #FFF;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
}
.file-field-button:hover {
}
.file-field-attached {
  display: inline-block;
  margin-top: 4px;
  color: #A8A9AC;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  vertical-align: middle;
}
.file-field-remove::after {
  content: '';
  display: inline-block;
  margin-left: 4px;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -576px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
  vertical-align: middle;
}

.field {
  padding: 8px 7px;
  height: 40px;
  border: 1px solid #7C7E83;
  border-radius: 4px;
  background: #FAFAFA;
  color: #25282F;
  font-size: 16px;
  line-height: 22px;
  vertical-align: middle;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.field-area,
.field-textarea {
  height: auto;
  line-height: normal;
}
.field-select {
  padding-right: 24px;
  background-image: url(https://assets.zabbix.com/dist/images/select.18599fa3190f195a7b93.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: none, url(https://assets.zabbix.com/dist/images/select.7bd07537b1880d1af68e.svg);
}
.field-select::-ms-expand { display: none; }
.field-select-multiple {
  padding: 7px 0;
  height: auto;
  line-height: normal;
  background-image: none;
}
.field-select-multiple option {
  padding: 4px 7px;
}
.field-select-multiple option:nth-child(even) {
  background: rgba(174, 186,199, .3);
}

.field:focus {
  border-color: #0275B8;
  background-color: rgba(232, 236, 241, .4);
}
.field.invalid {
  border-color: #D0021B;
}

.field-width-m {
  width: 100%;
  max-width: 496px;
}
.field-width-l {
  width: 100%;
  max-width: 712px;
}
.field-width-fs {
  width: 100%;
}

.field-label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
}
.field-label.required::after,
.field-label > .required::after {
  content: '\00a0*';
}
.field-label.invalid,
.field-label > .invalid {
  color: #D0021B;
}

.field-header {
  margin-bottom: 8px;
  font-size: 22px;
}

.field-block {
  margin: 4px 0 24px;
}
.field-block .hint {
  margin: 8px 0;
}
.field-block p {
  margin-bottom: 16px;
  line-height: 1.5;
}
.field-block .select-list {
  margin-top: 16px;
}

.field-unit {
  font-size: 14px;
  vertical-align: middle;
}
.field-error {
  color: #D0021B;
  padding: 8px 0;
  font-size: 14px;
  vertical-align: middle;
}
span.field-error { display: inline-block; }

.form-footnote {
  color: #7C7E83;
  font-size: 14px;
}

.form-description {
  margin-bottom: 16px;
}

.form-actions { margin-left: -8px; margin-right: -8px; }
.form-actions .link,
.form-actions .button {
  margin-right: 8px; margin-left: 8px;
}
.form-actions .button { min-width: 140px; }
.form-actions > p,
.form-actions > div {
  margin-right: 8px; margin-left: 8px;
}


.select-list { margin-top: 6px; }
.select-list > li {
  margin-bottom: 15px; padding-left: 32px;
}
.select-list span.radio,
.select-list span.checkbox {
  top: -2px;
  margin-right: 10px; margin-left: -32px;
}

.checkbox-block {
  margin-top: 6px; margin-bottom: 15px; padding-left: 32px;
  line-height: 1.5;
}
.checkbox-block span.radio,
.checkbox-block span.checkbox {
  top: -2px;
  margin-right: 10px; margin-left: -32px;
}


.search-input {
  padding: 9px 48px 8px 0;
  border: none;
  border-bottom: 1px solid #42445b;
  border-radius: 0;
  background: none;
  color: #25282F;
  font-size: 24px;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}


.oneinput {
  display: inline-block;
  position: relative;
}
.oneinput input[type="text"] {
  padding: 11px 40px 11px 12px;
  height: 40px;
  border: 1px solid #848487;
  border-radius: 4px;
  background: #454951;
  color: #FFF;
  font-size: 14px;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.oneinput button {
  display: block;
  position: absolute; top: 0; right: 0;
  padding: 11px 0;
  width: 40px; height: 40px;
  border: 1px solid transparent; border-radius: 4px;
  background: none;
  color: #FFF;
  font-size: 14px;
  vertical-align: middle;
  text-align: center; text-decoration: none;
  white-space: nowrap;
  cursor: pointer;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.oneinput button::before {
  content: '';
  display: block;
  position: absolute; top: 8px; left: 8px;
  width: 24px; height: 24px;
  background-repeat: no-repeat;
  background-image: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png);
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
  background-position: 0 -288px;
  opacity: .4;
}
.oneinput input[type="text"]:focus {
  border-color: #0275B8;
  background-color: #FFF;
  color: #25282F;
}
.oneinput input[type="text"]:focus + button::before {
  background-position: 0 -384px;
  opacity: 1;
}
.oneinput input[type="text"].invalid {
  border-color: #D0021B;
}
.oneinput .error {
  display: block;
  position: absolute; top: -17px; right: 0; left: 0;
  padding-left: 13px;
  height: 17px;
  border-radius: 4px 4px 0 0;
  background: #D0021B;
  color: #FFF;
  font-size: 12px;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oneinput .error + input[type="text"] {
  border-radius: 0 0 4px 4px;
}
.oneinput .success {
  display: block;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;
  padding: 11px 40px 11px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #17C25E;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s linear .6s, opacity .6s;
     -moz-transition: visibility 0s linear .6s, opacity .6s;
       -o-transition: visibility 0s linear .6s, opacity .6s;
          transition: visibility 0s linear .6s, opacity .6s;
}
.oneinput .success.show {
  visibility: visible;
  opacity: 1;

  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.oneinput .success::after {
  content: '';
  display: inline-block;
  margin-left: 6px;
  width: 18px; height: 18px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat -3px -412px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
  vertical-align: middle;

  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);

  -webkit-transition: all .6s .6s;
     -moz-transition: all .6s .6s;
       -o-transition: all .6s .6s;
          transition: all .6s .6s;
  
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}
.oneinput .success.show::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}


.play {
  display: inline-block;
  position: relative;
  padding-left: 38px;
  min-height: 28px;
}
.play span {
  display: table-cell;
  height: 28px; 
  vertical-align: middle;
}
.play span::before {
  content: '';
  display: block;
  position: absolute; top: 0; left: 0;
  width: 28px; height: 28px;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 0 -480px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
}
a.play:hover,
a.play:focus,
a.play:active {
  text-decoration: none;
}
a.play:hover span::before,
a.play:focus span::before,
a.play:active span::before {
  background-position: 0 -512px;
}

.play-preview {
  display: block;
  position: relative;
  padding: 0;
  min-height: 0;
}
.play-preview img { width: 100%; height: auto; }
.play-preview span {
  display: block;
  position: absolute; right: 64px; bottom: 16px; left: 16px;
  color: #FFF;
}
.play-preview::before {
  content: '';
  display: block;
  position: absolute; right: 16px; bottom: 16px;
  width: 44px; height: 44px;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 0 -84px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
  background-size: 44px auto;
}
a.play-preview:hover::before,
a.play-preview:focus::before,
a.play-preview:active::before {
  background-position: 0 -133px;
}


/* tabs */

.tabs {
  margin: auto;
  max-width: 940px;
  font-size: 16px;
  line-height: 16px;
}
.tabs a {
  position: relative;
  display: block;
  padding: 16px 8px;
  color: inherit;
}
.tabs a:after {
  content: '';
  display: block;
  position: absolute; bottom: -6px; left: 50%; right: 50%;
  height: 6px;
  border-radius: 4px;
  background: #0275B8;

  -webkit-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
     -moz-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
       -o-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
          transition: all .3s cubic-bezier(0.35, 0, .25, 1);
}
.tabs a:hover,
.tabs a:focus,
.tabs a:active {
  color: #04A0FB;
  text-decoration: none;
}
.tabs a.active {
  color: #0275B8;
}
.tabs a.active:after {
  left: 0; right: 0;
}
.tabs > ul {
  display: table;
  width: 100%;
}
.tabs > ul > li {
  display: table-cell;
  width: 1%;
  text-align: center;
  vertical-align: bottom;
}
.tabs::after {
  content: '';
  display: block;
  height: 6px;
  background: #E8ECF1;
  border-radius: 4px;
}


.breadcrumbs {
  font-size: 0;
}
.breadcrumbs > li {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.breadcrumbs > li::after {
  content: '/';
  display: inline-block;
  padding: 0 4px;
}


.checkbox-label {
  display: block;
  position: relative;
  cursor: pointer;
}
.checkbox-label input {
  position: absolute;
  opacity: 0;
}
.checkbox-label .checkbox-w::after {
  content: '';
  display: table;
  clear: both;
}
.checkbox-label .checkbox-count {
  float: right;
  margin-left: 8px;
  opacity: .5;
}
.checkbox-label input:checked + .checkbox-w .checkbox-title {
  color: #19D667;
}


.radio-label {
  display: block;
  position: relative;
  cursor: pointer;
}
.radio-label .radio-title {
  display: block;
  padding: 6px 8px;
  line-height: 24px;
}
.radio-label input {
  position: absolute;
  opacity: 0;
}
.radio-label input:checked + .radio-title {
  background: #B3D5E9;
}
.radio-label-s {
  font-size: 13px;
}


.filter-inline { position: relative; }

.filter-groups > li {
  font-size: 14px;
}
.filter-groups .toggler {
  display: block;
  position: relative;
  padding-right: 24px;
  white-space: nowrap;
}
.filter-groups .toggler::after {
  position: absolute; top: 0; right: 0;
}

.filter-group {
  /*position: absolute; right: 0;
  margin-top: 8px;*/
}
.filter-group > .w {
  padding: 16px 16px 8px;
  background: rgba(66, 69, 90, .96);
  color: #FFF;
}
.filter-group h6 {
  margin-bottom: 16px;
  color: #A2DDFF;
  font-size: 10px;
  text-transform: uppercase;
}
.filter-group .grid > h6 {
  padding-top: 8px; margin-bottom: 8px;
}
.filter-group .grid > .span { font-size: 12px; }
.filter-group .filter-list > li { padding-bottom: 12px; }

.boolean {
  display: inline-block;
  padding: 2px;
  width: 28px; height: 28px;
  border-radius: 16px;
}
.boolean.true { background: #0275B8; }
.boolean.false {
  padding: 11px 5px 0;
  border: 2px solid #B0BAC7;
}
.boolean.false::before {
  display: block;
  border-radius: 1px;
  height: 2px; width: auto;
  background: #B0BAC7;
}


.tooltip {
  display: none;
  position: absolute; z-index: 100;
  padding-top: 10px;
  max-width: 256px;
}
.tooltip > div {
  padding: 12px 16px;
  background: rgba(66, 69, 90, .96);
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;

  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
          box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
}
.tooltip i {
  display: block;
  position: absolute; top: 0; left: 0; z-index: 1;
  width: 10px; height: 18px;
  overflow: hidden;
}
.tooltip i::before {
  content: '';
  display: block;
  position: absolute; top: 0; left: 0;
  width: 0; height: 0;
  border: 10px solid transparent;
  border-width: 18px 10px;
  opacity: .96;
}
.tooltip-top,
.tooltip-top-left,
.tooltip-top-right {
  padding: 0 0 10px;
}
.tooltip-top > div,
.tooltip-top-left > div,
.tooltip-top-right > div {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .24);
          box-shadow: 0 0 6px rgba(0, 0, 0, .24);
}
.tooltip-top i,
.tooltip-top-left i,
.tooltip-top-right i {
  top: auto; bottom: 0;
  width: 18px; height: 10px;
}
.tooltip-top i::before,
.tooltip-top-left i::before,
.tooltip-top-right i::before {
  border-color: transparent;
  border-top: 10px solid #42455A;
  border-width: 10px 18px;
}
.tooltip-bottom i,
.tooltip-bottom-left i,
.tooltip-bottom-right i {
  width: 18px; height: 10px;
}
.tooltip-bottom-left i { right: 0; left: auto; }
.tooltip-bottom i::before,
.tooltip-bottom-left i::before,
.tooltip-bottom-right i::before {
  top: -10px;
  border-color: transparent;
  border-bottom: 10px solid #42455A;
  border-width: 10px 18px;
}
.tooltip-top-right i::before,
.tooltip-bottom-right i::before { left: -18px; }
.tooltip-top i,
.tooltip-bottom i {
  left: 50%; margin-left: -18px;
  width: 36px;
}
.tooltip-top-left i::before,
.tooltip-bottom-left i::before { right: -18px; left: auto; }
.tooltip-left,
.tooltip-left-top,
.tooltip-left-bottom {
  padding: 0 10px 0 0;
}
.tooltip-top-left i,
.tooltip-left i,
.tooltip-left-top i,
.tooltip-left-bottom i {
  left: auto; right: 0;
}
.tooltip-left i::before,
.tooltip-left-top i::before,
.tooltip-left-bottom i::before {
  right: -9px; left: auto;
  border-color: transparent;
  border-left: 10px solid #42455A;
}
.tooltip-right,
.tooltip-right-top,
.tooltip-right-bottom {
  padding: 0 0 0 10px;
}
.tooltip-right i::before,
.tooltip-right-top i::before,
.tooltip-right-bottom i::before {
  left: -10px;
}
.tooltip-right i::before,
.tooltip-right-top i::before,
.tooltip-right-bottom i::before {
  border-color: transparent;
  border-right: 10px solid #42455A;
}
.tooltip-left i,
.tooltip-right i {
  top: 50%; margin-top: -18px;
  height: 36px;
}
.tooltip-left-top i,
.tooltip-right-top i { top: auto; bottom: 0; }
.tooltip-left-bottom i::before,
.tooltip-right-bottom i::before { top: -18px; }
.tooltip-top,
.tooltip-left-top,
.tooltip-right-top {
  margin-top: -4px;
}
.tooltip-bottom,
.tooltip-left-bottom,
.tooltip-right-bottom {
  margin-top: 4px;
}


.nav-anchors {
  height: 40px;
}
.nav-anchors a {
  position: relative;
  display: block;
  padding: 0 16px;
  min-width: 84px; height: 38px;
  line-height: 38px;
  text-align: center;
}
.nav-anchors a:hover,
.nav-anchors a:focus,
.nav-anchors a:active {
  text-decoration: none;
}
.nav-anchors ul {
  font-size: 0;
}
.nav-anchors li {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.nav-anchors li.hidden { display: none; }
.nav-anchors > .w {
  position: relative;
  height: 40px;
  overflow: hidden;
}
.nav-anchors > .w::before {
  content: '';
  position: absolute; top: 38px; left: 0; right: 0;
  height: 2px;
  background: #B0BAC7;
}
.nav-anchors.sticky > .w {
  position: fixed; z-index: 20;
  background: #FAFAFA;
}
.nav-anchors a::after {
  content: '';
  display: block;
  position: absolute; bottom: -2px; left: 50%; right: 50%;
  height: 2px;
  background: #0275B8;

  -webkit-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
     -moz-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
       -o-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
          transition: all .3s cubic-bezier(0.35, 0, .25, 1);
}
.nav-anchors a.active::after {
  left: 0;
  right: 0;
}

.nav-swipeable-anchors,
.nav-swipeable-anchors > .w {
  height: 48px;
}
.nav-swipeable-anchors a {
  position: relative;
  display: block;
  padding: 0 16px;
  min-width: 84px;
  height: 48px;
  color: #FFF;
  line-height: 42px;
  text-align: center;
}
.nav-swipeable-anchors a:hover,
.nav-swipeable-anchors a:focus,
.nav-swipeable-anchors a:active {
  text-decoration: none;
}
.nav-swipeable-anchors a::after {
  content: '';
  display: block;
  position: absolute; bottom: 0; left: 50%; right: 50%;
  height: 6px;
  background: #D0021B;

  -webkit-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
     -moz-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
       -o-transition: all .3s cubic-bezier(0.35, 0, .25, 1);
          transition: all .3s cubic-bezier(0.35, 0, .25, 1);
}
.nav-swipeable-anchors a.active::after {
  left: 0;
  right: 0;
}
.nav-swipeable-anchors .swiper-slide {
  display: table-cell;
  width: auto;
}
.nav-swipeable-anchors .swiper-wrapper {
  display: table;
}
.nav-swipeable-anchors .swiper-container {
  position: relative;
}
.nav-swipeable-anchors .swiper-container::before {
  content: '';
  position: absolute; top: 42px; left: 0; right: 0;
  height: 6px;
  background: #B0BAC7;
}
.nav-swipeable-anchors.sticky a {
  color: #0275B8;
}
.nav-swipeable-anchors.sticky > .w {
  position: fixed; left: 0; right: 0; z-index: 20;
  background: #FFF;
}


table.modal { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; }
table.modal.modal-scrollable { position: fixed; }
table.modal td.modal { vertical-align: middle; }
table.modal table.modal-wrapper { margin: 0 auto; }
div.modal { position: absolute; z-index: 100; }
.modal-disable-scroll { overflow: hidden !important; }
.modal-s {
  position: relative;
  overflow: auto;
}
.modal-overlay {
  position: fixed; top: 0; left: 0; z-index: 100;
  width: 100%; height: 100%;
  background: #25282F;
  opacity: .4;
}
.modal-window {
  position: relative;
  margin: 48px 8px;
}
.modal-window > div {
  border: 1px solid #B0BAC7;
  border-radius: 4px;
  background: #FFF;

  -webkit-box-shadow: 0 0 120px #42455A;
          box-shadow: 0 0 120px #42455A;
}
.modal-tools { display: none; }
.modal-tools .modal-close {
  position: absolute; top: -40px; right: 0; z-index: 101;
  padding: 4px;
  width: 32px; height: 32px;
  border-radius: 16px;
  background: rgba(66, 69, 90, .6);
  white-space: nowrap;
  overflow: hidden;
}
.modal-tools .modal-close::before {
  content: '';
  display: block;
  margin-bottom: 5px;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -432px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
.modal-tools .modal-close:hover,
.modal-tools .modal-close:focus,
.modal-tools .modal-close:active {
  background: #42455A;
}


.important-block {
  margin-bottom: 24px; padding: 12px 16px 12px 12px;
  border-left: 4px solid #D0021B;
  background: #FFF;
  font-size: 14px;
}
.attention-block {
  margin-bottom: 24px; padding: 12px 16px 12px 12px;
  border-left: 4px solid #D0021B;
  background: rgba(204, 63, 80, .3);
  font-size: 14px;
}
.important-block .grid,
.attention-block .grid {
  margin-bottom: -12px; padding-top: 4px;
}
.important-block .grid > .span,
.attention-block .grid > .span {
  font-size: 14px;
}


.gallery { max-width: 516px; }
.gallery-preview {
  position: relative;
  /*height: 261px;  */
  padding-bottom: 56.25%; /* 16:9 */
  /*padding-bottom: 75%;*/    /* 4:3 */
  /*padding-bottom: 66.66%;*/ /* 3:2 */
  /*padding-bottom: 62.5%;*/ /* 8:5 */
  height: 0;
}
.gallery-preview .gallery-image {
  position: absolute; left: 0; top: 0;
  width: 100%; height: 100%;
  font-size: 0;
  text-align: center;
  background-color: #FFF;
  white-space: nowrap;
}
.gallery-preview .gallery-image::after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.gallery-preview .gallery-play::after {
  content: '';
  display: block;
  position: absolute; right: 16px; bottom: 16px;
  width: 44px; height: 44px;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 0 -84px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
  background-size: 44px auto;
}
.gallery-preview .gallery-play:hover::after,
.gallery-preview .gallery-play:focus::after,
.gallery-preview .gallery-play:active::after {
    background-position: 0 -133px;
}
.gallery-preview img {
  max-width: 100%; max-height: 100%;
}

.gallery-nav {
  position: relative;
  margin-top: 8px; padding: 0 34px;
  overflow: hidden;
}
.gallery-nav .gallery-prev,
.gallery-nav .gallery-next {
  display: block;
  position: absolute; top: 0; bottom: 0;
  width: 34px;
  overflow: hidden;
  opacity: .6;
}
.gallery-nav .gallery-prev::before,
.gallery-nav .gallery-next::before {
  content: '';
  display: block;
  position: absolute; top: 50%; left: 50%;
  margin: -12px 0 0 -12px;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 99px 99px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
.gallery-nav .gallery-prev:hover,
.gallery-nav .gallery-next:hover {
  opacity: 1;
}
.gallery-nav .gallery-prev.swiper-button-disabled,
.gallery-nav .gallery-next.swiper-button-disabled {
  opacity: .2;
  cursor: default;
}
.gallery-nav .gallery-prev { left: 0; }
.gallery-nav .gallery-prev::before { background-position: 0 -528px; }
.gallery-nav .gallery-next { right: 0; }
.gallery-nav .gallery-next::before { background-position: 0 -552px; }
.gallery-nav .gallery-play::after {
  content: '';
  position: absolute; top: 50%; left: 50%;
  margin: -14px 0 0 -14px;
  width: 28px; height: 28px;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 0 -54px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
  background-size: 28px auto;
}
.gallery-nav .gallery-play:hover::after,
.gallery-nav .gallery-play:focus::after,
.gallery-nav .gallery-play:active::after {
  background-position: 0 -85px;
}
.gallery-nav .swiper-container {
  margin-right: -6px; margin-left: -6px;
}
/*.gallery-nav .swiper-wrapper-center {
  -webkit-justify-content: center;
          justify-content: center;
}*/
.gallery-nav .swiper-slide {
  padding-right: 6px; padding-left: 6px;
  width: 92px; height: 45px;
  text-align: center;
  white-space: nowrap;
}
.gallery-nav .swiper-slide img {
  max-width: 100%; max-height: 100%;
  vertical-align: middle;
  opacity: .6;
}
/*.gallery-nav .swiper-slide::after {
  content: '';
  display: inline-block;
  height: 45px;
  vertical-align: middle;
}*/
.gallery-nav .swiper-slide a {
  display: block;
  position: relative;
  height: 45px;
}
.gallery-nav .swiper-slide:hover img,
.gallery-nav .swiper-slide.active img {
  opacity: 1;
}
.gallery-nav .swiper-slide.active a::before {
  content: '';
  display: block;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  border: 1px solid #0275B8;
}
.gallery-nav-static {
  padding: 0;
}
.gallery-nav-static .gallery-prev,
.gallery-nav-static .gallery-next {
  display: none;
}


.cloneable { margin-bottom: 24px; }
.cloneable .cloneable-item {
  padding-top: 24px;
}
.cloneable .cloneable-item,
.cloneable .cloneable-footer {
  border-top: 1px solid #B0BAC7;
}
.cloneable .cloneable-item:first-child {
  padding-top: 0;
  border-top: none;
}
.cloneable .cloneable-footer {
  padding-top: 16px;
}
.cloneable .cloneable-add {
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 32px;
}
.cloneable .cloneable-add.i {
  padding-left: 32px;
}
.cloneable .cloneable-add.i::before {
  position: absolute; top: 2px; left: 0;
}
.cloneable .cloneable-remove {
  display: inline-block;
  margin-bottom: 16px;
  font-size: 12px;
}
.cloneable .field-block + .cloneable-remove {
  position: relative; top: -8px;
  margin-bottom: 8px;
}


/*
 * All without mobile
 */
@media only screen and (min-width: 768px) {
  .filter-group {
    position: absolute; right: 0;
    margin-top: 8px;
  }

  .filter-groups {
    padding: 0 8px;
    font-size: 0;
    text-align: right;
  }
  .filter-groups > li {
    display: inline-block;
    padding-left: 32px;
    font-size: 14px;
    text-align: left;
  }
  .filter-groups > li.hidden { display: none; }
  .filter-groups .toggler.active::before {
    content: '';
    display: block;
    position: absolute; right: 24px; bottom: -8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #42455A;
    opacity: .96;
  }
  .filter-group .grid > .span {
    min-width: 136px;
    padding: 8px 16px 4px;
  }
  .filter-group .grid > h6 {
    padding-left: 16px;
  }
}


/*
 * Mobile
 */
@media only screen and (max-width: 767px) {
  .filter-groups > li {
    border-top: 1px solid #B0BAC7;
  }
  .filter-groups a {
    display: block;
    padding: 16px 24px;
    text-align: center;
  }
  .filter-groups a,
  .filter-groups a:hover,
  .filter-groups a:focus,
  .filter-groups a:active {
    text-decoration: none;
  }
  .filter-groups .toggler::after { top: 16px; }

  .nav-anchors a {
    padding: 0 8px;
    min-width: 68px;
  }

  .form-actions > p, .form-actions > div {
    margin-right: 0; margin-left: 0;
  }
}

.language-select {
  display: inline-block;
  position: relative;
  margin-right: 24px;
}
.language-select__icon {
	position: absolute; top: 0; left: 0;
	width: 24px; height: 16px;
}
.language-select__title {
  font-size: 12px;
  line-height: 24px;
}
.language-select__anchor {
  display: block;
  position: relative;
  padding-right: 24px; padding-left: 32px;
}
.language-select__anchor::before {
  content: '';
  display: block;
  position: absolute; top: 4px; right: 0;
  width: 16px; height: 16px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -144px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
  background-size: 16px auto;
}
.language-select__anchor .language-select__icon { top: 4px; }
.language-select__label {
  display: block;
  position: relative;
  padding: 8px 18px 8px 50px;
  cursor: pointer;
}
.language-select__label:hover {
	text-decoration: underline;
}
.language-select__label .language-select__icon { top: 9px; left: 18px; }
.language-select__input {
	position: absolute;
	opacity: 0;
}
.language-select__dropdown {
  position: absolute; top: 27px; right: -27px; z-index: 10;
  text-align: left;
  font-size: 14px;
}
.language-select__dropdown::before {
  content: '';
  display: block;
  height: 8px;
}
.language-select__list {
  padding: 10px 0;
  min-width: 120px;
  background: rgba(66, 69, 90, .96);
  color: #FFF;

  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
          box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
}
.language-select__list::after {
  content: '';
  display: block;
  position: absolute; top: -8px; right: 28px; z-index: 2;
  width: 0; height: 0;
  border: 8px solid transparent;
  border-bottom: 8px solid rgba(66, 69, 90, .96);
}
.language-select__item { padding: 2px 0; }

.header-language {
	background: #353842;
	color: #FFF;
	font-size: 12px;
	text-align: center;
}
.header-language__title {
	display: inline-block;
	vertical-align: middle;
}
.header-language .button-s {
  padding: 4px 16px;
  font-size: 12px;
}

/*
 * All without mobile
 */
@media only screen and (min-width: 768px) {
	.header-language { height: 32px; }
	.header-language__bar {
		position: absolute; top: 0; left: 0; width: 100%;
		background: #353842;
	}
	.header-language__bar > .w {
		padding: 4px 16px;
	}
	.header-language__title { margin-right: 16px; }
	.header-language .language-select { margin-right: 16px; }
}

/*
 * Desktop
 */
@media only screen and (min-width: 1025px) {
	body.sticky .header-language__bar {
		top: 32px;
		z-index: 10;
	}
	body.sticky-up .header-language__bar { top: 0; }
}

/*
 * Tablet
 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.header-language ~ .header-nav .nav-bar { top: 48px; }
}

/*
 * Mobile
 */
@media only screen and (max-width: 767px) {
	body.with-header_language::before { height: 118px; }

	.header-language {
		height: 62px;
		padding: 8px 0;
	}
	.header-language__title {
		display: block;
  	padding-bottom: 6px;
  	white-space: nowrap;
  	overflow: hidden;
	}
	.header-language ~ .header-nav {
		top: 118px;
    height: calc(100vh - 118px);
	}
}
.lightbox-header {
  display: block;
  padding-right: 40px;
  height: 40px;
  opacity: .6;
  color: #FFF;
  font-size: 12px;
  line-height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lightbox-middle {
  display: block;
  position: relative;
}

.lightbox-count {
  margin-right: 8px;
}

.lightbox-description {
  padding-top: 16px;
  height: 52px;
  opacity: .6;
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;
}

.lightbox-close {
  position: absolute; top: 0; right: 0; z-index: 101;
  padding: 4px;
  width: 32px; height: 32px;
  border-radius: 16px;
  background: rgba(66, 69, 90, .6);
  white-space: nowrap;
  overflow: hidden;
}
.lightbox-close::before {
  content: '';
  display: block;
  margin-bottom: 5px;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -432px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
.lightbox-close:hover,
.lightbox-close:focus,
.lightbox-close:active {
  background: #42455A;
}

.lightbox-nav .lightbox-next,
.lightbox-nav .lightbox-previous {
  display: block;
  position: absolute; top: 0; bottom: 0; z-index: 1;
  width: 32px; height: 100%;
}
.lightbox-nav .lightbox-next::after,
.lightbox-nav .lightbox-previous::after {
  content: '';
  display: block;
  position: absolute; top: 50%;
  margin-top: -12px;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 0 -432px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
.lightbox-nav .lightbox-next::before,
.lightbox-nav .lightbox-previous::before {
  content: '';
  display: block;
  position: absolute; top: 50%;
  margin-top: -16px;
  width: 32px; height: 32px;
  border-radius: 16px;
  background: #FFF;
  opacity: .2;
}
.lightbox-nav .lightbox-previous { left: 0; }
.lightbox-nav .lightbox-previous::before { left: 8px; }
.lightbox-nav .lightbox-previous::after {
  left: 12px;
  background-position: 0 -528px;
  opacity: .8;
}
.lightbox-nav .lightbox-previous:hover::after { opacity: 1; }
.lightbox-nav .lightbox-previous.lightbox-disabled::after { opacity: .2; }
.lightbox-nav .lightbox-next { right: 0; }
.lightbox-nav .lightbox-next::before { right: 8px; }
.lightbox-nav .lightbox-next::after {
  right: 12px;
  background-position: 0 -552px;
  opacity: .8;
}
.lightbox-nav .lightbox-next:hover::after { opacity: 1; }
.lightbox-nav .lightbox-next.lightbox-disabled::after { opacity: .2; }
.lightbox-nav .lightbox-disabled { cursor: default; }

.lightbox-thumb-play::after {
  content: '';
  display: block;
  position: absolute; top: 50%; left: 50%;
  margin: -22px 0 0 -22px;
  width: 44px; height: 44px;
  background: url(https://assets.zabbix.com/dist/images/sprite.395befd1b6375a45465c.png) no-repeat 0 -84px;
  background-image: none, url(https://assets.zabbix.com/dist/images/sprite.9647753b0a00b5ebb3b0.svg);
  background-size: 44px auto;
}
.lightbox-thumb-play:hover::after,
.lightbox-thumb-play:focus::after,
.lightbox-thumb-play:active::after {
  background-position: 0 -133px;
}

.lightbox-thumbs {
  position: relative;
  padding-top: 8px; padding-right: 48px; padding-left: 48px;
  overflow: hidden;
}
.lightbox-thumbs .lightbox-thumbs-prev,
.lightbox-thumbs .lightbox-thumbs-next {
  display: block;
  position: absolute; top: 0; bottom: 0;
  width: 48px;
  overflow: hidden;
  opacity: .6;
}
.lightbox-thumbs .lightbox-thumbs-prev::before,
.lightbox-thumbs .lightbox-thumbs-next::before {
  content: '';
  display: block;
  position: absolute; top: 50%; left: 50%;
  margin: -12px 0 0 -12px;
  width: 24px; height: 24px;
  background: url(https://assets.zabbix.com/dist/images/icons.2e252a5f9c3e55ed50b8.png) no-repeat 99px 99px;
  background-image: none, url(https://assets.zabbix.com/dist/images/icons.da9c6a3b4cf49e1f3cfb.svg);
}
.lightbox-thumbs .lightbox-thumbs:hover,
.lightbox-thumbs .lightbox-thumbs:hover {
  opacity: 1;
}
.lightbox-thumbs .lightbox-thumbs-prev.swiper-button-disabled,
.lightbox-thumbs .lightbox-thumbs-next.swiper-button-disabled {
  opacity: .1;
  cursor: default;
}
.lightbox-thumbs .lightbox-thumbs-prev { left: 0; }
.lightbox-thumbs .lightbox-thumbs-prev::before { background-position: 0 -744px; }
.lightbox-thumbs .lightbox-thumbs-next { right: 0; }
.lightbox-thumbs .lightbox-thumbs-next::before { background-position: 0 -768px; }
.lightbox-thumbs .swiper-container {
  margin-right: -6px; margin-left: -6px;
}
.lightbox-thumbs .swiper-slide {
  padding-right: 6px; padding-left: 6px;
  width: 172px; height: 90px;
  text-align: center;
  white-space: nowrap;
}
.lightbox-thumbs .swiper-slide img {
  max-width: 100%; max-height: 100%;
  vertical-align: middle;
  opacity: .6;
}
.lightbox-thumbs .swiper-slide a {
  display: block;
  position: relative;
  height: 90px;
}
.lightbox-thumbs .swiper-slide:hover img,
.lightbox-thumbs .swiper-slide.active img {
  opacity: 1;
}
.lightbox-thumbs .swiper-slide.active a::before {
  content: '';
  display: block;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  border: 1px solid #0275B8;
}

.lightbox-thumbs-static {
  padding-right: 0; padding-left: 0;
}
.lightbox-thumbs-static .lightbox-thumbs-prev,
.lightbox-thumbs-static .lightbox-thumbs-next {
  display: none;
}

.lightbox-thumbs-small .swiper-slide {
  width: 92px; height: 45px;
}
.lightbox-thumbs-small .swiper-slide a {
  height: 45px;
}

.lightbox-content {
  overflow: hidden;
}
.lightbox-content img,
.lightbox-content iframe {
  display: block;
  width: 100%;
}
.lightbox-content iframe { height: 100%; }

.lightbox-window {
  position: fixed; top: 50%; left: 50%; z-index: 100;
}

.lightbox-overlay {
  position: fixed; top: 0; left: 0; z-index: 100;
  width: 100%; height: 100%;
  background: #25282F; /*url('../img/spinner_lightbox.gif') no-repeat 50% 50%;*/
  background-size: 32px auto;
  opacity: .96;
}

.lightbox-image .lightbox-middle {
  padding: 16px;
  background: #FFF;
}
.lightbox-image .lightbox-content {
}
.lightbox-image .lightbox-nav .lightbox-next,
.lightbox-image .lightbox-nav .lightbox-previous {
  width: 50%;
}

.lightbox-hidden { display: none; }

/*
 * Mobile
 */
@media only screen and (max-width: 767px) {
  .lightbox-footer { display: none; }

  .lightbox-image .lightbox-middle { padding: 4px; }
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  /*-moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;*/
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");*/
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");*/
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");*/
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");*/
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  /*-webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;*/
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 12px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;

  /*-webkit-transition: border-color .3s;
     -moz-transition: border-color .3s;
       -o-transition: border-color .3s;
          transition: border-color .3s;*/
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #0689D4;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 0.4;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #0689D4;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%236c6c6c%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%270%200%20120%20120%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%3E%3Cdefs%3E%3Cline%20id%3D%27l%27%20x1%3D%2760%27%20x2%3D%2760%27%20y1%3D%277%27%20y2%3D%2727%27%20stroke%3D%27%23fff%27%20stroke-width%3D%2711%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2830%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2860%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%2890%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28120%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.27%27%20transform%3D%27rotate%28150%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.37%27%20transform%3D%27rotate%28180%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.46%27%20transform%3D%27rotate%28210%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.56%27%20transform%3D%27rotate%28240%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.66%27%20transform%3D%27rotate%28270%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.75%27%20transform%3D%27rotate%28300%2060%2C60%29%27%2F%3E%3Cuse%20xlink%3Ahref%3D%27%23l%27%20opacity%3D%27.85%27%20transform%3D%27rotate%28330%2060%2C60%29%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "GothamProMedium";
  src: url(https://assets.zabbix.com/dist/fonts/GothamProMedium.3a74645344b13b9a9e86.eot);
  src: url(https://assets.zabbix.com/dist/fonts/GothamProMedium.3a74645344b13b9a9e86.eot?#iefix)format("embedded-opentype"),
  url(https://assets.zabbix.com/dist/fonts/GothamProMedium.ce69a6397f0f01199c8e.woff) format("woff"),
  url(https://assets.zabbix.com/dist/fonts/GothamProMedium.a9012c00d0f2b41a0b13.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "GothamProRegular";
  src: url(https://assets.zabbix.com/dist/fonts/GothamProRegular.aa3126db1a25a9cec8f4.eot);
  src: url(https://assets.zabbix.com/dist/fonts/GothamProRegular.aa3126db1a25a9cec8f4.eot?#iefix)format("embedded-opentype"),
  url(https://assets.zabbix.com/dist/fonts/GothamProRegular.2363edf9f054579f3720.woff) format("woff"),
  url(https://assets.zabbix.com/dist/fonts/GothamProRegular.460892a76436eac7ff56.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
}

/* body {  background: #FFF; } */

@font-face {
  font-family: "GothamProLight";
  src: url(https://assets.zabbix.com/dist/fonts/GothamProLight.67dcc6c3498622fd4642.eot);
  src: url(https://assets.zabbix.com/dist/fonts/GothamProLight.67dcc6c3498622fd4642.eot?#iefix)format("embedded-opentype"),
  url(https://assets.zabbix.com/dist/fonts/GothamProLight.f44be092713bc803c628.woff) format("woff"),
  url(https://assets.zabbix.com/dist/fonts/GothamProLight.dfbba8c980f43420d2d1.ttf) format("truetype");
  font-style: normal;
  font-weight: normal;
}

.thinbanner {
		font-family: "GothamProLight", sans-serif;
}


@media only screen and (min-width: 768px) {

	body.subnav-active::after { 	opacity: .7; } /* opacity: .96; */

	.case-benefits .grid > .span33pct { margin: 8px; width: calc(33.33% - 16px); }

	a.downloads {  color: #D40000; 	}

	.nav-users { margin-top: 20px;	}

	.nav-users:first-child { 	margin-top: 0;	}
	  
	.nav-users a {
		display: block;
		padding: 75px 20px 4px;
		min-height: 120px;
		background: url(https://assets.zabbix.com/dist/images/nav_users.458f6b84cbb818d3d2df.jpg) no-repeat 50% 50%;
		background-size: cover;
		color: #FFF;
		font-size: 16px;
	}
	.nav-group dt {
 		font-size: 17px;
	}
	.nav-bar {	
		color: #6b6c6f; 
		background-color: #FFFFFF;
	}
	
	.grid-5 > .span  {width: 25%;}
	.grid-8 > .span  {width: 12.5%;}
	.grid-3 > .span  {width: 33.33%;}

	.nav-main .nav-anchor-hover {
		border-color: #D0021B;
  	}
	.banner-content .h1 {
		font-size: 50px;
		line-height: 1.167;
	}
	
	.logo-placeholder.zbx4banner {
		margin: 50px 0 0 auto;
		width: 80%;
	}
	.thinbannerbackground {
		background-position: center;
	}
		.thinbanner {
		font-size: 210%;
	}

	.training-courses .grid > .span {
		width: 25%;
	}
}

.events-list .event-location::after {
		 content: none;
	}

@media only screen and (max-width: 767px) {
	
	
	.logo-placeholder.zbx4banner {
		margin: 0 auto;
		width: 80%;
	}
	.thinbannerbackground {
		background-position: right;
	}
	
	.thinbanner {
		text-align: center;
		font-size: 200%;
	}
  .nav-users {    line-height: 20px;  }

  .nav-users {
    display: block;
    border-top: 1px solid #4f5157;
    font-size: 12px;
    line-height: 16px;
  }

  .nav-users {
    font-weight: 500; font-family: "GothamProMedium", sans-serif;
    text-transform: uppercase;
  }

  .nav-users a {
    display: block;
    padding: 6px 8px;
  }

  .nav-group dt {
    padding-top: 10px;
    padding-bottom: 10px;
  }
 .nav-group dt a.active {
    color: #04A0FB;
  }
  
  .rect > a, .nav-case a, .nav-group dt a {
    padding: 10px 8px;
  } 
  .button {
    white-space: normal;
  }

  .nav-group dt a:hover,
  .nav-group dt a:focus,
  .nav-group dt a:active,
  .nav-group ul li a:hover,
  .nav-group ul li a:focus,
  .nav-group ul li a:active
  {
    color: #04A0FB;
    text-decoration: none;
  }
  .mobile-center {
      text-align: center;
  }
}



@media only screen and (min-width: 960px) {
	
	.logo-placeholder.zbx4banner {
		width: 90%;
	}

	.thinbanner {
		font-size: 210%;
	}
	
}


@media only screen and (max-width: 960px) {
	
	.logo-placeholder {
		margin: 0 auto;
		width: 90%;
	}
	.banner-media {
		margin-top: 24px !important;
	}
	.banner-media img {
		display: unset;
	}
	
	.logo-placeholder.zbx4banner {
		margin: 50px 0 0 auto;
		width: 80%;
	}
	.thinbanner {
		font-size: 210%;
	}
}





@media only screen and (min-width: 1025px) {

	.thinbanner {
		font-size: 220%;
	}
	
}

@media only screen and (min-width: 1232px) {
	.thinbanner {
			font-size: 250%;
	}
	
}
 
.gallery-preview .gallery-image { background-color: transparent; }

.gray4 { background: #FAFAFA; }
.white { background: #FFF; }

hr {display: block;height: 1px;border: 0;border-top: 1px solid #B0BAC7;margin: 24px 0;padding: 0;} /* vit  border-top: 2px */

/* .field {
  background: #FFF;
} */

.conference-splash .solutions-network {
  margin-bottom: 56px;
  background: #fafafa ;
}

.card-customer .card-logo {
    height: 110px;
    line-height: 110px;
}
.card-event .card-text {
    font-size: 15px;
}


.radio-label .radio-title {
  line-height: 20px;
  font-size: 14px;
}
.card-customer .card-logo img { line-height: 1.333; }
.code-snippet {
	font-size: 15px;
}
.card {
  border: 1px solid #B0BAC7;
}
/*
.support-details::after,
.support-details::before {
  background: #fff;
}
*/

/*
body {
    background: #FAFAFA;
} 
*/

.logo {
    display: block;
    width: 138px;
    height: 36px;
    background: url(https://assets.zabbix.com/dist/images/logo.fd87efa6da9bed3fd8c9.svg) no-repeat 0 0;
    background-size: auto 36px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}




.enterprise-main {
    background: #21232B url(https://assets.zabbix.com/dist/images/enterprise-background_2.8b1b9f6646c7b0085c5d.jpg) no-repeat 50% 100%;
	background-size: cover;
}


/*
.banner-grid .banner-content {
	min-height: 100px;
}
*/
.swiper-slide .banner .banner-grid {
	min-height: 270px !important;
}
.banner {
	/* background-color: #0473b5; */
	padding: 0 16px 0 !important;
}

.banner > .w {
	    padding: 32px 16px 40px;
}


.conference_registration { 
  position: relative;
  padding: 56px 0 40px;
}

.conference_registration { 
background: #FFF; 
}
.conference_registration .section-more .button,
.conference_registration .section-more .spinner {
  position: relative; z-index: 1;
}


.conference_registration .section-more {
  position: absolute; right: 0; bottom: 0; left: 0;
  padding: 0 16px 56px;
}

.conference_registration .section-more::after {
  content: '';
  display: block;
  position: absolute; right: 0; bottom: 0; left: 0;
  height: 200px;
  background: url(https://assets.zabbix.com/dist/images/fff_gradient.2e2fa43e44a35ec89bcd.png) repeat-x 0 100%;
}
.conference_registration .section-more .button,
.conference_registration .section-more .spinner {
  position: relative; z-index: 1;
}
.card-event figure img {
    max-width: 160px;
	max-height:	inherit;
}

.card-sponsor-platinum h5 {
  background: #a0d8ef;
  color: #507f91;
}

.card-sponsor-media h5 {
  background: #8fbc8f;
  color: #5c7c5c;
}

@media only screen and (min-width: 200px) {

	.banner-media-conference {
	position: relative;
	width: 514px; max-width: 100%;
	}
	
	.banner-media-conference img {
		width: 100%;
		-webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .20);
				box-shadow: 0 2px 10px 2px rgba(0, 0, 0, .20);
	}

	.banner-media-conference span {
		position: absolute; top: 50%; right: 0; left: 0;
		margin-top: -9px;
		color: #FFF;
		text-align: center; text-transform: uppercase;
	}

	.banner-media-conference .play {
		display: block;
		position: relative;
		padding: 0;
		min-height: 0;
	}

	.banner-media-conference .play span {
		display: block;
		margin-top: -74px;
		height: auto;
	}

	.banner-media-conference .play span::before {
		position: static;
		margin: 0 auto 30px;
		width: 100px; height: 100px;
		background-position: 0 -192px;
		transform: scale(0.5);
	}

	.banner-media-conference a.play:hover span::before,
	.banner-media-conference a.play:focus span::before,
	.banner-media-conference a.play:active span::before {
		background-position: 0 -304px;
	}
}


.card-course .card-footer {
    padding: 12px;
}
.card-course .button {
    min-width: 0;
}
.card-text p, .card-details p {
	font-size: 15px;
}

.training-courses .grid {
    max-width: 100%;
}
.training-courses .grid > .span {
    padding-top: 24px;
	padding-left: 0px;
	padding-right: 12px;
}

.banner-integrations {
  background-image: url(https://assets.zabbix.com/dist/images/background_v5_02_02.80eddbf5908dd4eb540f.jpg);
  /* background-image: url('../img/4.0/background_v5_02_02.jpg'); */
  background-color: #0275b8; 
  color: #FFF; 
  min-height: 240px;
  background-position: center top;
}

.filter-group {
    z-index: 100;
}

/* layout/base.html */
@media only screen and (min-width: 768px){
.footer-contacts .footer-phone, .footer-contacts .footer-contact {
    width: 20%;
}
}
.footer-phone dd {
    font-size: 20px;
}

.lightbox-image .lightbox-nav .lightbox-next, .lightbox-image .lightbox-nav .lightbox-previous {
    width: 25%;
}


.agenda-pdf {
	float: left !important; 
	padding-left: 0px; 
	padding-top: 0px; 
	padding-right: 8px; 
	margin-bottom: 0px !important;
}
.agenda-video {
	float: right !important; 
	padding-left: 0px; 
	padding-top: 0px; 
	margin-bottom: 0px !important;
}

.section-agenda .table p {
	font-size: 13px;
}
		
@media only screen and (min-width: 768px) {
	.grid-5 > .span {     width: 20%; }
}

button.submit_contact_form:disabled {
  opacity: 0.2;
  background-color: #17C25E !important;
}

.nav-group dt {
    text-transform: none;
}

.lightbox-image .lightbox-nav .lightbox-next, .lightbox-image .lightbox-nav .lightbox-previous {
    width: 30%;
}
.lightbox-image .lightbox-middle {
    padding: 1px;
}

.tabs {
  	text-transform: capitalize;
}

.tabs a:after {
  height: 3px;
  bottom: -3px;
}
.tabs::after {
    height: 3px;
}

.training-schedule .filter-inline { display: block; }

/* #up {  left: 32px; } */


@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header-language ~ .header-nav .nav-bar {
    top: 16px;
}
}

@media only screen and (max-width: 767px) {
.header-language ~ .header-nav {
    top: 56px; /* 118px; */
    height: calc(100vh - 118px);  /* calc(100vh - 118px); */
	
}
}
.card-sponsor-bronze h5 {
    background: #C77805;
    color: #8B572A;
}
.card-partner .card-logo img {
    max-height: 70px;
}
.roadmap-status {  
	color: #fff;
    padding: 1px 2px;
    border-radius: 2px;
  	white-space: nowrap;
}
.roadmap-status-planned {   background-color: #607D8B; }
.roadmap-status-design {	background-color: #FBC02D; }
.roadmap-status-dev {		background-color: #EF6C00; }
.roadmap-status-ready {		background-color: #4CAF50; }
.roadmap-status-new {		background-color: #D40000; }
/*.roadmap-feature-new {
    border-right: 4px solid #D0021B;
} */
@media only screen and (min-width: 768px) {
.timeline .timeline-date {
    width: 80px;
  }
}

h1,h2,h3,h4,h5,h6{position:relative}h1:hover a.clickable-anchor,h2:hover a.clickable-anchor,h3:hover a.clickable-anchor,h4:hover a.clickable-anchor,h5:hover a.clickable-anchor,h6:hover a.clickable-anchor{display:block;position:absolute;margin:0;padding:0;left:-20px;width:100%;height:100%;background-repeat:no-repeat;background-position:0 50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAEJGlDQ1BJQ0MgUHJvZmlsZQAAOBGFVd9v21QUPolvUqQWPyBYR4eKxa9VU1u5GxqtxgZJk6XtShal6dgqJOQ6N4mpGwfb6baqT3uBNwb8AUDZAw9IPCENBmJ72fbAtElThyqqSUh76MQPISbtBVXhu3ZiJ1PEXPX6yznfOec7517bRD1fabWaGVWIlquunc8klZOnFpSeTYrSs9RLA9Sr6U4tkcvNEi7BFffO6+EdigjL7ZHu/k72I796i9zRiSJPwG4VHX0Z+AxRzNRrtksUvwf7+Gm3BtzzHPDTNgQCqwKXfZwSeNHHJz1OIT8JjtAq6xWtCLwGPLzYZi+3YV8DGMiT4VVuG7oiZpGzrZJhcs/hL49xtzH/Dy6bdfTsXYNY+5yluWO4D4neK/ZUvok/17X0HPBLsF+vuUlhfwX4j/rSfAJ4H1H0qZJ9dN7nR19frRTeBt4Fe9FwpwtN+2p1MXscGLHR9SXrmMgjONd1ZxKzpBeA71b4tNhj6JGoyFNp4GHgwUp9qplfmnFW5oTdy7NamcwCI49kv6fN5IAHgD+0rbyoBc3SOjczohbyS1drbq6pQdqumllRC/0ymTtej8gpbbuVwpQfyw66dqEZyxZKxtHpJn+tZnpnEdrYBbueF9qQn93S7HQGGHnYP7w6L+YGHNtd1FJitqPAR+hERCNOFi1i1alKO6RQnjKUxL1GNjwlMsiEhcPLYTEiT9ISbN15OY/jx4SMshe9LaJRpTvHr3C/ybFYP1PZAfwfYrPsMBtnE6SwN9ib7AhLwTrBDgUKcm06FSrTfSj187xPdVQWOk5Q8vxAfSiIUc7Z7xr6zY/+hpqwSyv0I0/QMTRb7RMgBxNodTfSPqdraz/sDjzKBrv4zu2+a2t0/HHzjd2Lbcc2sG7GtsL42K+xLfxtUgI7YHqKlqHK8HbCCXgjHT1cAdMlDetv4FnQ2lLasaOl6vmB0CMmwT/IPszSueHQqv6i/qluqF+oF9TfO2qEGTumJH0qfSv9KH0nfS/9TIp0Wboi/SRdlb6RLgU5u++9nyXYe69fYRPdil1o1WufNSdTTsp75BfllPy8/LI8G7AUuV8ek6fkvfDsCfbNDP0dvRh0CrNqTbV7LfEEGDQPJQadBtfGVMWEq3QWWdufk6ZSNsjG2PQjp3ZcnOWWing6noonSInvi0/Ex+IzAreevPhe+CawpgP1/pMTMDo64G0sTCXIM+KdOnFWRfQKdJvQzV1+Bt8OokmrdtY2yhVX2a+qrykJfMq4Ml3VR4cVzTQVz+UoNne4vcKLoyS+gyKO6EHe+75Fdt0Mbe5bRIf/wjvrVmhbqBN97RD1vxrahvBOfOYzoosH9bq94uejSOQGkVM6sN/7HelL4t10t9F4gPdVzydEOx83Gv+uNxo7XyL/FtFl8z9ZAHF4bBsrEwAAAAlwSFlzAABcRgAAXEYBFJRDQQAAAvtJREFUOBFlUk1LG1EUvTOZwSQWTZoitlQ3Gj8g3bhR2grJQsQiGr8tCK5cCAWhCzcujAtBF0IXhf6AhIofBFGyUNRYbDcK2kotUiWoIChqDITUxJnk9dypEaUX3sybuffde855R+ro6DCdn59LMj90Xdeoq6vrhxCCpLq6OqFpGhFq+I/wuD3C5/PJxGneuN1ucXBwIKipqam8paXFxQleSllZ2a/e3l6ZiCQskvf3993Hx8e0urqqo9JtlLW2tj4/OjoSGCCkxsZGpyzLv2tqajJLS0uyzWbzqKq6Pj09nTZaIGm5vr4mTJWTyaQYGBgIz8zM9Dc3Nz/zeDyK0ZL5MALEu4WFBb2goEBgtsAoId0mOEmdnZ0m8H2dyWTWMIbA9JVR0N7e/llCoPVbo/LeQ2pra4sChzU3N1dKJBI6wOXeyxPV19djihBMa3R09Kanp+d9Q0NDDo/mpeTl5SUHBwdNZ2dnajqdVr1er21+fr4fXT5wJwNDd3f3ucvlerK3t5cxmUxySUmJtru7ezM1NfXoAYuxsTGxs7NDRUVFdHp6mgKmORb9Lra/b19VVlZq4+PjlEqlCMT0Bx24EqIlLi4urA6HIzY7O2s3CgDspaIoIcy3IUn5+fmE7z8Q7U0wGPzCAmbv5m7c7UaGTgGz2fwNDC1DQ0O0srJCgUCAqqurVThtDQSjyD3l+pGRkQeQ+Z8MnArrhSIJsOjk5ISgCG1sbKg4kIZL7EDh5eLh4eEMvxkRvzkMCmw03G3o8vLSWlVVpbFzANkUiUSouLhY9PX1SZubmxQKhaiwsPACrmqdm5tbZzcZDXgTDod1thj4d/r9fh3LYbfbfZOTk3R4eChKS0slWJ2Wl5c1RodcEkpXG5z4MMPB9FOI+AmUPi4uLsYnJiaoorxCgzYSvEQsMOyi1tbWZqLRqNlisfj/uyZulFU9Sw3FVqfTeQMUytbWlhaPx3MQV6DyDwEfuh/ZK4vFYl/ZvfDjC0wPQoefgB2E8BWw/mMgiPwFVDCnFWaQyf0AAAAASUVORK5CYII=)}.field:focus{background-color:#fff}.autocomplete-suggestions{border:1px solid #999;background:#fff;overflow:auto}.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden}.autocomplete-selected{background:#f0f0f0}.autocomplete-suggestions strong{font-weight:normal;color:#39f}.autocomplete-group{padding:2px 5px}.autocomplete-group strong{display:block;border-bottom:1px solid #000}.summit-container{margin:10px auto;padding:0 15px;max-width:1800px;font-size:1rem}.summit-container .help-icon{display:inline-block;width:20px;height:20px}.summit-container h1{font-size:2em}.summit-container .summit-theatre-container{color:#2a3e53;width:100%;display:flex;justify-content:space-between}@media(max-width: 1200px){.summit-container .summit-theatre-container{flex-direction:column}}.summit-container .summit-theatre-container .summit-theatre{flex-grow:1}.summit-container .summit-theatre-container .summit-theatre .summit-agenda{display:flex}@media(max-width: 1200px){.summit-container .summit-theatre-container .summit-theatre .summit-agenda{flex-direction:column}}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-title{writing-mode:sideways-lr;background-color:#e8edf1;padding:10px;text-align:center}@media(max-width: 1200px){.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-title{writing-mode:lr}}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card{background-color:#e8edf1;display:flex;margin-left:15px;padding:15px;flex-basis:30%;flex-shrink:0;flex-grow:1}@media(max-width: 1200px){.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card{margin-left:0;margin-top:10px}}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .agenda-card-speaker{flex-basis:150px;flex-shrink:0}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .agenda-card-speaker .speaker-avatar{width:100px;margin:0 auto}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .agenda-card-speaker .speaker-avatar img{width:100%;height:100%;padding:10px;object-fit:cover;border-radius:50%}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .agenda-card-speaker .speaker-name{text-align:center;font-weight:bold;white-space:nowrap;font-size:.9em}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .agenda-card-speaker .speaker-title{font-size:.8em;text-align:center}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .card-description .description-time{display:inline-block;font-size:.9rem;padding:3px 10px;color:#fff;background-color:#2a3e53}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .card-description .description-time.current{background-color:#d40000}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .card-description .description-text{padding-top:10px;font-size:1.3em}.summit-container .summit-theatre-container .summit-theatre .summit-agenda .agenda-card .card-description .description-text.current{font-weight:bold}.summit-container .summit-theatre-container .summit-theatre .summit-agenda-link{text-align:right;padding-top:5px;padding-bottom:8px}.summit-container .summit-theatre-container .summit-theatre .summit-agenda-link a{color:#d40000;font-size:.9em;font-weight:bold}.summit-container .summit-theatre-container .summit-theatre .summit-video{position:relative;width:auto;height:800px}.summit-container .summit-theatre-container .summit-theatre .summit-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.summit-container .summit-theatre-container .communication{display:flex;flex-basis:310px;color:#2a3e53;flex-direction:column;margin-left:30px;row-gap:10px}@media(max-width: 1200px){.summit-container .summit-theatre-container .communication{margin-top:20px;margin-left:0;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly}}.summit-container .summit-theatre-container .communication .zabbix{width:100%;background-color:#e8edf1}@media(max-width: 1200px){.summit-container .summit-theatre-container .communication .zabbix{padding-left:0}}.summit-container .summit-theatre-container .communication .zabbix .zabbix-room-separator{border:1px solid #fff;width:calc(100% - 30px);margin:0}@media(max-width: 1200px){.summit-container .summit-theatre-container .communication .zabbix .zabbix-room-separator{display:none}}@media(max-width: 768px){.summit-container .summit-theatre-container .communication .zabbix .zabbix-room-separator{display:block}}.summit-container .summit-theatre-container .communication .zabbix .zabbix-room-header{color:#000;font-size:2em;text-align:center}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}@media(max-width: 1200px){.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms{flex-direction:row}}@media(max-width: 768px){.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms{flex-direction:column}}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room{display:flex;flex-grow:1;color:#2a3e53;text-decoration:none;padding:16px 0;align-items:center;width:100%;justify-content:space-evenly}@media(max-width: 1200px){.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room{width:31%;margin-left:24px}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room:not(:last-child){border-right:1px solid #fff}}@media(max-width: 768px){.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room{margin-top:20px;margin-left:0;width:100%}}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room .zabbix-room-stats .room-name{font-size:1.2em;font-weight:bold}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room .zabbix-room-stats .room-time{margin-bottom:5px}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room .zabbix-room-stats .room-time svg{vertical-align:middle}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room .zabbix-room-stats .room-visitors{margin-bottom:5px}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room .zabbix-room-stats .room-visitors svg{vertical-align:middle}.summit-container .summit-theatre-container .communication .zabbix .zabbix-rooms .zabbix-room .zabbix-room-stats .room-link{display:inline-block;padding:4px 10px;background-color:#d40000;color:#fff}.summit-container .summit-theatre-container .communication .qna{display:flex;color:#2a3e53;text-decoration:none;background-color:#e8edf1;padding:30px;width:100%;align-items:center;justify-content:space-around}@media(max-width: 1200px){.summit-container .summit-theatre-container .communication .qna{width:30%}}@media(max-width: 768px){.summit-container .summit-theatre-container .communication .qna{width:100%}}.summit-container .summit-theatre-container .communication .qna .qna-logo{width:100px}.summit-container .summit-theatre-container .communication .qna .qna-title{font-weight:bold}.summit-container .summit-theatre-container .communication .qna .qna-link{display:inline-block;background-color:#d40000;color:#fff;padding:4px 15px;margin-top:15px;white-space:nowrap}.summit-container .summit-theatre-container .communication .community-room{display:flex;flex-direction:column;background-color:#e8edf1;text-decoration:none;color:#2a3e53;width:100%}@media(max-width: 1200px){.summit-container .summit-theatre-container .communication .community-room{margin-right:0;width:69%}}@media(max-width: 768px){.summit-container .summit-theatre-container .communication .community-room{margin-left:0;width:100%}}.summit-container .summit-theatre-container .communication .community-room .community-room-header{display:flex;padding-top:20px}.summit-container .summit-theatre-container .communication .community-room .community-room-header .community-logo-telegram{width:80px;margin:0 20px}.summit-container .summit-theatre-container .communication .community-room .community-room-header .community-chat .chat-header{font-size:1.3em;font-weight:bold}.summit-container .summit-theatre-container .communication .community-room .community-room-header .community-chat .chat-link{display:inline-block;padding:4px 10px;background-color:#51a5e2;color:#fff}.summit-container .summit-theatre-container .communication .community-room .community-room-quote{display:flex;padding:15px;align-items:center}.summit-container .summit-theatre-container .communication .community-room .community-room-quote svg{flex-basis:60px;flex-shrink:0}.summit-container .summit-sponsors{display:flex;flex-basis:400px;flex-shrink:0;background-color:#e8edf1;margin-top:40px}@media(max-width: 1200px){.summit-container .summit-sponsors{flex-direction:column;align-items:center;margin-top:10px}}.summit-container .summit-sponsors .summit-sponsors-title{display:flex;font-size:2em}@media(max-width: 1200px){.summit-container .summit-sponsors .summit-sponsors-title{flex-direction:column;align-items:center;text-align:center}}@media(max-width: 1200px){.summit-container .summit-sponsors .summit-sponsors-title{flex-direction:row}}.summit-container .summit-sponsors .summit-sponsors-title .summit-sponsors-title-img{margin-left:30px;margin-right:30px}.summit-container .summit-sponsors .summit-sponsors-title .summit-sponsors-title-text{font-size:.9em}.summit-container .summit-sponsors .summit-sponsor-cards{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.summit-container .summit-sponsors .summit-sponsor-cards .summit-sponsor-card{color:#2a3e53;text-decoration:none;margin:10px}@media(max-width: 768px){.summit-container .summit-sponsors .summit-sponsor-cards .summit-sponsor-card{width:100%}}.summit-container .summit-sponsors .summit-sponsor-cards .summit-sponsor-card .summit-sponsor-logo{background-color:#fff;width:170px;height:75px;margin-bottom:5px}@media(max-width: 768px){.summit-container .summit-sponsors .summit-sponsor-cards .summit-sponsor-card .summit-sponsor-logo{width:100%}}.summit-container .summit-sponsors .summit-sponsor-cards .summit-sponsor-card .summit-sponsor-logo img{width:100%;height:100%;padding:10px;object-fit:contain}.summit-container .summit-sponsors .summit-sponsor-cards .summit-sponsor-card .summit-sponsor-time{vertical-align:top}.summit-container .summit-sponsors .summit-sponsor-cards .summit-sponsor-card .summit-sponsor-link{margin-top:5px;display:inline-block;padding:4px 10px;background-color:#d40000;color:#fff}.training-participant-course{display:flex;justify-content:space-between;align-items:flex-start;min-height:43px}.training-participant-course select{align-self:center}.training-participant-course .hint{margin-left:24px}.training-participant-course .hint.alert{color:red}.participant-header{border-bottom:1px solid #b0bac7;font-size:1.3em}.course-block-courses{padding-left:10px}.course-block-header{margin-top:15px;font-weight:bold;margin-bottom:5px}.training-participant-date-warning{color:red;align-self:center}.training-schedule-row{display:grid;grid-template-columns:1fr 2fr 1fr 1.3fr .7fr;grid-column-gap:8px;border-top:2px solid #b0bac7}@media(max-width: 960px){.training-schedule-row{grid-template-columns:1fr 2fr 1fr}}.training-schedule-row .training-schedule-dates{display:flex;flex-direction:column;justify-content:space-around}.training-schedule-row .training-schedule-dates .training-schedule-dates-separator{height:1px;border-top:1px solid #b0bac7}.training-schedule-row .training-schedule-courses{display:flex;flex-direction:column;justify-content:space-around}.training-schedule-row .training-schedule-courses .training-schedule-courses-course{margin:15px 0}.training-schedule-row .training-schedule-place{align-self:center}@media(max-width: 960px){.training-schedule-row .training-schedule-place{display:none}}.training-schedule-row .training-schedule-trainer{align-self:center}@media(max-width: 960px){.training-schedule-row .training-schedule-trainer{display:none}}.training-schedule-row .training-schedule-actions{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.training-schedule-row .training-schedule-actions .training-schedule-actions-booked{color:red;font-size:12px}.recorded-webinars-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:-8px}@media(max-width: 786px){.recorded-webinars-container{margin:0}}.recorded-webinars-container .rwc{margin:8px;background-color:#fff;position:relative;border:1px solid #d2d8df;flex-basis:284px;max-width:284px;flex-grow:1}@media(max-width: 786px){.recorded-webinars-container .rwc{flex-basis:100%;max-width:100%;margin:0 0 10px 0}}.recorded-webinars-container .rwc .rwc-time{position:absolute;left:10px;top:10px;background-color:#fff;padding:0 3px;font-size:14px}.recorded-webinars-container .rwc .rwc-title{padding:10px;font-weight:bold;min-height:92px}@media(max-width: 786px){.recorded-webinars-container .rwc .rwc-title{min-height:55px}}.recorded-webinars-container .rwc .rwc-footer{margin:10px 10px 5px 10px;display:flex;justify-content:space-between;align-items:center}.recorded-webinars-container .rwc .rwc-footer .rwc-footer-speaker{display:flex;align-items:center}.recorded-webinars-container .rwc .rwc-footer .rwc-footer-speaker .rwc-footer-speaker-avatar{height:40px;border-radius:50%;object-fit:cover;margin-right:5px}.recorded-webinars-container .rwc .rwc-footer .rwc-footer-speaker .rwc-footer-speaker-name{font-size:.9rem}.recorded-webinars-container .rwc .rwc-footer .rwc-footer-button{flex-shrink:0;margin-left:5px;padding-right:10px;padding-left:10px}.features-solutions{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;column-gap:15px;row-gap:15px;grid-auto-rows:1fr}@media(max-width: 768px){.features-solutions{grid-template-columns:1fr 1fr}}.features-solutions .features-solution{display:flex;flex-direction:column;font-size:16px;min-height:67px;justify-content:center;border:0}.features-solutions .features-solution:hover{color:#d0021b}
.cloud-card-icon-inactive[data-v-56ae6ee4]{filter:grayscale(1);opacity:60%}.card-vendor-selected[data-v-56ae6ee4]{border:2px solid #0275b8}