/*!
Theme Name: P2H New Blog
Author: Anonymous
Author URI:
Version: 1
Description: P2H New Blog theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: p2hblognew
Tags: one-column, two-columns
Theme URI:
*//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-family: icomoon;
    src: url(fonts/icomoon.woff?4jbcrv) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrow-down:before {
    content: "\e910"
}

.icon-arrow-up:before {
    content: "\e911"
}

.icon-arrow-left:before {
    content: "\e912"
}

.icon-arrow-right:before {
    content: "\e913"
}

.icon-footer-location:before {
    content: "\e90f"
}

.icon-chevron-down:before {
    content: "\e900"
}

.icon-chevron-up:before {
    content: "\e90d"
}

.icon-chevron-left:before {
    content: "\e902"
}

.icon-chevron-right:before {
    content: "\e903"
}

.icon-facebook:before {
    content: "\e904"
}

.icon-twitter:before {
    content: "\e906"
}

.icon-linkedin:before {
    content: "\e907"
}

.icon-rss:before {
    content: "\e90e"
}

.icon-link:before {
    content: "\e909"
}

.icon-mail:before {
    content: "\e908"
}

.icon-clock:before {
    content: "\e90c"
}

.icon-check:before {
    content: "\e90a"
}

.icon-quotes:before {
    content: "\e90b"
}

.icon-comments:before {
    content: "\e905"
}

.icon-location_pin:before {
    content: "\e901"
}

.icon-phone:before {
    content: "\e942"
}

@font-face {
    font-family: Charter;
    src: url(fonts/charter_regular-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Charter;
    src: url(fonts/charter_italic-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Charter;
    src: url(fonts/charter_bold-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Charter;
    src: url(fonts/charter_bold_italic-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-light-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-lightit-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-regular-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-regularit-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-medium-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-mediumit-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-semibold-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-semiboldit-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-bold-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova;
    src: url(fonts/proximanova-boldit-webfont.woff) format("woff");
    font-display: swap;
    font-weight: 700;
    font-style: italic
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#nav ul,
.breadcrumbs ul,
.contacts,
.post-info,
.social-networks ul,
.sub-nav ul,
.tags-list {
    margin: 0;
    padding: 0;
    list-style: none
}

dl:after {
    content: "";
    display: block;
    clear: both
}

address, applet, blockquote, dl, embed, form, frameset, h1, h2, h3, h4, h5, h6, iframe, object, ol, p, table, ul {
    margin: 0 0 1em
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

blockquote {
    border-left: 5px solid #4d67e6;
    padding-left: 20px;
    margin-left: 0
}

table {
    border-collapse: collapse
}

td, th {
    border: 1px solid #ccc;
    padding: .5em;
    text-align: left;
    vertical-align: top
}

th {
    text-align: center;
    vertical-align: middle
}

ul {
    list-style-type: disc
}

dl dt {
    float: left;
    clear: left;
    padding-right: .3em;
    font-weight: 700
}

dl dd {
    overflow: hidden
}

pre {
    display: block
}

.form-group {
    margin-bottom: 22px
}

label {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 0 13px;
    font: 700 16px/1.25 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #505050
}

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], textarea {
    transition: border-color .25s cubic-bezier(.3, .86, .36, .95), box-shadow .25s cubic-bezier(.3, .86, .36, .95), background-color .25s cubic-bezier(.3, .86, .36, .95);
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 2px;
    display: block;
    width: 100%;
    border: 1px solid #e5e7e7;
    background-color: #fff;
    padding: 10px 12px;
    height: auto;
    font: 300 16px/20px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #505050;
    box-shadow: 0 1px 0 0 #b1b1b0;
    margin: 0 0 22px
}

.form-group > input[type=email], .form-group > input[type=password], .form-group > input[type=search], .form-group > input[type=tel], .form-group > input[type=text], .form-group > textarea {
    margin-bottom: 0
}

input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
    border-color: #b1b1b0;
    box-shadow: 0 0 0 0 #b1b1b0
}

.error input[type=email], .error input[type=password], .error input[type=search], .error input[type=tel], .error input[type=text], .error textarea {
    border-color: #de574b !important;
    box-shadow: 0 0 2px 0 #de574b !important
}

input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
    color: #999
}

input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, textarea::placeholder {
    color: #999
}

textarea {
    resize: vertical;
    vertical-align: top;
    height: 90px;
    min-height: 90px
}

select {
    transition: border-color .25s cubic-bezier(.3, .86, .36, .95), box-shadow .25s cubic-bezier(.3, .86, .36, .95), background-color .25s cubic-bezier(.3, .86, .36, .95);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    display: block;
    width: 100%;
    border: 1px solid #e5e7e7;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='1024' height='1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1016.001 302.371c0 26.761-8.92 44.602-26.761 62.443L578.903 784.071c-17.841 17.841-44.602 26.761-62.443 26.761s-44.602-8.92-62.443-26.761L34.76 364.814c-35.682-35.682-35.682-89.203 0-124.885s89.203-35.682 124.885 0l347.894 356.814 347.894-356.814c35.682-35.682 89.203-35.682 124.885 0 26.761 17.841 35.682 44.602 35.682 62.443z' fill='%23262626'/%3E%3C/svg%3E") no-repeat right 15px center;
    background-size: 11px 11px;
    padding: 10px 40px 10px 12px;
    font: 300 16px/20px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #505050;
    box-shadow: 0 1px 0 0 #b1b1b0
}

select::-ms-expand {
    display: none
}

select[multiple] {
    background: #fff
}

select:focus {
    border-color: #b1b1b0;
    box-shadow: 0 0 0 0 #b1b1b0
}

button {
    cursor: pointer
}

button[type=reset], button[type=submit], form button[type=button], form input[type=button], input[type=reset], input[type=submit] {
    transition: border-color .25s cubic-bezier(.3, .86, .36, .95), box-shadow .25s cubic-bezier(.3, .86, .36, .95), background .25s cubic-bezier(.3, .86, .36, .95), opacity .25s cubic-bezier(.3, .86, .36, .95), color .25s cubic-bezier(.3, .86, .36, .95);
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    border: 1px solid transparent;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .69);
    color: #fff;
    background: linear-gradient(180deg, #0096f4 1%, #0086da);
    font: 700 11px/14px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 19px;
    cursor: pointer
}

button[type=reset]:hover, button[type=submit]:hover, form button[type=button]:hover, form input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    background: linear-gradient(180deg, #0086da 1%, #0086da);
    text-decoration: none
}

.widget {
    margin-bottom: 20px
}

.widget ul {
    padding-left: 19px
}

.widget select {
    min-width: 150px
}

.comment-form label {
    display: block;
    padding-bottom: 4px
}

.comment-form textarea {
    overflow: auto;
    margin: 0
}

.comment-form input[type=text], .comment-form textarea {
    margin: 0 4px 0 0;
    width: 100%
}

.comment-form input[type=submit] {
    display: block;
    float: none
}

.post-password-form label {
    display: block;
    margin-bottom: 4px
}

.search-form {
    margin-bottom: 15px
}

.commentlist {
    margin: 0 0 20px
}

.commentlist .edit-link {
    margin: 0
}

.commentlist .avatar-holder {
    float: left;
    margin: 0 20px 4px 0
}

.commentlist-item .commentlist-item {
    padding: 0
}

.comment, .commentlist-holder {
    overflow: hidden
}

.commentlist-item + .commentlist-item, .commentlist-item .commentlist-item {
    padding-top: 20px
}

.widget_calendar #prev {
    text-align: left
}

.widget_calendar #next {
    text-align: right
}

.gallery-item dt {
    float: none;
    padding: 0
}

.nav-links, .navigation-comments {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.navigation, .navigation-comments {
    position: relative;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 18px;
    font: 500 15px/24px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.navigation-comments .screen-reader-text, .navigation .screen-reader-text {
    position: absolute;
    left: -99999px
}

.navigation-comments .page-numbers, .navigation .page-numbers {
    transition: color .25s cubic-bezier(.3, .86, .36, .95), background .25s cubic-bezier(.3, .86, .36, .95), border-color .25s cubic-bezier(.3, .86, .36, .95);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e6e7ec;
    background: #e6e7ec;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    color: #000;
    margin: 10px 4px
}

.navigation-comments .page-numbers:hover, .navigation .page-numbers:hover {
    border-color: #4d67e6;
    background: #4d67e6;
    color: #fff
}

.navigation-comments .page-numbers.dots, .navigation .page-numbers.dots {
    border-color: transparent;
    background: none;
    pointer-events: none
}

.navigation-comments .page-numbers.current, .navigation .page-numbers.current {
    border-color: #4d67e6;
    background: #4d67e6;
    color: #fff
}

.navigation-comments .next, .navigation-comments .prev, .navigation .next, .navigation .prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e6e7ec;
    background: #fff;
    text-indent: -99999px;
    overflow: hidden;
    color: #4d67e6;
    padding: 5px;
    position: relative;
    margin-left: 20px
}

.navigation-comments .next.disabled, .navigation-comments .prev.disabled, .navigation .next.disabled, .navigation .prev.disabled {
    pointer-events: none
}

.navigation-comments .next.disabled:after, .navigation-comments .prev.disabled:after, .navigation .next.disabled:after, .navigation .prev.disabled:after {
    border-color: #e6e7ec
}

.navigation-comments .next:after, .navigation-comments .prev:after, .navigation .next:after, .navigation .prev:after {
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border: solid #4d67e6;
    border-width: 2px 2px 0 0;
    margin: 0 2px 0 -2px
}

.navigation-comments .next:hover, .navigation-comments .prev:hover, .navigation .next:hover, .navigation .prev:hover {
    background: transparent
}

.navigation-comments .prev, .navigation .prev {
    margin-left: 4px;
    margin-right: 20px
}

.navigation-comments .prev:after, .navigation .prev:after {
    border-width: 0 0 2px 2px;
    margin: 0 -2px 0 2px
}

.navigation-single {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.navigation-single .next, .navigation-single .prev {
    display: inline-flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%
}

.navigation-single .next a, .navigation-single .prev a {
    transition: color .25s cubic-bezier(.3, .86, .36, .95), background .25s cubic-bezier(.3, .86, .36, .95), border-color .25s cubic-bezier(.3, .86, .36, .95);
    width: 100%;
    color: inherit;
    text-decoration: none;
    display: block;
    background: #4d67e6;
    border: 1px solid #4d67e6;
    border-radius: 4px;
    font: 700 15px/18px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    padding: 10px 16px;
    color: #fff
}

.navigation-single .next a:hover, .navigation-single .prev a:hover {
    background: #5f76e9
}

.navigation-single .next a {
    margin-left: auto
}

.wp-caption {
    max-width: 100%;
    clear: both;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px
}

.wp-caption img {
    margin: 0;
    vertical-align: top
}

.wp-caption p {
    margin: 10px 0 0
}

div.aligncenter {
    margin: 0 auto 20px
}

img.aligncenter {
    display: block;
    margin: 0 auto
}

.alignleft {
    float: left;
    margin: 0 20px 4px 0
}

.alignright {
    float: right;
    margin: 0 0 4px 20px
}

.mejs-container {
    margin-bottom: 20px
}

.alignnone, .bypostauthor, .gallery, .gallery-caption, .sticky, .wp-caption-text {
    height: auto
}

#wp-calendar, iframe {
    width: 100%
}

#wp-calendar tbody td {
    text-align: center
}

html {
    font-size: 10px
}

body {
    color: #262626;
    font-family: Charter, Georgia, Times New Roman, Times, Baskerville, serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400
}

a {
    transition: color .25s cubic-bezier(.3, .86, .36, .95);
    color: #4d67e6
}

a, a:hover {
    text-decoration: none
}

a:hover {
    color: #2041e0
}

dl, ol, p, ul {
    margin: 0 0 1em
}

.h1, h1 {
    font-size: 30px
}

.h2, h2 {
    font-size: 26px
}

.h3, h3 {
    font-size: 22px
}

.h4, h4 {
    font-size: 20px
}

.h5, h5 {
    font-size: 18px
}

.h6, h6 {
    font-size: 16px
}

.h, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.3;
    font-family: Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: inherit;
    margin: 0 0 .5em
}

.content > .h1:first-child, .content > .h2:first-child, .content > .h3:first-child, .content > .h4:first-child, .content > .h5:first-child, .content > .h6:first-child, .content > .h:first-child, .content > h1:first-child, .content > h2:first-child, .content > h3:first-child, .content > h4:first-child, .content > h5:first-child, .content > h6:first-child {
    margin-top: 0
}

.h1 mark, .h2 mark, .h3 mark, .h4 mark, .h5 mark, .h6 mark, .h mark, h1 mark, h2 mark, h3 mark, h4 mark, h5 mark, h6 mark {
    background: none;
    padding: 0;
    margin: 0;
    color: #4d67e6
}

.h1, h1 {
    line-height: 1.2;
    font-weight: 400;
    font-family: Charter, Georgia, Times New Roman, Times, Baskerville, serif;
    margin-bottom: .4286em
}

.h2, h2 {
    font-weight: 700;
    letter-spacing: -.015em;
    margin-top: 1.853em;
    margin-bottom: .4706em
}

.h3, h3 {
    letter-spacing: -.018em;
    margin-top: 1.5357em;
    margin-bottom: .5714em
}

.h4, h4 {
    margin-top: 1.375em;
    margin-bottom: .6667em
}

.h5, h5 {
    margin-top: 1.3889em;
    margin-bottom: .4444em
}

.h6, h6 {
    margin-top: 1.25em
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-lowercase {
    text-transform: lowercase
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.font-serif {
    font-family: Charter, Georgia, Times New Roman, Times, Baskerville, serif
}

.font-sans-serif {
    font-family: Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.font-sans-serif-secondary {
    font-family: Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.font-regular {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.text-muted {
    color: #9b9eac
}

blockquote {
    background: #f2f3f9;
    padding: 30px;
    margin: 2.3em 0;
    border-radius: 10px;
    font-size: 22px;
    line-height: 1.393;
    letter-spacing: -.015em;
    font-style: italic;
    color: #07003b;
    overflow: hidden;
    position: relative;
    z-index: 1
}

blockquote:before {
    content: "\e90b";
    position: absolute;
    top: -5px;
    right: 12px;
    font: 120px/1 icomoon;
    letter-spacing: -20px;
    color: rgba(77, 103, 230, .05);
    z-index: -1
}

blockquote > p:first-child:before, blockquote q:before {
    content: "“"
}

blockquote > p:last-of-type:after, blockquote q:after {
    content: "”"
}

blockquote > p:last-of-type:not(:last-child), blockquote q:not(:last-child) {
    margin-bottom: 1.35em
}

blockquote > cite {
    display: block
}

blockquote .author-block, blockquote cite, blockquote footer {
    font: 16px/1 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #687086
}

ul {
    padding-left: 19px;
    padding-top: 0;
    padding-bottom: 0
}

ol {
    padding: 0;
    margin: 3.4em 0;
    list-style: none;
    counter-reset: numCounter
}

ol > li {
    padding-left: 56px;
    position: relative
}

ol > li:before {
    width: 40px;
    height: 40px;
    counter-increment: numCounter;
    content: counter(numCounter) "";
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    font-family: Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #fff;
    background: #4d67e6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -6px
}

ol.unstyled-list, ul.unstyled-list {
    padding-left: 0;
    list-style-type: none
}

ol.unstyled-list > li, ul.unstyled-list > li {
    padding-left: 0;
    padding-bottom: 17px
}

ol.unstyled-list > li:last-child, ul.unstyled-list > li:last-child {
    padding-bottom: 0
}

ol.unstyled-list > li:before, ul.unstyled-list > li:before {
    display: none
}

ol > li, ul > li {
    padding-bottom: 28px
}

.sidebar ol > li, .sidebar ul > li {
    padding-bottom: 10px
}

.sidebar ol > li:last-child, .sidebar ul > li:last-child, ol > li:last-child, ul > li:last-child {
    padding-bottom: 0
}

ol ol, ol ul, ul ol, ul ul {
    font-size: 18px;
    line-height: 1.3889;
    font-family: Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #5b5f6c;
    list-style-type: disc;
    margin-bottom: 1em;
    padding-top: 20px
}

ol ol li, ol ul li, ul ol li, ul ul li {
    padding-bottom: 17px
}

ol ol li:last-child, ol ul li:last-child, ul ol li:last-child, ul ul li:last-child {
    padding-bottom: 0
}

ol ol ol, ol ol ul, ol ul ol, ol ul ul, ul ol ol, ul ol ul, ul ul ol, ul ul ul {
    padding-top: 17px;
    margin-bottom: .5em
}

ol ol, ul ol {
    counter-reset: subCounter;
    list-style-type: none;
    font-weight: 400;
    font-family: Charter, Georgia, Times New Roman, Times, Baskerville, serif
}

ol ol > li, ul ol > li {
    padding-left: 32px
}

ol ol > li:before, ul ol > li:before {
    width: auto;
    height: auto;
    max-width: 25px;
    text-align: right;
    counter-increment: subCounter;
    content: counter(subCounter) ".";
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    background: none;
    border-radius: 0;
    justify-content: right;
    top: auto
}

.check-list {
    list-style-type: none;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 600;
    font-family: Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    padding-left: 0;
    margin: 2em 0
}

.check-list > li {
    padding: 0 0 28px 46px;
    position: relative
}

.check-list > li:before {
    width: 32px;
    height: 32px;
    content: "\e90a";
    font: 10px/1 icomoon;
    color: #4d67e6;
    background: rgba(77, 103, 230, .1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: -2px
}

.pre-wrap {
    width: 100%;
    overflow: auto
}

.pre-wrap, pre {
    border-radius: 8px;
    background: #262d38;
    margin: 1.6em 0
}

pre {
    padding: 24px;
    font-size: 16px;
    line-height: 1.5625;
    font-weight: 500;
    font-family: DM Mono, Consolas, Liberation Mono, Courier, monospace;
    color: #decb6b;
    white-space: pre-wrap;
    word-wrap: break-word
}

.pre-wrap pre {
    margin: 0
}

.num-list pre:last-child {
    margin-bottom: 0
}

code[class*=language-], pre[class*=language-] {
    font-family: DM Mono, Consolas, Liberation Mono, Courier, monospace !important
}

.underline {
    text-decoration: none
}

a.underline:hover {
    background: transparent
}

body.panel-active {
    overflow: hidden
}

#header {
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    position: relative;
    right: 0;
    z-index: 100;
    height: 72px;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #D2D2D7;
    color: #27272C;
    font-family: "Inter Tight", sans-serif;
    font-size: 14px;
    font-weight: 500;

    @media (max-width: 1299px) {
        height: 56px;
    }
}


#header.fixed-position {
    position: fixed;
    left: 0;
    top: 0
}

#header .accessebility-link {
    position: absolute;
    top: 0;
    left: 0
}

#header > .container{
    margin: 0 auto;
    padding: 0 32px;
    display: flex;
    align-items: center;
    max-width: 1822px; /*1792 +15+15*/
    height: 100%;

    @media (max-width: 1299px) {
        height: 100%;
        padding: 0 24px;
    }

    @media (max-width: 768px) {
        padding: 0 16px;
    }
}


#header .war-in-ukraine + .container {
    padding-top: 48px
}

#header .discount-bar + .container {
    padding-top: 0
}



.header .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media (max-width: 1299px) {
    .header .header-content {
        /*display: none;*/
        position: fixed;
        top: 56px;  /* header height */
        right: 0;
        left: 0;
        bottom: 0;
        overflow: scroll;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 5%;
        padding-bottom: 10%;
        background: #fff;
    }

    /*for CLS begin*/
    .header .header-content.js-slide-hidden {
        display: none !important;
    }
    /* this only for start load*/
    .header .header-content.js-hide-on-load-mobile {
        display: none !important;
    }
    /*for CLS end*/
}
@media (max-width: 743px) {
    .header .header-content {
        top: 56px;
        padding: 16px 16px 56px;
    }
}


#header .panel {
    position: fixed;
    top: 56px !important;
    left: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-direction: column;
    justify-content: flex-start;
    padding: 14px 16px 80px;
    background: #fff;

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;


    @media (max-width: 1299px) {
        position: fixed;
        top: 56px;  /* header height */
        right: 0;
        left: 0;
        bottom: 0;
        overflow: scroll;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 5%;
        padding-bottom: 10%;
        background: #fff;
    }
    @media (max-width: 743px) {
        top: 56px;
        padding: 32px 16px 56px;
    }

}

.header .header-logo {
}
@media (max-width: 1299px) {
    .header .header-logo {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}



.header .logo {
    padding-right: 24px;
}

@media (max-width: 1299px) {
    .header .logo {
        display: inline-block;
        padding: 0;
    }
}

.header .logo-link {
    display: block;
}

.header .logo-image {
    display: block;
    width: 190px;
    max-width: none;
    height: 32px;
    @media (max-width: 1299px) {
        height: 24px;
        width: auto;
    }
}

.logo {
    padding: 0;
    flex-shrink: 0
}

.logo a, .logo img {
    display: block
}


.menu {
    width: 32px;
    height: 32px;
    position: relative;
    background: #506bf0;
    border-radius: 4px;
    text-indent: -9999px;
    overflow: hidden;
    transition: opacity .3s;
    display: none
}

.panel-active .menu {
    background: #e9edff
}

.menu:hover {
    opacity: .9
}

.menu:after, .menu:before, .menu span {
    transition: all .25s cubic-bezier(.3, .86, .36, .95);
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 15px;
    left: 33%;
    right: 33%;
    height: 2px;
    margin-top: 0
}

.menu:after, .menu:before {
    content: "";
    top: 10px
}

.panel-active .menu:after, .panel-active .menu:before {
    transform: rotate(45deg);
    top: 14px;
    left: 30%;
    right: 30%;
    background: #506bf0
}

.menu:after {
    top: 20px
}

.panel-active .menu:after {
    transform: rotate(-45deg)
}

.panel-active .menu span {
    opacity: 0
}




.header .header-contacts {
    position: relative;
    font-weight: 200;
    font-size: 13px;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-style: normal;
}
@media (max-width: 1299px) {
    .header .header-contacts {
        width: 376px;
        margin-bottom: 16px;
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 743px) {
    .header .header-contacts {
        width: 100%;
    }
}

.header .header-contacts::before {
    content: '';
    left: 0;
    top: 0;
    width: 1px;
    height: 28px;
    background-color: #D2D2D7;
}

@media (max-width: 1299px) {
    .header .header-contacts::before {
        display: none;
    }
}

.header .contact {
    display: inline-flex;
    align-items: center;
    margin-left: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: currentColor;
    text-decoration: none;
}

@media (max-width: 1299px) {
    .header .contact {
        width: 32%;
        height: 64px;
        margin: 0;
        border: 1px solid #DCE1FC;
        border-radius: 4px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        line-height: 20px;
    }
}
@media (max-width: 743px) {
    .header .contact {
        min-width: 85px;
    }
}

.header .contact:first-child {
    margin-left: 24px;

    @media (max-width: 1299px) {
        margin: 0;
    }
}

.header .contact:hover {
    color: #386EF9;
}

.header .contact::before {
    content: '';
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 4px;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 1299px) {
    .header .contact::before {
        margin: 0 0 4px;
    }
}

.header .contact.contact--message::before {
    background-image: url("images/icon-email.svg");
}

.header .contact.contact--chat::before {
    background-image: url("images/icon-comments.svg");
}

.header .contact.contact--phone::before {
    background-image: url("images/icon-phone.svg");
}


#nav {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 0;
}

#nav .drop-holder.drop-active > a {
    background-color: #e5e9fd
}

#nav .drop-holder.drop-active > a .icon-chevron-down {
    transform: rotate(180deg)
}

#nav .drop-holder.drop-active > a:before {
    visibility: visible;
    opacity: 1
}

#nav ul ul {
    font-size: 14px;
    line-height: 17px;
    font-family: Poppins, sans-serif
}

#nav ul ul li.active a {
    color: #386ef9
}

#nav ul ul a {
    padding: 12px 0;
    display: block;
    font-weight: 500;
}

#nav ul ul a:hover {
    color: #386ef9
}

#nav > ul {
    width: 100%
}

#nav > ul > li {
    position: relative;
    border-bottom: 1px solid #dbe0fe
}

#nav > ul > li:last-child {
    border-bottom: 0
}

#nav > ul > li .drop-parent, #nav > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .01em;
    font-weight: 600;
    padding: 15px 10px
}

#nav > ul > li .drop-parent {
    cursor: pointer
}

#nav > ul > li.active .drop-parent, #nav > ul > li.active > a, #nav > ul > li:hover .drop-parent, #nav > ul > li:hover > a {
    background-color: #e5e9fd
}

#nav > ul:first-child > li {
    white-space: nowrap
}

#nav li {
    padding-bottom: 0
}

#nav li.login-box, #nav li > a {
    position: relative;
    z-index: 2
}

#nav li .drop-parent, #nav li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c3449
}

#nav .drop-parent {
    transition: all .4s ease
}

#nav .drop-parent .icon-chevron-down {
    color: #386ef9;
    margin-left: 1px;
    font-size: 11px;
    transform: rotate(0);
    padding-top: 2px;
    transition: transform .25s cubic-bezier(.3, .86, .36, .95)
}


#nav > ul > li .drop-parent::after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    position: relative;
    background: url(images/header/icon-arrow.svg) no-repeat;
    background-size: contain;
    transition: transform .3s ease-out;
}

#nav .drop {
    max-width: 100%;
    width: 100%;
    z-index: 2
}

#nav .drop .inner {
    border-radius: 5px
}

#nav .drop ul:first-child:before {
    display: none
}

#nav .drop ul li {
    text-align: center
}

#nav .drop ul li.has-separator {
    position: relative
}

#nav .drop ul li.has-separator:before {
    content: "";
    display: block;
    height: 2px;
    background-color: #386ef9;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    box-sizing: content-box;
    margin-top: -1px
}

#nav .btn-nav-link a {
    transition: background-color .3s;
    display: block;
    width: 100%;
    line-height: 17px;
    color: #506bf0;
    border: 1px solid #506bf0;
    padding: 16px 32px;
    border-radius: 8px;
    background: rgba(220, 225, 252, .4);
    position: relative;
    z-index: 1
}

#nav .btn-nav-link a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
    z-index: -1
}

#nav .btn-nav-link.highlighted a:before {
    content: "";
    width: 24px;
    height: 24px;
    top: -12px;
    right: 16px;
    position: absolute;
    background-image: url(images/icon-ai.svg);
    background-repeat: no-repeat;
    background-size: contain
}

#nav .btn-nav-link.active a, #nav .btn-nav-link:hover a {
    background-color: #e5e9fd;
    border-radius: 8px !important
}

#nav .nav-buttons {
    width: 100%;
    padding-top: 16px;
    text-transform: capitalize;
    white-space: nowrap;
    line-height: 20px;
}

#nav .nav-buttons li {
    border-bottom: 0;
    margin-bottom: 16px;
    position: static
}

#nav .nav-buttons li:last-child {
    margin-right: 0
}

#nav .nav-buttons li > a {
    padding: 16px 31px;
    border-radius: 4px
    
}

#nav .nav-buttons .order-link {
    border: 1px solid #386ef9;
    background: #506bf0;
    color: #fff;
    transition: background-color .3s;
    padding: 9px 19px;
    @media (max-width: 1299px) {
        padding: 16px 32px;
    }
}

#nav .nav-buttons .order-link:hover {
    background-color: #445bcd
}

#nav .nav-buttons .client-area-link {
    border: 1px solid #506bf0;
    color: #506bf0;
    position: relative;
    z-index: 4;
    transition: background-color .3s;
    display: block;
    width: 100%;
    padding: 9px 19px;
    @media (max-width: 1299px) {
        padding: 16px 31px;
    }
}

#nav .nav-buttons .client-area-link:hover {
    background-color: #e5e9fd
}

#nav .nav-buttons .popup-active .client-area-link:before {
    display: block
}

#nav .red-box {
    font-size: 12px;
    line-height: 17px;
    background: #ce3a2e;
    color: #fff
}

#banner-link {
    display: none !important
}

.header-form {
    width: 100%;
    padding: 20px;
    position: fixed;
    top: 64px;
    right: -100%;
    background-color: #fff;
    font-family: Poppins, sans-serif;
    transition: right .3s ease-out;
    z-index: 4;
    text-align: left;
    bottom: 0;
    margin: 0;
    overflow: auto
}

.popup-active .header-form {
    right: 0
}

.header-form .back-row {
    margin-bottom: 30px
}

.header-form .back-row a {
    color: #1c3449
}

.header-form .back-row a:before {
    content: "";
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(45deg);
    margin-right: 5px;
    color: #386ef9
}

.header-form .row {
    position: relative;
    margin-bottom: 14px
}

.header-form .error-message {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    text-align: right;
    color: #f05050;
    display: none;
    text-transform: none
}

.header-form .input-error .error-message {
    display: block
}

.header-form .input-error input {
    border-color: #f05050
}

.header-form input {
    margin: 0;
    background: #f9faff;
    border: 1px solid #dbe0fe;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #1c3449;
    font-family: Poppins, sans-serif;
    box-shadow: none
}

.header-form input::-moz-placeholder {
    color: #1c3449
}

.header-form input::placeholder {
    color: #1c3449
}

.header-form input:focus {
    outline: none
}

.header-form label {
    font-family: Poppins, sans-serif;
    color: #1c3449;
    font-size: 14px;
    font-weight: 500
}

.header-form .row-box {
    padding-top: 6px
}

.header-form .row-box label {
    position: relative;
    padding-left: 20px;
    display: block;
    margin: 0 0 30px
}

.header-form .row-box label:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #ecefff;
    border: 1px solid #dbe0fe;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0
}

.header-form .row-box label:after {
    content: "\e90a";
    position: absolute;
    top: 2px;
    left: 3px;
    color: #506bf0;
    display: none;
    font-family: icomoon !important;
    font-size: 9px
}

.header-form .row-box input[type=checkbox] {
    display: none
}

.header-form .row-box input[type=checkbox]:checked + label:after {
    display: block
}

.header-form .row-box button[type=submit] {
    width: 100%;
    padding: 13px 32px
}

.reset-link {
    color: #506bf0;
    font-size: 12px;
    text-transform: none;
    margin-bottom: 15px;
    display: inline-block
}

.custom-progressbar .progress {
    background-color: #ee2 !important
}

.custom-progressbar .progress #ruigehond006_bar {
    background-color: #1e73be !important
}

body #ruigehond006_wrap {
    z-index: 0
}

.header-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.header-banner .main-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
    z-index: 2
}

.header-banner .banner-container {
    height: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.header-banner .banner-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.header-banner .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 0 12px
}

.header-banner-ai, .header-banner-gdd {
    height: 92px;
    background-color: #0a1c76;
    font-family: Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.header-banner-ai .bg-union-1, .header-banner-ai .bg-union-2, .header-banner-ai .bg-union-3, .header-banner-ai .bg-union-4, .header-banner-gdd .bg-union-1, .header-banner-gdd .bg-union-2, .header-banner-gdd .bg-union-3, .header-banner-gdd .bg-union-4 {
    position: absolute;
    top: 0;
    height: 48px;
    background-size: cover
}

.header-banner-ai .bg-union-1, .header-banner-gdd .bg-union-1 {
    left: 0;
    width: 166px;
    height: 92px;
    background-image: url(images/bg-union-mobile-1.svg)
}

.header-banner-ai .bg-union-4, .header-banner-gdd .bg-union-4 {
    right: 0;
    width: 171px;
    height: 92px;
    background-image: url(images/bg-union-mobile-2.svg)
}

.header-banner-ai .logo-old, .header-banner-gdd .logo-old {
    width: 104px;
    height: 15.5px;
    background-image: url(images/banner-logo-psd2html.svg);
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 1
}

.header-banner-ai .logo-new, .header-banner-gdd .logo-new {
    width: 160px;
    height: 28px;
    background-image: url(images/banner-logo-getdevdone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 1
}

.header-banner-ai .more, .header-banner-gdd .more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #96a6f6
}

.header-banner-ai .more:after, .header-banner-gdd .more:after {
    content: "\e903";
    font-family: icomoon;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    margin: 0 8px
}

.header-banner-ai {
    background-color: #506bf0
}

.header-banner-ai .banner-content {
    margin-bottom: 16px
}

.header-banner-ai .text {
    margin: 0;
    font-weight: 600
}

.header-banner-ai .text-underlined {
    position: relative
}

.header-banner-ai .text-underlined:after {
    content: "";
    position: absolute;
    top: 99%;
    left: 0;
    width: 100%;
    height: 30%;
    background-image: url(images/underline-white.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.header-banner-ai .more {
    border-radius: 24px;
    background-color: #fff;
    color: #506bf0;
    padding: 2px 14px 2px 16px
}

.header-banner-ai .more:after {
    content: "\e913";
    font-size: 14px;
    line-height: 1;
    margin: 0 0 0 5px
}

body {
    background-color: #fff;
    min-width: 320px
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

#wrapper {
    width: 100%;
    position: relative;
    overflow: hidden
}

.container {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

.container.container-lg {
    max-width: 1264px
}

.content-section {
    padding-top: 40px;
    padding-bottom: 40px
}

.two-columns .content .h1 span[id], .two-columns .content .h2 span[id], .two-columns .content .h3 span[id], .two-columns .content .h4 span[id], .two-columns .content .h5 span[id], .two-columns .content .h6 span[id], .two-columns .content h1 span[id], .two-columns .content h2 span[id], .two-columns .content h3 span[id], .two-columns .content h4 span[id], .two-columns .content h5 span[id], .two-columns .content h6 span[id] {
    display: block
}

.sticky-wrap-sidebar-wrap {
    width: 100%
}

figure {
    padding: 0;
    margin: 1.6em 0
}

figure img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 16px
}

.wp-block-image figure img {
    width: revert-layer
}

figcaption {
    display: block;
    text-align: center;
    color: #9b9eac;
    font: 500 14px/1.2857 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.sub-title {
    display: block;
    margin: 0 0 16px;
    font: 600 12px/1 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    text-transform: uppercase;
    color: rgba(38, 38, 38, .4)
}

.sidebar .sub-title {
    font-size: 14px;
    line-height: 1
}

.sr-only {
    width: 1px;
    height: 1px;
    position: absolute;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.sr-only.sr-only-focusable:active, .sr-only.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.accessebility-link {
    width: 100%
}

.accessebility-link .sr-only {
    display: inline-block;
    vertical-align: top
}

#header .accessebility-link .sr-only {
    color: #fff
}

.accessebility-link .sr-only-focusable:active, .accessebility-link .sr-only-focusable:focus {
    margin-top: 5px;
    margin-bottom: 5px
}

.bg-primary {
    background-color: #4d67e6
}

.text-primary {
    color: #4d67e6
}

.bg-primary-alt {
    background-color: #0086da
}

.text-primary-alt {
    color: #0086da
}

.bg-success {
    background-color: #00ca6d
}

.text-success {
    color: #00ca6d
}

.bg-warning {
    background-color: #f96438
}

.text-warning {
    color: #f96438
}

.bg-light {
    background-color: #e6e7ec
}

.text-light {
    color: #e6e7ec
}

.bg-white {
    background-color: #fff
}

.text-white {
    color: #fff
}

.bg-primary-alt2 {
    background-color: #506bf0
}

.text-primary-alt2 {
    color: #506bf0
}

.bg-warning-alt {
    background-color: #fce714
}

.text-warning-alt {
    color: #fce714
}

.bg-info {
    background-color: #1287a2
}

.text-info {
    color: #1287a2
}

.bg-lightest {
    background: #f3f5f8
}

.bg-info, .bg-primary, .bg-primary-alt, .bg-success {
    color: #fff
}

.bg-decor {
    position: relative;
    z-index: 1
}

.bg-decor:after, .bg-decor:before {
    width: 400px;
    height: 400px;
    content: "";
    position: absolute;
    left: -200px;
    top: -20%;
    transform: rotate(24deg);
    background-image: linear-gradient(133.6deg, hsla(0, 0%, 100%, .21) 54.65%, hsla(0, 0%, 100%, .04) 91.5%);
    opacity: .3;
    border-radius: 80px;
    z-index: -1
}

.bg-decor:after {
    top: 0;
    left: auto;
    right: -365px
}

.border-radius {
    border-radius: 4px !important
}

.border-radius-sm {
    border-radius: 2px !important
}

.border-radius-lg {
    border-radius: 8px !important
}

.bg-stretch {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-size: cover;
    background-position: 50% 50%
}

.bg-stretch img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.custom-progressbar > div > div {
    height: .5vh !important
}

.subscribe-block {
    background-color: #506bf0;
    padding: 40px 0;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 500
}

.subscribe-block .container {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.subscribe-block .container .subscribe-content {
    margin-bottom: 24px
}

.subscribe-block .container .subscribe-content .title {
    margin-bottom: 6px;
    font-size: 24px;
    line-height: 31px;
    text-transform: uppercase
}

.subscribe-block .container .subscribe-content .subtitle {
    font-size: 16px;
    line-height: 21px;
    color: hsla(0, 0%, 100%, .76)
}

.subscribe-block .container .subscribe-form {
    position: relative;
    width: 100%;
    max-width: 470px;
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: #fff;
    margin: 0;
    padding: 0 74px 0 0
}

.subscribe-block .container .subscribe-form button[type=submit] {
    width: 66px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 4px;
    padding: 0;
    border: 0;
    margin: 0;
    z-index: 3;
    border-radius: 4px;
    color: #fff;
    background: #00ca6d;
    box-shadow: none;
    font-size: 16px;
    transition: opacity .3s
}

.subscribe-block .container .subscribe-form button[type=submit]:hover {
    opacity: .8
}

.subscribe-block .container .subscribe-form input[type=email] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    width: 100%;
    height: 54px;
    margin: 0;
    padding: 18px 17px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #91989e;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.subscribe-block .container .subscribe-form input[type=email]::-moz-placeholder {
    color: #91989e
}

.subscribe-block .container .subscribe-form input[type=email]::placeholder {
    color: #91989e
}


.btn {
    transition: border-color .25s cubic-bezier(.3, .86, .36, .95), box-shadow .25s cubic-bezier(.3, .86, .36, .95), background .25s cubic-bezier(.3, .86, .36, .95), opacity .25s cubic-bezier(.3, .86, .36, .95), color .25s cubic-bezier(.3, .86, .36, .95);
    min-height: 32px;
    font: 700 11px/14px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    background: linear-gradient(180deg, #0096f4 1%, #0086da);
    text-align: center;
    border-radius: 2px;
    border: 1px solid transparent;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .69);
    text-transform: uppercase;
    position: relative;
    padding: 8px 20px;
    display: inline-block;
    vertical-align: top;
    color: #fff
}

.btn:hover {
    background: linear-gradient(180deg, #0086da 1%, #0086da);
    color: #fff;
    text-decoration: none
}

.btn.btn-md {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 16px
}

.btn.btn-md, .btn.btn-md-new {
    line-height: 18px;
    text-transform: none
}

.btn.btn-md-new {
    padding: 10px 32px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px
}

.btn.btn-lg, .newsletter-form button[type=submit], .newsletter-form input[type=submit] {
    font-size: 16px;
    line-height: 19px;
    padding: 15px 25px;
    border-radius: 8px;
    text-transform: none
}

.btn.btn-xl {
    font-size: 16px;
    line-height: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 4px;
    text-transform: none
}

.btn.btn-tag {
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    padding-left: 19px;
    padding-right: 19px;
    margin: 4px 8px 4px 0
}

.bg-primary-alt .btn.btn-tag, .bg-primary .btn.btn-tag, .bg-success .btn.btn-tag, .hero-section .btn.btn-tag {
    color: #fff;
    background: hsla(0, 0%, 100%, .1)
}

.bg-primary-alt .btn.btn-tag:hover, .bg-primary .btn.btn-tag:hover, .bg-success .btn.btn-tag:hover, .hero-section .btn.btn-tag:hover {
    color: #4d67e6;
    background: #fff
}

.btn.btn-animated {
    overflow: hidden;
    z-index: 1
}

.btn.btn-animated.active:before {
    display: none
}

.btn.btn-animated:before {
    padding-bottom: 100%;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(47.58% 45.78% at 50%, at 50%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .58) 100%);
    background: radial-gradient(47.58% 45.78% at 50% 50%, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .58) 100%);
    z-index: -1;
    -webkit-animation: zoomIn 2.5s ease 0s infinite;
    animation: zoomIn 2.5s ease 0s infinite
}

.btn.rounded {
    border-radius: 50rem
}

.btn.is-min-width {
    min-width: 240px
}

@-webkit-keyframes zoomIn {
    0% {
        width: 0
    }
    50% {
        width: 110%
    }
    75% {
        opacity: 0
    }
}

@keyframes zoomIn {
    0% {
        width: 0
    }
    50% {
        width: 110%
    }
    75% {
        opacity: 0
    }
}

.btn.btn-primary {
    background: #4d67e6;
    border-color: #4d67e6;
    box-shadow: none
}

.btn.btn-primary:hover {
    background: #647ae9
}

.btn.btn-outline-primary {
    border-color: #4d67e6
}

.btn.btn-outline-primary:hover {
    background: #4d67e6
}

.btn.btn-primary-alt {
    background: #0086da;
    border-color: #0086da;
    box-shadow: none
}

.btn.btn-primary-alt:hover {
    background: #0096f4
}

.btn.btn-outline-primary-alt {
    border-color: #0086da
}

.btn.btn-outline-primary-alt:hover {
    background: #0086da
}

.btn.btn-success, .newsletter-form button[type=submit], .newsletter-form input[type=submit] {
    background: #00ca6d;
    border-color: #00ca6d;
    box-shadow: none
}

.btn.btn-success:hover, .newsletter-form button:hover[type=submit], .newsletter-form input:hover[type=submit] {
    background: #00e47b
}

.btn.btn-outline-success {
    border-color: #00ca6d
}

.btn.btn-outline-success:hover {
    background: #00ca6d
}

.btn.btn-warning {
    background: #f96438;
    border-color: #f96438;
    box-shadow: none
}

.btn.btn-warning:hover {
    background: #fa7851
}

.btn.btn-outline-warning {
    border-color: #f96438
}

.btn.btn-outline-warning:hover {
    background: #f96438
}

.btn.btn-light {
    background: #e6e7ec;
    border-color: #e6e7ec;
    box-shadow: none
}

.btn.btn-light:hover {
    background: #f5f5f7
}

.btn.btn-outline-light {
    border-color: #e6e7ec
}

.btn.btn-outline-light:hover {
    background: #e6e7ec
}

.btn.btn-white {
    border-color: #fff;
    box-shadow: none
}

.btn.btn-white, .btn.btn-white:hover {
    background: #fff
}

.btn.btn-outline-white {
    border-color: #fff
}

.btn.btn-outline-white:hover {
    background: #fff
}

.btn.btn-primary-alt2 {
    background: #506bf0;
    border-color: #506bf0;
    box-shadow: none
}

.btn.btn-primary-alt2:hover {
    background: #687ff2
}

.btn.btn-outline-primary-alt2 {
    border-color: #506bf0
}

.btn.btn-outline-primary-alt2:hover {
    background: #506bf0
}

.btn.btn-warning-alt {
    background: #fce714;
    border-color: #fce714;
    box-shadow: none
}

.btn.btn-warning-alt:hover {
    background: #fcea2e
}

.btn.btn-outline-warning-alt {
    border-color: #fce714
}

.btn.btn-outline-warning-alt:hover {
    background: #fce714
}

.btn.btn-info {
    background: #1287a2;
    border-color: #1287a2;
    box-shadow: none
}

.btn.btn-info:hover {
    background: #159bb9
}

.btn.btn-outline-info {
    border-color: #1287a2
}

.btn.btn-outline-info:hover {
    background: #1287a2
}

.btn.btn-warning-alt {
    color: #07003b
}

.btn.btn-warning-alt.btn-md {
    border-radius: 6px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: normal;
    padding: 12px 28px
}

.btn.btn-warning-alt:hover {
    background: #f3de03;
    border-color: #f3de03
}

.btn.btn-light {
    color: #5b5f6c
}

.btn.btn-light:hover {
    background: #4d67e6;
    border-color: #4d67e6;
    color: #fff
}

.btn.btn-white {
    color: #ff7439
}

.btn.btn-white:hover {
    background: #f5f5f5;
    border-color: #f5f5f5
}

.btn[class*=btn-outline] {
    background: #fff;
    color: #414141;
    box-shadow: none
}

.btn[class*=btn-outline]:hover {
    color: #fff
}

.btn.btn-outline-light {
    border-color: #b6c3ca
}

.btn.btn-outline-light:hover {
    background: #f5f5f5;
    color: #414141
}

.btn.btn-outline-white {
    color: #fff;
    background: transparent
}

.btn.btn-outline-white:hover {
    color: #414141
}

.btn.btn-outline-warning-alt {
    color: #fce714;
    background: transparent
}

.btn.btn-outline-warning-alt:hover {
    color: #07003b
}

.btn.btn-tag {
    background: rgba(91, 95, 108, .1);
    color: #5b5f6c;
    box-shadow: none
}

.btn.btn-tag:hover {
    background: #4d67e6;
    border-color: #4d67e6;
    color: #fff
}

.buttons-row {
    text-align: center
}

.buttons-row .btn {
    margin: 6px
}

.author-block {
    display: flex;
    font: 14px/1.2143 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    letter-spacing: normal;
    color: #687086
}

.post-article .content > .author-block {
    color: #4f6276;
    font: 16px/1.625 Charter, Georgia, Times New Roman, Times, Baskerville, serif;
    letter-spacing: -.03em;
    margin: 2.8em 0
}

.post-article .content > .author-block:last-child {
    margin-bottom: 0
}

.author-block .photo-holder {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    flex-basis: auto;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 16px
}

.post-article .content > .author-block .photo-holder, .related-posts .author-block .photo-holder {
    width: 50px;
    height: 50px
}

.author-block .photo-holder img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.author-block .text-holder {
    flex-grow: 1;
    align-self: center
}

.author-block .text-holder p:last-child {
    margin-bottom: 0
}

.author-block .h5, .author-block h5 {
    display: block;
    letter-spacing: -.015em;
    color: #262626;
    margin: 0 0 .4em
}

.author-block .h5:last-child, .author-block h5:last-child {
    margin-bottom: 0
}

.author-block .h5 a, .author-block h5 a {
    text-decoration: underline;
    color: inherit
}

.author-block .h5 a:hover, .author-block h5 a:hover {
    text-decoration: none;
    color: #4d67e6
}

.author-block .h6, .author-block h6 {
    display: block;
    margin: 0 0 2px;
    color: #07003b
}

.author-block .h6:last-child, .author-block h6:last-child {
    margin-bottom: 0
}

.author-block .h6 a, .author-block h6 a {
    color: inherit
}

.author-block .h6 a:hover, .author-block h6 a:hover {
    color: #4d67e6
}

.blog-section {
    padding-top: 48px;
    padding-bottom: 48px
}

.blog-section.related-posts > .container .h2, .blog-section.related-posts > .container h2 {
    margin: 0 0 1.5556em;
    letter-spacing: -.0167em
}

.blog-section > .container .h3, .blog-section > .container > h3 {
    letter-spacing: -.0179em;
    margin: 0 0 1.2em
}

.blog-list {
    margin: 0 -15px 10px;
    width: calc(100% + 30px);
    display: flex;
    flex-wrap: wrap
}

.blog-list .blog-post {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.blog-post {
    padding-bottom: 72px;
    font-size: 18px;
    line-height: 1.4444;
    letter-spacing: -.0278em;
    color: #687086
}

.blog-post .image-holder {
    width: 100%;
    height: 0;
    padding-bottom: 65.4%;
    background-color: #4d67e6;
    border-radius: 8px;
    margin-bottom: 23px;
    overflow: hidden;
    position: relative
}

.blog-post .image-holder a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    vertical-align: top
}

.blog-post .image-holder a:hover img {
    opacity: .9
}

.blog-post .image-holder img {
    transition: opacity .25s cubic-bezier(.3, .86, .36, .95);
    vertical-align: top;
    position: absolute;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.blog-post .h4, .blog-post h4 {
    color: #262626;
    font-family: Charter, Georgia, Times New Roman, Times, Baskerville, serif;
    font-weight: 400;
    letter-spacing: -.0208em;
    margin-top: 0
}

.blog-post .h4 a, .blog-post h4 a {
    color: inherit
}

.blog-post .h4 a:hover, .blog-post h4 a:hover {
    color: #4d67e6
}

.blog-post p:last-child {
    margin-bottom: 0
}

.blog .search-form input {
    box-shadow: none;
    border-color: #d6dfe3;
    border-radius: 4px;
    padding: 9px 16px
}

.post-info {
    font: 600 14px/1.5714 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #b6bbc9;
    letter-spacing: normal;
    margin-bottom: 26px
}

.bg-primary-alt .post-info, .bg-primary .post-info, .bg-success .post-info {
    color: #fff
}

.post-info > li {
    display: inline;
    padding: 0
}

.post-info > li:not(:last-child):after {
    width: 5px;
    height: 5px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 4px 0 9px;
    border-radius: 50%;
    background: #b6bbc9
}

.post-info .category {
    text-transform: uppercase;
    text-decoration: underline;
    color: #5b5f6c
}

.post-info .category:hover {
    color: #4d67e6;
    text-decoration: none
}

.post-info .author-block {
    display: inline-flex;
    vertical-align: middle;
    align-items: center
}

.post-info .author-block .photo-holder {
    width: 42px;
    height: 42px;
    margin-right: 12px
}

.post-info .author-block .h6:only-child, .post-info .author-block h6:only-child {
    margin-bottom: 0
}

.bg-primary-alt .post-info .author-block .h6, .bg-primary-alt .post-info .author-block h6, .bg-primary .post-info .author-block .h6, .bg-primary .post-info .author-block h6, .bg-success .post-info .author-block .h6, .bg-success .post-info .author-block h6, .hero-section .post-info .author-block .h6, .hero-section .post-info .author-block h6 {
    color: #fff
}

.post-info .author-block .h6 a, .post-info .author-block h6 a {
    transition: opacity .25s cubic-bezier(.3, .86, .36, .95), color .25s cubic-bezier(.3, .86, .36, .95);
    color: inherit;
    text-decoration: underline
}

.post-info .author-block .h6 a:hover, .post-info .author-block h6 a:hover {
    opacity: .7;
    text-decoration: none
}

.post-info time {
    vertical-align: middle
}

.social-networks {
    margin: 0 0 10px
}

.social-networks:last-child {
    margin-bottom: -8px
}

.sidebar .social-networks:not(:first-child) {
    padding-top: 63px
}

.social-networks ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 8px);
    margin-right: -8px
}

.social-networks ul li {
    margin: 0 8px 8px 0;
    padding: 0;
    position: relative
}

.social-networks [class*=st_], .social-networks a {
    display: block;
    cursor: pointer
}

.social-networks [class*=st_]:hover .icon, .social-networks a:hover .icon {
    background: #4d67e6;
    color: #fff
}

.social-networks .icon {
    transition: background .25s cubic-bezier(.3, .86, .36, .95), color .25s cubic-bezier(.3, .86, .36, .95), opacity .25s cubic-bezier(.3, .86, .36, .95);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(77, 103, 230, .2);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #4d67e6
}

.social-networks [class*=facebook]:hover .icon {
    background: #2154af
}

.social-networks [class*=linkedin] .icon {
    font-size: 13px;
    padding-bottom: 2px
}

.social-networks [class*=linkedin]:hover .icon {
    background: #0080c5
}

.social-networks [class*=twitter] .icon {
    font-size: 13px;
    padding-top: 1px
}

.social-networks [class*=twitter]:hover .icon {
    background: #00acdc
}

.social-networks .rss:hover .icon {
    background: #ff5d21
}

.social-networks .link .icon, .social-networks [class*=sharethis] .icon {
    font-size: 13px
}

.social-networks.size-md {
    margin-right: -4px;
    width: calc(100% + 4px)
}

.social-networks.size-md:last-child {
    margin-bottom: -4px
}

.social-networks.size-md li {
    margin: 0 4px 4px 0
}

.social-networks.size-md .icon {
    width: 32px;
    height: 32px;
    font-size: 16px
}

.social-networks.size-md [class*=linkedin] .icon {
    font-size: 14px;
    padding-bottom: 2px
}

.social-networks.size-sm {
    margin-right: -7px;
    width: calc(100% + 7px)
}

.social-networks.size-sm:last-child {
    margin-bottom: -7px
}

.social-networks.size-sm li {
    margin: 0 7px 7px 0
}

.social-networks.size-sm .icon {
    width: 25px;
    height: 26px;
    font-size: 13px
}

.social-networks.size-sm [class*=twitter] .icon {
    font-size: 13px;
    padding-top: 2px
}

.social-networks.size-sm [class*=facebook] .icon {
    font-size: 17px;
    padding: 0 1px 1px 0
}

.social-networks.size-sm [class*=linkedin] .icon {
    font-size: 14px;
    padding-bottom: 1px
}

.social-networks.styles-gray .icon {
    background: #828282;
    color: #fff
}

.social-networks.styles-colored a:hover .icon {
    background: #2e4ce2
}

.social-networks.styles-colored .icon {
    background: #4d67e6;
    color: #fff
}

.social-networks.styles-colored [class*=facebook] .icon {
    background: #2154af
}

.social-networks.styles-colored [class*=facebook]:hover .icon {
    background: #1b4691
}

.social-networks.styles-colored [class*=linkedin] .icon {
    background: #0080c5
}

.social-networks.styles-colored [class*=linkedin]:hover .icon {
    background: #0069a1
}

.social-networks.styles-colored [class*=twitter] .icon {
    background: #00acdc
}

.social-networks.styles-colored [class*=twitter]:hover .icon {
    background: #0090b8
}

.social-networks.styles-colored .rss .icon {
    background: #ff5d21
}

.social-networks.styles-colored .rss:hover .icon {
    background: #fc4400
}

.main-title {
    background: #f4f5fa;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px
}

.main-title > .container {
    padding-top: 22px;
    padding-bottom: 22px
}

.main-title .title-wrap {
    flex-grow: 1
}

.main-title .title-wrap p:last-child {
    margin-bottom: 0
}

.main-title .h1, .main-title .h2, .main-title .h3, .main-title .h4, .main-title .h5, .main-title .h6, .main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6 {
    margin-top: 0
}

.main-title .h1:last-child, .main-title .h2:last-child, .main-title .h3:last-child, .main-title .h4:last-child, .main-title .h5:last-child, .main-title .h6:last-child, .main-title h1:last-child, .main-title h2:last-child, .main-title h3:last-child, .main-title h4:last-child, .main-title h5:last-child, .main-title h6:last-child {
    margin-bottom: 0
}

.main-title .social-networks {
    margin-right: 0
}

.main-title .social-networks ul {
    justify-content: center;
    margin-right: -4px;
    width: calc(100% + 4px)
}

.categories-row {
    width: 100% !important;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f4f5fa
}

.main-title > .container + .categories-row {
    padding-top: 0
}

.categories-row .search-form {
    width: 280px;
    margin-left: auto;
    margin-right: auto
}

.categories-row .search-form input[type=search], .categories-row .search-form input[type=text] {
    font: 300 16px/20px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    box-shadow: none;
    border-color: #d6dfe3;
    border-radius: 4px;
    padding: 9px 16px
}

.categories-row .search-form input[type=search]::-moz-placeholder, .categories-row .search-form input[type=text]::-moz-placeholder {
    color: #a7b4bb
}

.categories-row .search-form input[type=search]::placeholder, .categories-row .search-form input[type=text]::placeholder {
    color: #a7b4bb
}

.categories-list {
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px
}

.categories-list li {
    padding: 4px
}

.categories-list .btn {
    font-weight: 500;
    padding-left: 11px;
    padding-right: 11px
}

.categories-list .btn:hover {
    background: #fff;
    color: #5b5f6c;
    border-color: #e0e0e0
}

.categories-list .btn-light.active {
    background: #4d67e6;
    border-color: #4d67e6;
    color: #fff
}

.breadcrumbs {
    margin-bottom: 2.8em
}

.breadcrumbs ul {
    font: 600 16px/1.25 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #fff;
    letter-spacing: -.02em
}

.breadcrumbs ul > li {
    display: inline;
    padding: 0
}

.breadcrumbs ul > li:not(:last-child):after {
    width: 4px;
    height: 4px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 4px 0 9px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .5)
}

.breadcrumbs ul a {
    transition: opacity .25s cubic-bezier(.3, .86, .36, .95), color .25s cubic-bezier(.3, .86, .36, .95);
    color: inherit;
    font-weight: 400
}

.breadcrumbs ul a:hover {
    opacity: .7
}

.hero-section {
    padding-bottom: 60px;
    color: #fff;
    background-color: #4d67e6
}

.hero-section.bg-decor:before {
    width: 554px;
    height: 564px;
    transform: rotate(-15deg);
    top: -10%;
    left: -410px;
    opacity: .7
}

.hero-section.bg-decor:after {
    width: 554px;
    height: 564px;
    top: auto;
    bottom: 0;
    right: -470px;
    transform: rotate(-195deg);
    opacity: .6
}

.hero-section .btn-tag {
    padding: 8px 17px;
    margin-bottom: 26px
}

.post-article-header {
    padding-bottom: 24px
}

.post-article-header .h1, .post-article-header h1 {
    letter-spacing: -.04em
}

.post-article-header > .image-holder {
    text-align: center
}

.post-info-footer .post-info {
    font-size: 16px;
    line-height: 1.625;
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden;
    margin-left: -17px
}

.bg-primary-alt .post-info-footer .post-info, .bg-primary .post-info-footer .post-info, .bg-success .post-info-footer .post-info, .hero-section .post-info-footer .post-info {
    color: #fff
}

.post-info-footer .post-info > li {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    padding-left: 17px;
    position: relative
}

.post-info-footer .post-info > li:last-child:after, .post-info-footer .post-info > li:not(:last-child):after {
    width: 4px;
    height: 4px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .5);
    margin: 0;
    position: absolute;
    left: 5px
}

.post-info-footer .post-info .published {
    color: hsla(0, 0%, 100%, .5)
}

.post-info-footer .post-info time {
    padding-left: 4px
}

.post-info-footer .author-block {
    display: inline-flex;
    vertical-align: middle
}

.post-info-footer .author-block .photo-holder {
    width: 48px;
    height: 48px
}

.post-info-footer .author-block .text-holder {
    overflow: hidden
}

.post-info-footer .author-block .h6:only-child, .post-info-footer .author-block h6:only-child {
    margin-bottom: 0
}

.bg-primary-alt .post-info-footer .author-block .h6, .bg-primary-alt .post-info-footer .author-block h6, .bg-primary .post-info-footer .author-block .h6, .bg-primary .post-info-footer .author-block h6, .bg-success .post-info-footer .author-block .h6, .bg-success .post-info-footer .author-block h6, .hero-section .post-info-footer .author-block .h6, .hero-section .post-info-footer .author-block h6 {
    color: #fff
}

.post-info-footer .author-block .h6 a, .post-info-footer .author-block h6 a {
    transition: opacity .25s cubic-bezier(.3, .86, .36, .95), color .25s cubic-bezier(.3, .86, .36, .95);
    color: inherit;
    text-decoration: underline
}

.post-info-footer .author-block .h6 a:hover, .post-info-footer .author-block h6 a:hover {
    opacity: .7;
    text-decoration: none
}

.author-section {
    padding-top: 50px;
    padding-bottom: 50px
}

.author-section.bg-primary .author-block {
    color: #fff
}

.author-section .author-block {
    display: block;
    color: #262626;
    font: 20px/1.4 Charter, Georgia, Times New Roman, Times, Baskerville, serif
}

.author-section .author-block .photo-holder {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px
}

.author-section .author-block .text-holder {
    text-align: center
}

.sub-nav {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 10px
}

.sub-nav.jcf-scrollable {
    width: 100% !important;
    max-height: calc(100vh - 280px);
    overflow-y: auto
}

.sub-nav .widget {
    margin-bottom: 0
}

.sub-nav .h6, .sub-nav .widgettitle, .sub-nav h6 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
    text-transform: uppercase;
    margin: 0 0 1.4em
}

.sub-nav ul {
    font: 600 16px/1.375 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.sub-nav ul.toc_widget_list {
    padding-left: 0 !important
}

.sub-nav ul li {
    padding-bottom: 16px
}

.sub-nav ul li.active > a {
    color: #4d67e6
}

.sub-nav ul li > ul:only-child {
    padding-top: 0;
    padding-left: 0
}

.sub-nav ul a {
    color: rgba(91, 95, 108, .7)
}

.sub-nav ul a:hover {
    color: #4d67e6
}

.sub-nav ul ul {
    padding-top: 16px;
    padding-left: 20px;
    font-weight: 500
}

.num-list {
    counter-reset: numBoxCounter;
    margin: 1.6em 0
}

.num-box {
    border-radius: 8px;
    background: rgba(209, 214, 237, .25);
    padding: 24px 24px 30px;
    margin-bottom: 24px;
    font: 18px/1.3889 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #5b5f6c
}

.num-box .caption-holder {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding-left: 56px;
    position: relative
}

.num-list .num-box .caption-holder:before {
    width: 40px;
    height: 40px;
    counter-increment: numBoxCounter;
    content: counter(numBoxCounter) "";
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    font-family: Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #fff;
    background: #4d67e6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0
}

.num-box .caption-holder:not(:last-child) {
    margin-bottom: 24px
}

.num-box .visual-holder {
    margin-bottom: 18px
}

.num-box .visual-holder:last-child {
    margin-bottom: 0
}

.num-box .visual-holder img {
    display: block;
    width: 100%;
    height: auto
}

.num-box .pre-wrap {
    margin: 1.3334em 0
}

.num-box .pre-wrap:last-child, .num-box p:last-child {
    margin-bottom: 0
}

.num-box mark {
    margin: 0;
    padding: 0;
    background: none;
    color: #262626
}

.download-block {
    margin: 3.2em 0;
    padding: 30px;
    border-radius: 8px;
    overflow: hidden
}

.download-block .text-holder:not(:last-child) {
    padding-bottom: 20px
}

.download-block .h2, .download-block h2 {
    letter-spacing: -.025em;
    margin: 0 0 .65em
}

.download-block .btn {
    min-width: 172px
}

.download-block .image-holder img {
    max-width: none;
    width: 100%;
    height: auto;
    margin-bottom: -30px
}

.slideshow {
    position: relative;
    min-height: 200px;
    margin: 2.8em 0
}

.slideshow.not-enough-slides .btn-next, .slideshow.not-enough-slides .btn-prev {
    visibility: hidden
}

.slideshow .slideset {
    margin-bottom: 16px
}

.slideshow .slide {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

.slideshow .slide.active {
    z-index: 2
}

.slideshow img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto
}

.slideshow .btn-next, .slideshow .btn-prev {
    transition: color .25s cubic-bezier(.3, .86, .36, .95), background .25s cubic-bezier(.3, .86, .36, .95);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -36px;
    background: hsla(0, 0%, 100%, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    padding: 2px 2px 0 0;
    z-index: 10
}

.slideshow .btn-next:hover, .slideshow .btn-prev:hover {
    color: #fff;
    background: #4d67e6
}

.slideshow .btn-next {
    padding: 2px 0 0 2px;
    left: auto;
    right: 15px
}

.slides-counter {
    text-align: center;
    font: 14px/1.2143 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: rgba(38, 38, 38, .5)
}

.current-num {
    color: #262626
}

.tags-block {
    border-top: 1px solid rgba(91, 95, 108, .1);
    border-bottom: 1px solid rgba(91, 95, 108, .1);
    padding-top: 16px;
    padding-bottom: 20px;
    margin-bottom: 8px
}

.tags-block .sub-title {
    margin-bottom: 12px
}

.tags-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.tags-list li {
    padding: 0
}

.meta-info {
    margin-top: 3.8em
}

.meta-info:not(:last-child) {
    margin-bottom: 2.3em
}

.meta-block {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(91, 95, 108, .1)
}

.meta-block .posted:not(:last-child) {
    margin-bottom: 30px
}

.posted .date-time {
    display: flex;
    align-items: center;
    font: 16px/20px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    letter-spacing: -.02em;
    color: rgba(91, 95, 108, .5)
}

.posted .date-time .icon {
    font-size: 20px;
    margin-right: 10px;
    flex-shrink: 0;
    color: #5b5f6c
}

.newsletter-block {
    padding: 30px;
    border-radius: 8px;
    overflow: hidden
}

.newsletter-block:not(:first-child) {
    margin-top: 3em
}

.newsletter-block:not(:last-child) {
    margin-bottom: 3em
}

.newsletter-block.bg-decor:before {
    top: -116%;
    left: -155px;
    transform: rotate(-15deg);
    opacity: .5
}

.newsletter-block.bg-decor:after {
    top: 14%;
    right: -215px;
    transform: rotate(-195deg);
    opacity: .6
}

.newsletter-block .text-holder:not(:last-child) {
    padding-bottom: 24px
}

.newsletter-block .h2, .newsletter-block h2 {
    margin: 0 0 .17em
}

.newsletter-block p:last-child {
    margin-bottom: 0
}

.newsletter-form form {
    position: relative;
    margin-bottom: 0
}

.newsletter-form .form-group {
    position: relative
}

.newsletter-form .form-group:before {
    content: "\e908";
    font-size: 18px;
    line-height: 1;
    font-family: icomoon;
    color: #b8c2f5;
    position: absolute;
    left: 16px;
    top: 23px
}

.newsletter-form input[type=email], .newsletter-form input[type=text] {
    font-size: 15px;
    line-height: 19px;
    border-color: transparent;
    box-shadow: none;
    border-radius: 8px;
    padding: 21px 16px 21px 44px
}

.newsletter-form button[type=submit], .newsletter-form input[type=submit] {
    width: 100%
}

.article-section {
    font: 16px/1.625 Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.article-section.bg-decor:after, .article-section.bg-decor:before {
    background: linear-gradient(133.6deg, rgba(141, 141, 236, .16) 54.65%, rgba(84, 84, 212, .01) 91.5%);
    transform: rotate(-30deg);
    opacity: .8;
    mix-blend-mode: multiply
}

.article-section.bg-decor:after {
    transform: rotate(-220deg);
    top: 10%;
    right: -300px
}

.article-section .h1, .article-section h1 {
    font-family: Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif;
    font-weight: 600;
    line-height: 1.3036;
    margin-bottom: .75em
}

.article-section .text-content {
    max-width: 630px
}

.article-section p {
    margin-bottom: .7em
}

.article-section p a, .article-section p mark {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    background: transparent;
    color: #4d67e6
}

.article-section .lead {
    font-size: 18px;
    line-height: 1.5
}

.article-section b, .article-section strong {
    font-weight: 500
}

.article-section .btn {
    margin-top: 19px
}

.article-section .image-holder {
    margin-right: -70px
}

.columns-row .image-col {
    padding-bottom: 30px
}

.features-section:last-child {
    padding-bottom: 80px
}

.features-section .h2, .features-section h2 {
    font-family: Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif;
    margin-bottom: 1.4em
}

.features-section .h2:first-child, .features-section h2:first-child {
    margin-top: 0
}

.features-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px)
}

.features-list:last-child {
    margin-bottom: -24px
}

.features-list > .col {
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px
}

.features-block {
    background: #fff;
    padding: 30px 20px;
    border-radius: 32px;
    box-shadow: 0 18px 42px rgba(9, 7, 36, .1);
    margin-bottom: 24px;
    font: 15px/1.6 Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #2f2f33
}

.features-block .icon-holder {
    display: flex;
    align-items: center;
    min-height: 84px;
    margin-bottom: 33px
}

.features-block p:last-child {
    margin-bottom: 0
}

.features-block .h4, .features-block h4 {
    line-height: 1.2083;
    font-family: Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.features-block .h4:first-child, .features-block h4:first-child {
    margin-top: 0
}

.banner {
    position: fixed;
    top: -3px;
    right: 0;
    width: 165px;
    height: 71px;
    z-index: 101;
    display: none
}

.banner a, .banner a img {
    display: block;
    height: 100%
}

.banner a img {
    width: auto;
    max-width: none
}

.banner-block {
    padding: 40px 30px;
    margin-top: 65px;
    margin-bottom: 65px;
    position: relative;
    font-size: 24px;
    line-height: 1.292;
    letter-spacing: -.015em;
    z-index: 10
}

.banner-block:first-child {
    margin-top: 0
}

.banner-block:last-child {
    margin-bottom: 0
}

.banner-block.image-full-height {
    align-items: center;
    font-size: 22px;
    line-height: 1.2
}

.banner-block.image-full-height .h2, .banner-block.image-full-height h2 {
    margin-bottom: .26em
}

.banner-block .text-holder {
    position: relative;
    z-index: 2
}

.banner-block .text-holder:only-child {
    padding-right: 0
}

.banner-block .h2, .banner-block h2 {
    font-size: 38px;
    line-height: 1.184;
    font-weight: 400;
    font-family: Charter, Georgia, Times New Roman, Times, Baskerville, serif;
    letter-spacing: -.025em;
    margin: 0 0 .45em
}

.banner-block p {
    margin-bottom: 1.1em
}

.banner-block p:last-child {
    margin-bottom: 0
}

.banner-block .image-holder {
    text-align: center;
    position: relative;
    z-index: 1
}

.banner-block .image-holder img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

.banner-block .bg-stretch {
    z-index: -1
}

.banner-block .bg-stretch img {
    -o-object-position: 100% 50%;
    object-position: 100% 50%
}

.subscribe-popup {
    transition: opacity .25s cubic-bezier(.3, .86, .36, .95), visibility .25s cubic-bezier(.3, .86, .36, .95);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    text-align: center;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    white-space: nowrap
}

.subscribe-popup.hidden-popup {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.subscribe-popup.hidden-popup .inner-area {
    opacity: 0;
    transition: opacity .3s ease-out, transform .3s ease-out .3s;
    transform: scale(.8)
}

.subscribe-popup:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px
}

.subscribe-popup:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .4
}

.subscribe-popup .scroll-area {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    overflow: auto;
    max-height: 100%
}

.subscribe-popup .indent-area {
    padding: 10px
}

.subscribe-popup .inner-area {
    padding: 40px 15px;
    position: relative;
    z-index: 2;
    background: #f7f7f6;
    border-radius: 5px;
    max-width: 750px;
    margin: 0 auto;
    opacity: 1;
    transform: scale(1);
    transition: opacity .2s ease-out .3s, transform .2s ease-out .3s
}

.subscribe-popup .text-holder {
    margin: 0 auto 30px;
    max-width: 630px;
    color: #333;
    font: 700 20px/26px Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.subscribe-popup .h2, .subscribe-popup h2 {
    color: #333;
    margin: 0 0 30px;
    font-size: 20px
}

.subscribe-popup .h2 a, .subscribe-popup .text-holder a, .subscribe-popup h2 a {
    text-decoration: none;
    color: #0086da
}

.subscribe-popup .h2 a:hover, .subscribe-popup .text-holder a:hover, .subscribe-popup h2 a:hover {
    text-decoration: underline
}

.popup-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 13px
}

.popup-close:hover:after, .popup-close:hover:before {
    background: #676767
}

.popup-close:after, .popup-close:before {
    transition: background .25s cubic-bezier(.3, .86, .36, .95);
    width: 15px;
    height: 3px;
    content: "";
    position: absolute;
    top: 8px;
    left: 3px;
    background: #000;
    transform: rotate(45deg)
}

.popup-close:before {
    transform: rotate(-45deg)
}

.cookies-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #444d50;
    z-index: 999;
    padding: 18px 0;
    transition: opacity .3s ease-out, visibility .3s ease-out, transform 1s ease-out;
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.active-cookies-popup .cookies-popup {
    display: block
}

.cookies-popup.hidden-popup {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px)
}

.cookies-popup .container {
    max-width: 1020px;
    padding-right: 100px
}

.cookies-popup .text-holder {
    color: #fff;
    padding: 0 20px 0 0;
    font: 13px/1.2 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.cookies-popup .text-holder p:last-child {
    margin-bottom: 0
}

.cookies-popup .text-holder a {
    color: #0086da;
    text-decoration: underline
}

.cookies-popup .text-holder a:hover {
    text-decoration: none
}

.cookies-popup .btn {
    flex-shrink: 0
}

.cookies-popup .popup-close {
    right: 70px;
    top: 50%;
    transform: translateY(-50%)
}

.cookies-popup .popup-close:hover:after, .cookies-popup .popup-close:hover:before {
    background: #ccc
}

.cookies-popup .popup-close:after, .cookies-popup .popup-close:before {
    width: 11px;
    height: 2px;
    top: 9px;
    left: 4px;
    background: #fff
}

#cookie-law-info-bar {
    font: 13px/1.2 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif !important;
    padding: 18px 0 !important;
    margin: 0 !important;
    text-align: left !important
}

#cookie-law-info-bar > span {
    display: block;
    width: 100%
}

#cookie-law-info-bar .container {
    max-width: 1020px;
    padding-right: 100px
}

#cookie-law-info-bar p:last-child {
    margin-bottom: 0
}

#cookie-law-info-bar a:not(.cookie_action_close_header) {
    color: #0086da;
    text-decoration: underline;
    margin: 0 4px
}

#cookie-law-info-bar a:not(.cookie_action_close_header):hover {
    text-decoration: none
}

#cookie-law-info-bar .cookie_action_close_header {
    width: 20px;
    height: 20px;
    position: absolute !important;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    background: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none
}

#cookie-law-info-bar .cookie_action_close_header:hover:after, #cookie-law-info-bar .cookie_action_close_header:hover:before {
    background: #ccc
}

#cookie-law-info-bar .cookie_action_close_header:after, #cookie-law-info-bar .cookie_action_close_header:before {
    transition: background .25s cubic-bezier(.3, .86, .36, .95);
    width: 11px;
    height: 2px;
    content: "";
    position: absolute;
    top: 9px;
    left: 4px;
    background: #fff;
    transform: rotate(45deg)
}

#cookie-law-info-bar .cookie_action_close_header:before {
    transform: rotate(-45deg)
}

.copy-clipboard {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.tooltip {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 5px 10px;
    margin: 0 0 5px;
    border-radius: 3px;
    background: #4d67e6;
    color: #fff;
    font: 12px/1 Proxima Nova, Helvetica Neue, Arial, Noto Sans, sans-serif;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}

.tooltip-active .tooltip {
    -webkit-animation: showTooltip 1.5s ease-in-out 0s backwards;
    animation: showTooltip 1.5s ease-in-out 0s backwards
}

@-webkit-keyframes showTooltip {
    0% {
        opacity: 0;
        visibility: hidden
    }
    10% {
        opacity: 1;
        visibility: visible
    }
    90% {
        opacity: 1;
        visibility: visible
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes showTooltip {
    0% {
        opacity: 0;
        visibility: hidden
    }
    10% {
        opacity: 1;
        visibility: visible
    }
    90% {
        opacity: 1;
        visibility: visible
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

.custom-table-additional td, .custom-table-additional th {
    font-size: 11px;
    white-space: pre-wrap;
    word-wrap: break-word
}

.table-wrap {
    width: 100%
}

.discount-bar {
    transition: color .25s cubic-bezier(.3, .86, .36, .95), background .25s cubic-bezier(.3, .86, .36, .95);
    display: block;
    background: #07003b;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 12px;
    line-height: 1.42;
    font-weight: 300;
    font-family: Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif;
    color: #fff
}

.discount-bar:hover {
    color: #fff;
    background: #0e0078
}

.discount-bar > .container {
    max-width: 375px;
    padding: 0 15px
}

.discount-bar .title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 6px
}

.discount-bar .title-wrap .icon-holder {
    flex-shrink: 0;
    flex-basis: auto;
    margin-right: 6px;
    width: 16px
}

.discount-bar .h6, .discount-bar h6 {
    display: block;
    line-height: 20px;
    font-weight: 600;
    padding-bottom: 2px;
    margin: 0;
    letter-spacing: -.14px
}

.discount-bar .btn, .discount-bar .h6, .discount-bar h6 {
    font-size: 14px;
    font-family: Poppins, Helvetica Neue, Arial, Noto Sans, sans-serif
}

.discount-bar .btn {
    line-height: 14px;
    font-weight: 500;
    text-transform: none;
    padding: 3px 14px;
    border-radius: 3px;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

.discount-bar .btn.btn-warning {
    background: #ed3c07;
    border-color: #ed3c07
}

.discount-bar .btn strong {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: -.01em
}

.discount-bar .btn span {
    display: inline-block;
    margin-left: 5px;
    line-height: 20px;
    font-size: 12px
}

.discount-bar .content-holder {
    display: flex;
    align-items: center;
    justify-content: center
}

.discount-bar .content-holder time {
    font-weight: 500;
    font-family: Proxima Nova, Arial, Helvetica, sans-serif
}

.discount-bar .content-holder span {
    line-height: 20px
}

.link-more {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    padding-right: 17px;
    position: relative
}

.discount-bar .link-more {
    transition: color .25s cubic-bezier(.3, .86, .36, .95);
    color: #4d67e6;
    padding-left: 20px
}

.discount-bar:hover .link-more {
    color: #637ae9
}

.link-more:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 8px;
    margin-left: 10px;
    position: relative;
    background-image: url(images/arrow-header.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-90deg)
}

.jcf-scrollable-wrapper {
    position: relative;
    width: 100% !important
}

.jcf-scrollable-wrapper:hover .jcf-scrollbar-handle {
    opacity: 1
}

.jcf-scrollable {
    width: 100% !important
}

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: transparent;
    width: .8rem;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 9
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    background: transparent;
    height: 0;
    width: 0;
    display: none
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    transition: opacity .25s cubic-bezier(.3, .86, .36, .95);
    background: rgba(86, 92, 102, .2);
    opacity: 0;
    height: 1px;
    width: .6rem;
    border-radius: 1.2rem
}

.jcf-scrollbar-horizontal {
    position: absolute;
    background: transparent;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 1px;
    height: .8rem
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: none;
    background: transparent;
    height: 0;
    width: 0
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    display: inline-block;
    position: relative;
    height: .8rem
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    background: #565c66;
    height: .8rem;
    border-radius: 1.2rem
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3
}

.jcf-disabled {
    background: #ddd !important
}

@media (min-width: 375px) {
    .discount-bar .link-more {
        margin-right: 8px
    }
}

@media (min-width: 480px) {
    .newsletter-form .form-group {
        margin-bottom: 0
    }

    .newsletter-form .form-group:before {
        left: 26px
    }

    .newsletter-form input[type=email], .newsletter-form input[type=text] {
        padding-right: 164px;
        padding-left: 54px
    }

    .newsletter-form button[type=submit], .newsletter-form input[type=submit] {
        min-width: 152px;
        width: auto;
        position: absolute;
        right: 6px;
        top: 6px
    }

    .discount-bar .btn span {
        margin-left: 5px
    }
}

@media (min-width: 640px) {
    .navigation-single {
        flex-wrap: nowrap
    }

    .navigation-single .next, .navigation-single .prev {
        max-width: calc(50% - 10px);
        width: auto
    }

    .navigation-single .next a, .navigation-single .prev a {
        display: inline-block;
        vertical-align: top;
        width: auto
    }
}

@media (min-width: 744px) {
    .header-banner .banner-container {
        flex-direction: row
    }

    .header-banner .banner-content {
        margin: 0 32px 0 0
    }

    .header-banner .text {
        margin: 0 16px
    }

    .header-banner-ai, .header-banner-gdd {
        height: 48px
    }

    .header-banner-ai .bg-union-1, .header-banner-gdd .bg-union-1 {
        width: 421px;
        background-image: url(images/bg-union-1.svg)
    }

    .header-banner-ai .bg-union-4, .header-banner-gdd .bg-union-4 {
        width: 374px;
        background-image: url(images/bg-union-4.svg)
    }

    .header-banner-ai .logo-old, .header-banner-gdd .logo-old {
        width: 124px;
        height: 18.5px;
        flex-shrink: 0
    }

    .header-banner-ai .logo-new, .header-banner-gdd .logo-new {
        width: 167px;
        height: 29px;
        flex-shrink: 0
    }

    .header-banner-ai .more, .header-banner-gdd .more {
        font-weight: 600
    }

    .header-banner-ai .bg-union-1, .header-banner-ai .bg-union-4 {
        height: 48px;
        top: 0
    }

    .header-banner-ai .banner-content {
        margin: 0 16px 0 0
    }

    .header-banner-ai .text {
        margin: 0
    }

    .header-banner-ai .more {
        padding-right: 12px
    }

    .header-banner-ai .more:after {
        margin-left: 6px
    }
}

@media (min-width: 768px) {
    .commentlist-item .commentlist-item {
        padding: 0 0 0 32px
    }



    #header .war-in-ukraine + .container {
        min-height: 142px
    }

    #nav {
        max-width: 376px
    }

    #nav .drop-parent {
        cursor: default
    }

    #nav .red-box {
        font-size: 13px;
        box-shadow: 0 0 4px rgba(0, 0, 0, .5)
    }

    .header-form {
        top: 94px
    }

    .header-form .form-container {
        width: 375px;
        margin: 0 auto;
        padding-top: 20px
    }

    .two-columns {
        display: flex;
        margin: 0 -15px;
        width: calc(100% + 30px)
    }

    .two-columns .sidebar {
        padding: 0 15px;
        width: 33.3333%;
        flex-shrink: 0
    }

    .two-columns .content {
        padding: 48px 15px 0;
        flex-grow: 1;
        width: 66.6667%
    }

    .bg-decor:after, .bg-decor:before {
        width: 554px;
        height: 564px;
        top: -20%;
        left: -355px
    }

    .bg-decor:after {
        top: -20%;
        left: auto;
        right: -365px
    }

    .subscribe-block {
        padding: 47px 0
    }

    .subscribe-block .container {
        flex-direction: row;
        justify-content: space-between
    }

    .subscribe-block .container .subscribe-content {
        margin: 0 24px 0 0
    }

    .subscribe-block .container .subscribe-form {
        width: 470px
    }

    .columns-js li:nth-child(n+4) {
        display: none
    }

    .buttons-row:last-child {
        margin-bottom: -6px
    }

    .post-article .content > .author-block .photo-holder {
        width: 80px;
        height: 80px;
        margin-top: 2px
    }

    .blog-list {
        justify-content: center
    }

    .blog-list:last-child {
        margin-bottom: -72px
    }

    .blog-list .blog-post {
        width: 50%
    }

    .search-holder {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between
    }

    .search-holder .title {
        flex-shrink: 0;
        padding-right: 30px
    }

    .blog .search-form {
        flex-grow: 1;
        margin-bottom: 0
    }

    .blog .search-form input {
        margin-bottom: 10px
    }

    .hero-section.bg-decor:before {
        left: -255px;
        top: -20%
    }

    .hero-section.bg-decor:after {
        bottom: 0;
        right: -355px
    }

    .post-article-header {
        display: flex;
        align-items: center;
        padding-bottom: 15px
    }

    .post-article-header > .text-holder {
        width: 66%;
        padding-right: 30px
    }

    .post-article-header > .image-holder {
        width: 34%
    }

    .author-section {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .author-section.bg-decor:before {
        top: -250px
    }

    .author-section.bg-decor:after {
        bottom: -250px
    }

    .author-section .author-block {
        display: flex
    }

    .author-section .author-block .photo-holder {
        width: 160px;
        height: 160px;
        margin: 0 30px 0 0;
        max-width: none
    }

    .author-section .author-block .text-holder {
        text-align: left;
        align-self: center
    }

    .download-block {
        display: flex;
        align-items: center
    }

    .download-block .text-holder {
        width: 50%;
        padding-right: 30px
    }

    .download-block .text-holder:not(:last-child) {
        padding-bottom: 0
    }

    .download-block .image-holder {
        width: 50%;
        align-self: flex-end
    }

    .download-block .image-holder img {
        margin-left: -20%;
        width: 120%
    }

    .slideshow .btn-next, .slideshow .btn-prev {
        left: 24px
    }

    .slideshow .btn-next {
        left: auto;
        right: 24px
    }

    .tags-block {
        display: flex;
        padding-top: 12px
    }

    .tags-block .sub-title {
        flex-shrink: 0;
        margin-bottom: 0;
        padding: 18px 8px 17px 0
    }

    .tags-list {
        flex-grow: 1
    }

    .meta-block {
        display: flex
    }

    .meta-block .posted:not(:last-child) {
        margin-bottom: 0;
        padding-left: 20px;
        order: 2;
        flex-shrink: 0
    }

    .meta-block .social-networks {
        order: 1;
        flex-grow: 1
    }

    .posted .date-time {
        padding-top: 11px
    }

    .newsletter-block.bg-decor:before {
        left: -355px
    }

    .article-section.bg-decor:after {
        top: 10%;
        right: -365px
    }

    .article-section .image-holder {
        margin: 0 -100px 0 -20px
    }

    .columns-row {
        display: flex;
        width: 100%
    }

    .columns-row .text-col {
        width: 55%;
        order: 1
    }

    .columns-row .image-col {
        width: 45%;
        order: 2;
        padding: 0 0 0 20px
    }

    .features-list > .col {
        width: 33.33%
    }

    .banner-block {
        display: flex;
        align-items: flex-end
    }

    .banner-block.image-full-height .image-holder {
        width: calc(48% + 15px);
        margin-top: -40px;
        margin-bottom: -40px;
        margin-right: -15px
    }

    .banner-block .text-holder {
        flex-grow: 1;
        padding-right: 30px
    }

    .banner-block .image-holder {
        flex-shrink: 0;
        width: 37%
    }

    .banner-block .image-holder.image-holder-lg {
        width: 49%
    }

    .subscribe-popup .text-holder {
        margin-bottom: 24px
    }

    .subscribe-popup .btn {
        min-width: 263px
    }

    .cookies-popup .container {
        padding-right: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }

    .cookies-popup .popup-close {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0)
    }

    #cookie-law-info-bar .container {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }
}

@media (min-width: 1024px) {
    .h1, h1 {
        font-size: 56px
    }

    .h2, h2 {
        font-size: 34px
    }

    .h3, h3 {
        font-size: 28px
    }

    .h4, h4 {
        font-size: 24px
    }

    .h5, h5 {
        font-size: 18px
    }

    .h6, h6 {
        font-size: 16px
    }

    blockquote {
        font-size: 28px;
        padding: 30px 30px 30px 40px
    }

    blockquote .author-block .photo-holder, blockquote cite .photo-holder, blockquote footer .photo-holder {
        width: 50px;
        height: 50px
    }

    blockquote .author-block .text-holder, blockquote cite .text-holder, blockquote footer .text-holder {
        padding-top: 3px
    }

    blockquote .author-block .h6, blockquote .author-block h6, blockquote cite .h6, blockquote cite h6, blockquote footer .h6, blockquote footer h6 {
        margin-bottom: 7px
    }

    .underline {
        background: url(images/underline-h1.svg);
        background-repeat: repeat-y;
        background-size: 100% 80px
    }

    .h2 .underline, h2 .underline {
        background-image: url(images/underline-h2.svg);
        background-size: 100% 68px
    }

    #nav .red-box {
        top: 100%;
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        margin-top: 4px;
        padding: 9px 5px 7px;
        border-radius: 3px;
        text-transform: none
    }

    #nav .red-box, #nav .red-box:before {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    #nav .red-box:before {
        width: 0;
        height: 0;
        content: "";
        bottom: 100%;
        border-color: transparent transparent #ce3a2e;
        border-style: solid;
        border-width: 0 4px 5px
    }

    main {
        padding-bottom: 42px
    }

    .sidebar-wrap {
        padding-top: 48px;
        max-width: 280px
    }

    .columns-js li:nth-child(n+4) {
        display: block
    }

    .columns-js li:nth-child(n+6) {
        display: none
    }

    .blog-section.related-posts > .container .h2, .blog-section.related-posts > .container h2 {
        font-size: 36px;
        line-height: 1.3056
    }

    .blog-list {
        justify-content: flex-start
    }

    .blog-list .blog-post {
        width: 33.33%
    }

    .blog .search-form input {
        margin-bottom: 16px
    }

    .main-title {
        text-align: left
    }

    .main-title > .container {
        padding-top: 43px;
        padding-bottom: 43px;
        display: flex;
        align-items: center
    }

    .main-title .title-wrap:not(:last-child) {
        padding-right: 20px
    }

    .main-title .h1, .main-title .h2, .main-title h1, .main-title h2 {
        font-size: 36px;
        letter-spacing: -.0139em
    }

    .main-title .social-networks {
        flex-shrink: 0;
        width: auto
    }

    .main-title .social-networks ul {
        justify-content: flex-start
    }

    .categories-row {
        padding-bottom: 36px
    }

    .main-title > .container + .categories-row {
        margin-top: -15px
    }

    .categories-row > .container {
        display: flex;
        width: 100%
    }

    .categories-row .search-form {
        margin-bottom: 0;
        flex-shrink: 0;
        width: 300px;
        padding-top: 4px;
        order: 2
    }

    .categories-row .search-form input[type=search], .categories-row .search-form input[type=text] {
        margin-bottom: 0
    }

    .categories-list {
        margin-bottom: 0;
        flex-grow: 1;
        justify-content: flex-start;
        order: 1
    }

    .categories-list li {
        padding: 4px 8px 4px 0
    }

    .hero-section {
        padding-bottom: 88px
    }

    .hero-section.bg-decor:before {
        top: -30%;
        left: -155px
    }

    .hero-section.bg-decor:after {
        top: 18%;
        right: -215px;
        bottom: auto
    }

    .author-section.bg-decor:before {
        top: -200px;
        left: -200px
    }

    .author-section .author-block .photo-holder {
        width: 216px;
        height: 216px
    }

    .download-block {
        padding: 48px 52px 48px 48px
    }

    .download-block .text-holder {
        width: 70%
    }

    .download-block .h2, .download-block h2 {
        font-size: 38px;
        line-height: 1.2895
    }

    .download-block .image-holder {
        width: 30%
    }

    .download-block .image-holder img {
        margin: -28px 0 -48px -100%;
        width: 200%
    }

    .newsletter-block {
        display: flex;
        align-items: center;
        padding: 70px 32px 80px 64px
    }

    .newsletter-block.bg-decor:before {
        left: -155px
    }

    .newsletter-block .text-holder {
        width: 53%;
        padding-right: 30px
    }

    .newsletter-block .text-holder:not(:last-child) {
        padding-bottom: 0
    }

    .newsletter-block .h2, .newsletter-block h2 {
        font-size: 38px;
        line-height: 1.2895
    }

    .newsletter-block .form-holder {
        width: 47%;
        padding-top: 10px
    }

    .article-section {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .article-section.bg-decor:after, .article-section.bg-decor:before {
        width: 1245px;
        height: 1245px;
        top: -68%;
        left: -850px;
        border-radius: 100px
    }

    .article-section.bg-decor:after {
        top: -10%;
        left: auto;
        right: -1000px
    }

    .article-section .image-holder {
        margin-right: -130px
    }

    .features-section {
        padding-top: 90px
    }

    .features-section:last-child {
        padding-top: 90px;
        padding-bottom: 158px
    }

    .features-section .h2, .features-section h2 {
        font-size: 48px;
        line-height: 1.2;
        letter-spacing: -.005em
    }

    .features-block {
        padding: 40px 38px
    }

    .subscribe-popup .indent-area {
        padding: 45px
    }

    .subscribe-popup .inner-area {
        box-shadow: 0 10px 38px 0 rgba(0, 0, 0, .33);
        padding-left: 73px;
        padding-right: 73px
    }

    .popup-close {
        top: 26px;
        right: 35px
    }

    .cookies-popup .container {
        padding-left: 70px
    }

    #cookie-law-info-bar .container {
        padding-left: 100px
    }

    .discount-bar {
        font-size: 14px;
        font-weight: 500;
        padding-top: 8px
    }

    .discount-bar > .container {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 1822px;
        white-space: nowrap
    }

    .discount-bar .title-wrap {
        justify-content: flex-start;
        padding-bottom: 0
    }

    .discount-bar .title-wrap .icon-holder {
        width: 24px;
        margin-right: 8px
    }

    .discount-bar .h6, .discount-bar h6 {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: -.8px
    }

    .discount-bar .btn {
        margin-bottom: 0;
        margin-left: 20px;
        margin-right: 20px
    }

    .discount-bar .btn strong {
        margin-right: 3px;
        font-size: 20px
    }

    .discount-bar .btn span {
        font-size: 14px
    }

    .discount-bar .content-holder {
        padding-left: 5px
    }

    .discount-bar .content-holder time {
        font-weight: 700
    }

    .discount-bar .link-more {
        margin-right: 0;
        padding-left: 14px;
        margin-left: 0
    }
}

@media (min-width: 1024px) and (min-width: 1300px) {
    .columns-js li:nth-child(n+6) {
        display: block
    }

    .columns-js li:nth-child(n+8) {
        display: none
    }
}


@media (min-width: 1200px) {
    .header-banner-ai .bg-union-2, .header-banner-gdd .bg-union-2 {
        left: 400px;
        width: 457px;
        background-image: url(images/bg-union-2.svg)
    }

    .discount-bar .h6, .discount-bar h6 {
        padding-top: 1px;
        letter-spacing: -.2px
    }

    .discount-bar .btn {
        font-size: 14px;
        line-height: 20px;
        padding: 4px 15px;
        margin-left: 24px;
        margin-right: 24px
    }

    .discount-bar .btn strong {
        font-size: 20px;
        line-height: 1;
        margin-right: 0
    }

    .discount-bar .btn span {
        margin-left: 8px
    }

    .discount-bar .content-holder {
        padding-left: 0
    }

    .discount-bar .content-holder span {
        padding-right: 10px
    }

    .discount-bar .link-more {
        padding-right: 0
    }
}

@media (min-width: 1210px) {
    .author-section .author-block .photo-holder {
        width: 256px;
        height: 256px
    }

    .banner-block {
        padding: 60px 70px
    }

    .banner-block.image-full-height {
        padding: 50px 60px
    }

    .banner-block.image-full-height .image-holder {
        width: calc(48% + 45px);
        margin-top: -50px;
        margin-bottom: -50px;
        margin-right: -45px
    }
}

@media (min-width: 1300px) {
    blockquote {
        padding: 64px 64px 64px 59px
    }

    blockquote:before {
        font-size: 250px
    }

    #header .panel {
        flex-grow: 1;
        display: flex !important;
        align-items: center;
        width: auto;
        position: relative !important;
        left: auto;
        top: auto !important;
        max-width: none;
        bottom: auto;
        overflow: visible;
        flex-direction: row;
        padding: 0;
        justify-content: space-between
    }

    .contacts {
        flex-shrink: 0;
        justify-content: flex-start;
        margin: 0;
        width: auto;
        max-width: none
    }

    .contacts li {
        padding: 0;
        margin-bottom: 0;
        margin-right: 10px;
        flex: none
    }

    .contacts li:last-child {
        margin-right: 0
    }

    .contacts a:hover {
        background-color: transparent
    }

    .contacts a {
        padding: 0;
        line-height: 17px;
        width: auto;
        border: 0;
        flex-direction: row
    }

    .contacts a span {
        font-size: 12px;
        margin: 0 8px 0 0;
        font-weight: 500
    }

    .contacts a span.icon-phone {
        font-weight: 900
    }

    .contacts-list .comments, .contacts-list .mail, .contacts-list .phone, .contacts .comments, .contacts .mail, .contacts .phone {
        width: 12px;
        height: 12px
    }

    #nav {
        flex-direction: row;
        width: auto;
        max-width: none;
        padding: 0;
        font-size: 14px;
        line-height: 20px
    }

    #nav .drop-holder.drop-active > a {
        background-color: transparent
    }

    #nav .drop-holder.drop-active > a .icon-chevron-down {
        transform: rotate(0)
    }

    #nav .drop-holder.drop-active .drop {
        visibility: visible;
        opacity: 1
    }

    #nav ul {
        justify-content: flex-start
    }

    #nav ul ul {
        text-align: left;
        position: relative
    }

    #nav > ul {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row
    }

    #nav > ul > li {
        border-bottom: 0
    }

    #nav > ul > li.hover .drop {
        opacity: 1;
        visibility: visible
    }

    #nav > ul > li .drop-parent:before {
        content: "";
        position: absolute;
        top: calc(100% + 6px);
        left: 50%;
        width: 18px;
        height: 7px;
        background: url(images/arrow.png) no-repeat;
        z-index: 3;
        transform: translateY(-50%);
        visibility: hidden;
        opacity: 0;
        transition: opacity visibility cubic-bezier(.3, .86, .36, .95)
    }

    #nav > ul:first-child > li .drop-parent, #nav > ul:first-child > li > a {
        padding: 8px 8px;
    }

    #nav > ul:first-child > li.active .drop-parent, #nav > ul:first-child > li.active > a, #nav > ul:first-child > li:hover .drop-parent, #nav > ul:first-child > li:hover > a {
        border-radius: 4px
    }

    #nav .drop-parent .icon-chevron-down {
        padding-top: 1px
    }

    #nav .drop {
        transition: opacity .25s cubic-bezier(.3, .86, .36, .95), visibility .25s cubic-bezier(.3, .86, .36, .95);
        position: absolute;
        top: 100% !important;
        left: 50% !important;
        height: auto !important;
        display: block !important;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        overflow: visible !important;
        min-width: 223px;
        max-width: 400px;
        width: auto;
        padding-top: 7px
    }

    .resize-active #nav .drop {
        transition: none
    }

    #nav .drop .inner {
        border: 1px solid #e7ebf1;
        box-shadow: 0 22px 44px rgba(0, 10, 57, .15);
        padding: 12px 24px;
        background: #fff;
        max-height: calc(100vh - 76px);
        overflow: auto
    }

    #nav .drop ul li {
        text-align: left;
        border-bottom: 1px solid #dbe0fe;
        border-top: 0
    }

    #nav .drop ul li:last-child {
        border-bottom: 0
    }

    #nav .btn-nav-link a {
        line-height: 14px;
        margin-right: 8px;
        width: auto
    }

    #nav .btn-nav-link a:after {
        display: none
    }

    #nav .nav-buttons {
        padding-top: 0;
        margin-left: 20px;
        width: auto;
    }

    #nav .nav-buttons li {
        margin-right: 8px;
        margin-bottom: 0;
        position: relative
    }

    #nav .nav-buttons .client-area-link:before {
        content: "";
        position: absolute;
        top: calc(100% + 10px);
        left: 50%;
        width: 18px;
        height: 7px;
        background: url(images/arrow.png) no-repeat;
        display: none
    }

    .header-form {
        display: none;
        width: 320px;
        border: 1px solid #e7ebf1;
        box-shadow: 0 22px 44px rgba(0, 10, 57, .15);
        border-radius: 5px;
        top: calc(100% + 14px);
        right: 0;
        height: auto;
        position: absolute;
        bottom: auto
    }

    .header-form .form-container {
        width: auto;
        margin: 0;
        padding-top: 0
    }

    .header-form .back-row {
        display: none
    }

    .header-form .row-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 0
    }

    .header-form .row-box label {
        display: inline-block;
        margin-bottom: 0
    }

    .header-form .row-box button[type=submit] {
        width: auto;
        padding: 9px 32px
    }

    .reset-link {
        margin-bottom: 0
    }

    .hero-section.bg-decor:before {
        width: 1224px;
        height: 1248px;
        top: -103%;
        left: -863px
    }

    .hero-section.bg-decor:after {
        width: 1224px;
        height: 1248px;
        right: -907px
    }

    .post-article-header > .text-holder {
        width: 60%
    }

    .post-article-header > .image-holder {
        width: 40%;
        padding-right: 65px
    }

    .author-section.bg-decor:before {
        top: -700px
    }

    .download-block .text-holder {
        width: 60%
    }

    .download-block .image-holder {
        width: 40%
    }

    .download-block .image-holder img {
        margin-left: -49%;
        width: 149%
    }

    .article-section .image-holder {
        margin: -30px -200px -55px -65px
    }

    .cookies-popup .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .custom-table-additional td, .custom-table-additional th {
        font-size: 13px
    }
}

@media (min-width: 1400px) {
    .header-banner-ai .bg-union-3, .header-banner-gdd .bg-union-3 {
        right: 250px;
        width: 457px;
        background-image: url(images/bg-union-3.svg)
    }
}

@media (min-width: 1440px) {
    #nav > ul > li .drop-parent, #nav > ul > li > a {
        padding: 15px 16px
    }

    #nav > ul:first-child > li .drop-parent, #nav > ul:first-child > li > a {
        padding: 8px 8px;
    }

    .article-section.bg-decor:after {
        top: 0;
        right: -960px
    }

    .cookies-popup .popup-close {
        margin-left: 33px
    }
}

@media (min-width: 1600px) {
    .contacts a {
        font-size: 14px
    }

    #nav .btn-nav-link a {
        padding: 16px 11px !important;
        text-align: center;
        min-width: 204px
    }

    #nav .nav-buttons .order-link {
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    .navigation-comments .page-numbers, .navigation .page-numbers {
        padding: 0 3px
    }

    #header .discount-bar + .container .panel, #header .header-banner + .container .panel, #header .war-in-ukraine + .container .panel {
        top: 170px !important
    }

    #header .war-in-ukraine + .container .panel {
        top: 115px !important
    }

    .buttons-row .btn {
        display: block;
        width: 100%;
        margin: 0
    }

    .buttons-row .btn + .btn {
        margin-top: 15px
    }

    .blog-list .blog-post:last-child {
        padding-bottom: 0
    }

    .article-section .image-holder {
        text-align: center
    }

    .banner-block .bg-stretch, .banner-block .image-holder {
        display: none
    }

    .table-wrap .custom-table-additional {
        width: 720px !important;
        max-width: none !important;
        margin: 0 0 .5em !important;
        flex-shrink: 0
    }

    .table-wrap {
        overflow-x: auto;
        margin: 0 -20px .5em;
        width: calc(100% + 40px);
        padding-left: 20px;
        display: flex
    }

    .table-wrap:after {
        content: "";
        width: 20px;
        height: 100%;
        flex-shrink: 0
    }
}

@media (max-width: 743px) {
    #header .header-banner + .container .panel {
        top: 159px !important
    }

    .header-banner .banner-content {
        width: 100%
    }

    .header-banner-ai .banner-content {
        text-align: center
    }
}

@media (max-width: 1299px) {
    .menu {
        display: block
    }

    .header-form {
        display: block !important
    }

    .banner {
        display: none !important
    }

    .custom-table-additional th {
        font-size: 12px
    }
}

@media (max-width: 1199px) {
    .header-banner-ai .bg-union-2, .header-banner-gdd .bg-union-2 {
        display: none
    }
}

@media (max-width: 1399px) {
    .header-banner-ai .bg-union-3, .header-banner-gdd .bg-union-3 {
        display: none
    }
}

@media (max-width: 1023px) {
    .post-article .two-columns .sidebar {
        position: absolute;
        left: -9999px;
        top: -9999px
    }

    .main-title .title-wrap p {
        display: none
    }

    .main-title .h1, .main-title .h2, .main-title .h3, .main-title .h4, .main-title .h5, .main-title .h6, .main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6 {
        margin-bottom: 0
    }

    .main-title .social-networks {
        display: none
    }

    .categories-list .btn {
        padding-left: 11px;
        padding-right: 11px
    }

    .discount-bar .btn {
        display: block
    }
}

@media (min-width: 768px) and (max-width: 1299px) {
    #header .discount-bar + .container .panel, #header .header-banner + .container .panel, #header .war-in-ukraine + .container .panel {
        top: 142px !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    #header .discount-bar + .container .panel {
        top: 197px !important
    }
}

@media (min-width: 744px) and (max-width: 767px) {
    #header .header-banner + .container .panel {
        top: 115px !important
    }
}

@media (min-width: 1300px) and (max-width: 1599px) {

    #nav .btn-nav-link a {
        padding: 10px 12px !important
    }

    #nav .btn-nav-link.highlighted a:before {
        width: 18px;
        height: 18px;
        top: -9px;
        right: 10px
    }
}



@media (min-width: 1024px) and (max-width: 1209px) {
    .banner-block .image-holder.image-holder-lg {
        width: 45%
    }
}



/*FOOTER begin*/
/*icons begin*/


.icon-footer-location:before {
    content: "\e900";
    color: #386ef9;
}

.icon-footer-envelope:before {
    content: "\e902";
    color: #386ef9;
}
.icon-footer-linkedin:before {
    /*content: "\e903";*/
    content: "\e907";
    color: #fff;
}
/*.icon-footer-twitter:before {*/
/*    content: "\e904";*/
/*    color: #fff;*/
/*}*/
.icon-footer-facebook:before {
    /*content: "\e905";  - from gdd*/
    content: "\e904";
    color: #fff;
}
.icon-footer-twitter:before {
    /*content: "\e907";*/
    content: "\e906";
    color: #fff;
}

/*icons end*/

#footer {
    position: relative;
    background-color: gainsboro;
    font-family: "Inter Tight", sans-serif;
}

#footer .container {
    display: block;
    max-width: 1264px; /* 1224+20+20*/
    margin: auto;
    padding: 0 20px;
}
@media (max-width: 767px) {
    #footer .container {
        padding: 0 16px;
    }
}

#footer a {
    text-decoration: none;
}


#footer .subscribe-block {
    background-color: #506BF0;
    padding: 47px 0;
}
@media (max-width: 767px) {
    #footer .subscribe-block {
        padding: 40px 0;
    }
}
#footer .subscribe-block .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 767px) {
    #footer .subscribe-block .container {
        flex-direction: column;
    }
}

#footer .subscribe-block .left {
    margin-right: 24px;
}
@media (max-width: 767px) {
    #footer .subscribe-block .left {
        margin: 0 0 24px;
    }
}

#footer .subscribe-block .right {
    width: 470px;
    max-width: 100%;
}

#footer .subscribe-block .title {
    margin-bottom: 6px;
    font-size: 24px;
    line-height: 31px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

#footer .subscribe-block .subtitle {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.76);
}


#footer .footer-content {
    background-color: #080D24;
}

#footer .footer-content ul {
    margin: 0;
    padding: 0;
}
#footer .footer-content li {
    list-style: none;
}

#footer .footer-content .title {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    color: #fff;
}
@media (max-width: 767px) {
    #footer .footer-content .title {
        margin-bottom: 24px;
    }
}

#footer .footer-content .menu-item,
#footer .footer-content .item {
    display: block;
    padding: 0;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #A4A4AF;
    letter-spacing: 0.01em;
    @media (max-width: 767px) {
        margin-bottom: 12px;
    }
}
#footer .footer-content .menu-item > a,
#footer .footer-content .item > a {
    color: #A4A4AF;
}

#footer .footer-content a.menu-item:hover,
#footer .footer-content a.item:hover,
#footer .footer-content .menu-item > a:hover,
#footer .footer-content .item > a:hover {
    color: #386EF9;
}

#footer .footer-general {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 96px 0 64px;
    border-bottom: 1px solid rgba(255,255,255,0.16);
    @media (max-width: 1023px) {
        flex-wrap: wrap;
        gap: 48px;
    }
    @media (max-width: 767px) {
        padding: 48px 0;
        gap: 48px;
        flex-direction: column;
    }
}


#footer .footer-general .right {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 808px;
    @media (max-width: 1023px) {
        width: 100%;
    }
    @media (max-width: 767px) {
        flex-direction: column;
        gap: 32px;
    }
}

#footer .footer-general .column {
    width: 270px;
}
@media (max-width: 1023px) {
    #footer .footer-general .column {
        width: 49%;
    }
}
@media (max-width: 767px) {
    #footer .footer-general .column {
        width: auto;
    }
}

#footer .footer-general .column.column--logo {
    width: 190px;
}
@media (max-width: 767px) {
    #footer .footer-general .column.column--logo {
        position: relative;
        width: 100%;
    }
}
#footer .footer-general .column.column--about {
    width: 160px;
}
#footer .footer-general .column.column--get-in-touch {
    width: 221px;
}
#footer .footer-general .column.column--certified {
    width: 256px;
}

#footer .footer-general .footer-logo {
    display: block;
    width: 190px;
    height: 32px;
    margin-bottom: 24px;
    background-image: url("images/footer/logo-footer.svg");
    background-repeat: no-repeat;
    background-size: contain;

    @media (max-width: 767px) {
        margin-bottom: 24px;
    }
}

#footer .footer-general .footer-logo-text {
    margin-bottom: 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #FFFFFF;

    @media (max-width: 767px) {
        margin-bottom: 32px;
    }
}

#footer .footer-general .social-list-title {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #FFFFFF;
    text-transform: uppercase;
}

#footer .footer-general .social-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 104px;
}

#footer .footer-general .social-item {}
#footer .footer-general .social-item::before {
    font-size: 24px;
    color: #fff;
    transition: color .3s ease;
}

#footer .footer-general .social-item.icon-footer-facebook:hover::before {
    color: #3b5998;
}
#footer .footer-general .social-item.icon-footer-twitter:hover::before {
    color: #00acdc;
}
#footer .footer-general .social-item.icon-footer-linkedin:hover::before {
    color: #0989a9;
}

#footer .footer-general .about-list {}
#footer .footer-general .about-list .menu-item:last-child,
#footer .footer-general .about-list .item:last-child {
    margin-bottom: 0;
}
#footer .footer-general .contacts-list {}
#footer .footer-general .contacts-list .menu-item,
#footer .footer-general .contacts-list .item {
    display: flex;
    font-style: normal;
}
#footer .footer-general .contacts-list .menu-item:last-child,
#footer .footer-general .contacts-list .item:last-child {
    margin-bottom: 0;
}

#footer .footer-general .contacts-list .menu-item::before,
#footer .footer-general .contacts-list .item::before {
    content: '';
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: auto;
    background-repeat: no-repeat;
}

#footer .footer-general .contacts-list .item--email::before {
    background-image: url("images/footer/icon-email.svg");
}
#footer .footer-general .contacts-list .item--phone::before {
    background-image: url("images/footer/icon-phone.svg");
}
#footer .footer-general .contacts-list .item--address::before {
    background-image: url("images/footer/icon-location.svg");
}

#footer .footer-general .iso-clutch-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*iso certification begin*/
#footer .footer-general .iso-logo {
    width: 104px;
    height: 122px;
    background-image: url("images/footer/logo-iso.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
/*iso certification end*/

#footer .footer-general .clutch-logo {
    width: 129px;
    height: 120px;
    background-image: url("images/footer/logo-clutch.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

#footer .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 0;

    @media (max-width: 1023px) {
        flex-direction: column;
        align-items: start;
        gap: 32px;
    }
}

#footer .footer-bottom .left {}

#footer .footer-bottom .right {}

#footer .footer-bottom .menu-item,
#footer .footer-bottom .item {
    display: inline-block;
    margin: 0;
}
@media (max-width: 767px) {
    #footer .footer-bottom .menu-item,
    #footer .footer-bottom .item {
        display: block;
    }
}

#footer .footer-bottom .menu-item + .menu-item,
#footer .footer-bottom .item + .item {
    margin-left: 23px;
}
@media (max-width: 767px) {
    #footer .footer-bottom .item + .item,
    #footer .footer-bottom .menu-item + .menu-item {
        margin: 12px 0 0;
    }
}

#footer .footer-link-to-german {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    background: transparent;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 500;
    color: #27272C;
    z-index: 5;
}
#footer .footer-link-to-german a {
    color: #27272C;
    cursor: pointer;
}
/*FOOTER end*/