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, 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, 0.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%; }

.container_template { margin-top: 5pt; display: flex; flex-wrap: wrap; }

.template { border-width: 1px; border-radius: 5px; border-style: solid; margin: 3pt; padding: 5pt; display: flex; }

.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, 0.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, 0.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, 0.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, 0.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::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, 0.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, 0.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, 0.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, 0.2); color: #FFF; }

.banner.dark .button-transparent:hover, .banner.dark .button-transparent:focus, .banner.dark .button-transparent:active { background-color: rgba(216, 216, 216, 0.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, 0.5); box-shadow: 0 2px 10px rgba(0, 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, 0.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, 0.2); color: #FFF; }

.training-feedback .button-transparent:active { background-color: rgba(216, 216, 216, 0.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, 0.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, 0.4); color: #FFF; }

.manual-latest .button-transparent:active { background-color: rgba(216, 216, 216, 0.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, 0.2); color: #FFF; }

.conference-header .button-transparent:hover, .conference-header .button-transparent:focus { background-color: rgba(216, 216, 216, 0.4); color: #FFF; }

.conference-header .button-transparent:active { background-color: rgba(216, 216, 216, 0.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, 0.9); color: #FFF; font-size: 16px; line-height: 42px; text-align: center; overflow: hidden; }

.event-gallery a:hover .gallery-count { background: #0275b8; }

.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, 0.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, 0.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, 0.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, 0.15); box-shadow: 0 1px rgba(35, 38, 45, 0.15); }

#header .action.i-menu::before { opacity: 1; }

#header .header-search { -webkit-box-shadow: 0 1px rgba(35, 38, 45, 0.15); box-shadow: 0 1px rgba(35, 38, 45, 0.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, 0.6); color: #FFF; }

#footer .button-transparent:active { background-color: rgba(124, 126, 131, 0.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, 0.96); color: #FFF; -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 8px rgba(0, 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, 0.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, 0.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, 0.2); box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2); } .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 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.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 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.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, 0.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-gray { background-color: #3c3d3c; }

.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, 0.2); color: #FFF; }

.button-white:active { background-color: rgba(216, 216, 216, 0.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, 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, 0.1); -webkit-box-shadow: 0 0 0 8px rgba(87, 84, 84, 0.1); box-shadow: 0 0 0 8px rgba(87, 84, 84, 0.1); }

.checkbox.readonly i, .checkbox input:disabled + i { opacity: 0.6; }

.checkbox input.invalid + i::before { border-color: #D0021B; }

.checkbox input.invalid:focus + i { -webkit-box-shadow: 0 0 0 8px rgba(208, 2, 27, 0.1); box-shadow: 0 0 0 8px rgba(208, 2, 27, 0.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-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, 0.3); }

.field:focus { border-color: #0275B8; background-color: rgba(232, 236, 241, 0.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.invalid[type="text"] { 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 0.3s cubic-bezier(0.35, 0, 0.25, 1); -moz-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: all 0.3s cubic-bezier(0.35, 0, 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, 0.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, 0.96); color: #FFF; font-size: 12px; line-height: 1.5; -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 8px rgba(0, 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, 0.24); box-shadow: 0 0 6px rgba(0, 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 0.3s cubic-bezier(0.35, 0, 0.25, 1); -moz-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: all 0.3s cubic-bezier(0.35, 0, 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 0.3s cubic-bezier(0.35, 0, 0.25, 1); -moz-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); transition: all 0.3s cubic-bezier(0.35, 0, 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, 0.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, 0.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, 0.96); color: #FFF; -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 8px rgba(0, 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, 0.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, 0.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-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, 0.2); box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2); } .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: space-evenly; margin: -14px; }

@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; }

table { width: 100%; border: none; margin-bottom: 20px; }

table thead th { font-weight: bold; text-align: left; border: none; padding: 10px 15px; background: #d8d8d8; font-size: 14px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

table tbody td { text-align: left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 15px; font-size: 14px; vertical-align: top; }

table thead tr th:first-child, .table tbody tr td:first-child { border-left: none; }

table thead tr th:last-child, .table tbody tr td:last-child { border-right: none; }

table tbody tr:nth-child(even) { background: #f3f3f3; }

/*# sourceMappingURL=styles.css.map */