/*! 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;
   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
}

template {
   display: none
}

[hidden] {
   display: none
}

.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-tap-highlight-color: transparent
}

.slick-list {
   position: relative;
   display: block;
   overflow: hidden;
   margin: 0;
   padding: 0
}

.slick-list:focus {
   outline: 0
}

.slick-list.dragging {
   cursor: pointer;
   cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
}

.slick-track {
   position: relative;
   top: 0;
   left: 0;
   display: block;
   margin-left: auto;
   margin-right: auto
}

.slick-track:after,
.slick-track:before {
   display: table;
   content: ''
}

.slick-track:after {
   clear: both
}

.slick-loading .slick-track {
   visibility: hidden
}

.slick-slide {
   display: none;
   float: left;
   height: 100%;
   min-height: 1px
}

[dir=rtl] .slick-slide {
   float: right
}

.slick-slide img {
   display: block
}

.slick-slide.slick-loading img {
   display: none
}

.slick-slide.dragging img {
   pointer-events: none
}

.slick-initialized .slick-slide {
   display: block
}

.slick-loading .slick-slide {
   visibility: hidden
}

.slick-vertical .slick-slide {
   display: block;
   height: auto;
   border: 1px solid transparent
}

.slick-arrow.slick-hidden {
   display: none
}

html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased
}

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

a {
   color: inherit
}

a:hover {
   color: #af1d1f
}

input,
textarea {
   border-radius: 0;
   color: currentColor
}

:focus {
   outline: 0
}

::-moz-selection {
   background-color: #d62628
}

::selection {
   background-color: #d62628
}

body {
   position: relative;
   font-family: "Noto Sans", sans-serif;
   line-height: 1.3333333333;
   color: #0e1738;
   font-size: 1.125rem
}

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

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
   text-decoration: none
}

ol,
ul {
   padding-left: 20px;
   margin: 0
}

.global-overlay {
   display: none;
   position: fixed;
   z-index: 21;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: #000;
   opacity: .19
}

.overflow-hidden {
   overflow: hidden
}

.mobile-hidden {
   display: none
}

.section {
   padding-top: 60px
}

.section-heading {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 17px;
   margin-left: -15px;
   margin-right: -15px;
   padding: 15px 15px 0;
   border-top: 1px dotted #dedede
}

.section-heading h2 {
   margin-bottom: 0
}

.section-heading img {
   max-width: 100px
}

.section-heading .show-more {
   margin-top: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0
}

.section-heading::after {
   content: "";
   position: absolute;
   left: 0;
   top: -2px;
   width: 100px;
   height: 4px;
   background-color: #2929d6
}

.section-title {
   margin-bottom: 12px;
   font-size: 1.625rem;
   font-weight: 800;
   font-family: Raleway, sans-serif;
   line-height: 1.0769230769
}

.img-wrapper {
   display: block
}

.img-wrapper img {
   display: block;
   width: 100%;
   height: auto
}

.object-fit {
   position: relative;
   overflow: hidden
}

.object-fit img {
   position: absolute;
   top: 0;
   bottom: 0;
   right: -9999px;
   left: -9999px;
   margin: auto;
   width: auto;
   min-width: 100%;
   min-height: 100%
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
   .object-fit img {
      position: relative;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top
   }
}

.icon {
   display: inline-block;
   vertical-align: middle;
   fill: currentColor
}

.icon-text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-decoration: none;
   font-size: .875rem
}

.icon-text .icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin-right: 6px
}

.show-more {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: .875rem;
   color: #d62628;
   font-weight: 700;
   text-decoration: none;
   margin-top: 20px
}

.show-more .icon {
   width: 14px;
   margin-left: 13px;
   height: auto
}

.instagram-media,
.tiktok-embed,
.twitter-tweet {
   padding: 0;
   margin-left: auto !important;
   margin-right: auto !important
}

@media only screen and (min-width:576px) {
   .section-heading {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0
   }
}

@media only screen and (min-width:992px) {
   .mobile-hidden {
      display: block
   }

   .desktop-hidden {
      display: none
   }

   .section {
      padding-top: 80px
   }
}

@media only screen and (min-width:1120px) {
   .section-title {
      margin-bottom: 19px;
      font-size: 2.25rem
   }

   .section-heading {
      margin-bottom: 21px;
      padding-top: 20px
   }

   .section-heading::after {
      width: 200px
   }
}

.doc-ready a,
.doc-ready button {
   -webkit-transition: color .3s, background-color .3s;
   transition: color .3s, background-color .3s
}

.doc-ready .category::after,
.doc-ready .category::before {
   -webkit-transition: background-color .3s;
   transition: background-color .3s
}

.doc-ready .hidden-menu-wrapper {
   -webkit-transition: right .4s;
   transition: right .4s
}

.big-inner-wrapper,
.inner-wrapper,
.small-inner-wrapper {
   max-width: 460px;
   margin: 0 auto;
   padding: 0 15px
}

.global-inner-wrapper {
   padding-top: 76px
}

.dark-section {
   margin-top: 60px;
   padding-bottom: 58px;
   background-color: #0e1738;
   color: #fff
}

.dark-section .article-block.big-article p {
   color: #a0a0a0
}

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

   .big-inner-wrapper,
   .inner-wrapper,
   .small-inner-wrapper {
      padding-left: 20px;
      padding-right: 20px
   }

   .big-inner-wrapper,
   .inner-wrapper,
   .small-inner-wrapper {
      max-width: 576px
   }

   .red-section {
      background-size: 100%;
      background: url(../images/red-bg.png) no-repeat top -100px left -340px, -webkit-gradient(linear, left top, right top, from(#d62628), to(#af1d1f));
      background: url(../images/red-bg.png) no-repeat top -100px left -340px, linear-gradient(to right, #d62628, #af1d1f)
   }
}

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

   .big-inner-wrapper,
   .inner-wrapper,
   .small-inner-wrapper {
      max-width: 768px
   }
}

@media only screen and (min-width:992px) {
   .inner-wrapper {
      max-width: 1350px
   }

   .small-inner-wrapper {
      max-width: 1080px
   }

   .big-inner-wrapper {
      max-width: 1410px
   }

   .dark-section {
      padding-bottom: 137px
   }
}

.bordered-layout {
   margin-bottom: 60px
}

.bordered-layout .section:first-child {
   padding-top: 40px
}

.main-layout:not(.bordered-layout) .side-column .banner-wrapper-small:first-child .banner {
   margin-top: -60px
}

.main-layout:not(.bordered-layout) .side-column .banner-wrapper-small:first-child .banner[class*=-loaded] {
   margin-top: 0
}

.side-column .no-img-article {
   margin-right: -15px
}

.side-column .no-img-article .text-wrapper {
   padding-right: 15px
}

.side-column .article-grid-section .article-block:first-child:last-child {
   grid-column: span 2
}

.special-article-grid-section {
   padding-top: 0
}

.article-3-grid-section .article-block {
   margin-bottom: 12px
}

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

   .article-3-grid-section,
   .article-grid-section,
   .special-article-grid-section {
      display: grid;
      grid-template-columns: 1fr 1fr
   }

   .article-3-grid-section .article-block,
   .article-grid-section .article-block,
   .special-article-grid-section .article-block {
      margin-bottom: 0;
      border-top: 0
   }

   .article-grid-section .banner-margin,
   .article-grid-section .big-article,
   .special-article-grid-section .banner-margin,
   .special-article-grid-section .big-article {
      grid-column: span 2
   }

   .article-grid-section .big-article,
   .special-article-grid-section .big-article {
      margin-bottom: 35px;
      border: none
   }

   .special-article-grid-section {
      border-left: 1px dotted;
      border-right: 1px dotted;
      border-color: #41549a
   }

   .special-article-grid-section .banner-margin {
      display: none
   }

   .special-article-grid-section .article-wrapper {
      border-right: 1px dotted #41549a
   }

   .special-article-grid-section .article-wrapper:last-child {
      border-color: transparent
   }

   .article-grid-section .article-block {
      border-right: 1px dotted;
      border-color: #dedede
   }

   .article-grid-section .article-block:nth-child(odd) {
      border-color: #fff
   }

   .side-column .no-img-article {
      margin-right: 0
   }

   .side-column .no-img-article .text-wrapper {
      padding-right: 0
   }

   .article-3-grid-section {
      -webkit-column-gap: 10px;
      -moz-column-gap: 10px;
      column-gap: 10px
   }

   .article-3-grid-section .article-block .text-wrapper {
      padding-left: 0;
      padding-right: 0
   }
}

@media only screen and (min-width:992px) {
   .bordered-layout .section:first-child {
      padding-top: 60px
   }

   .main-layout:not(.bordered-layout) .side-column .banner-wrapper-small:first-child .banner {
      margin-top: -80px
   }

   .special-article-grid-section {
      grid-template-columns: 1fr 1fr 1fr 1fr
   }

   .special-article-grid-section .article-wrapper {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
   }

   .special-article-grid-section .article-wrapper:last-child {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      border-right: none;
      border-left: 1px dotted #41549a
   }

   .special-article-grid-section .article-block:first-child {
      min-height: 382px
   }

   .special-article-grid-section .podcast-block {
      margin-bottom: 16px
   }

   .special-article-grid-section .big-article {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      grid-row: span 2;
      margin-bottom: 0
   }

   .article-grid-section .article-block,
   .special-article-grid-section .article-block {
      border-bottom: none;
      border-top: none
   }

   .article-grid-section .big-article {
      position: relative
   }

   .article-grid-section .big-article .text-wrapper {
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      bottom: 0;
      color: #fff;
      padding-bottom: 29px
   }

   .article-grid-section .big-article .img-wrapper::before {
      content: "";
      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(14, 23, 56, .9)), to(transparent));
      background: linear-gradient(to top, rgba(14, 23, 56, .9), transparent);
      height: 100%
   }

   .article-3-grid-section {
      grid-template-columns: 1fr 1fr 1fr;
      -webkit-column-gap: 37px;
      -moz-column-gap: 37px;
      column-gap: 37px
   }

   .main-layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-bottom: 0
   }

   .main-layout.bordered-layout {
      margin-bottom: 0
   }

   .main-layout.bordered-layout .main-column,
   .main-layout.bordered-layout .side-column {
      padding-bottom: 120px
   }

   .main-layout.bordered-layout .main-column {
      padding-right: 113px
   }

   .main-layout.bordered-layout .side-column {
      position: relative
   }

   .main-layout.bordered-layout .side-column::before {
      content: "";
      position: absolute;
      left: -71px;
      top: 0;
      bottom: 0;
      width: 1px;
      border: 1px dotted #dedede
   }

   .main-column {
      padding-top: 0;
      width: calc(100% - 328px)
   }

   .side-column {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 300px
   }

   .side-column .article-grid-section {
      display: block
   }
}

@media only screen and (min-width:1120px) {
   .special-article-grid-section {
      grid-template-columns: 336px 1fr 1fr 336px
   }

   .special-article-grid-section .article-block.big-article .img-wrapper {
      padding-bottom: 60.25%
   }

   .main-column {
      width: calc(100% - 447px)
   }

   .side-column {
      width: 385px
   }
}

.banner-wrapper .banner[class*=-loaded] {
   margin-bottom: 17px
}

.banner-wrapper-small .banner[class*=-loaded] {
   margin-top: 60px
}

.banner-wrapper-xs .banner[class*=-loaded] {
   margin-top: -8px;
   margin-bottom: -20px
}

.banner-wrapper-small:first-child .banner[class*=-loaded] {
   margin-top: 40px
}

.banner-margin .banner[class*=-loaded] {
   margin-top: 0;
   margin-bottom: 50px
}

.banner-top .banner[class*=-loaded] {
   margin-top: 20px
}

.banner {
   max-width: 100%;
   margin: 0 auto
}

.banner-wide {
   width: 300px;
   height: 100px;
   background-color: #4a4a4a
}

.article-content .banner-wide {
   width: 750px
}

.banner-small {
   width: 300px;
   height: 250px;
   background-color: #4a4a4a
}

.banner-tall {
   width: 300px;
   height: 600px;
   background-color: #4a4a4a
}

.banner-xs {
   width: 384px;
   height: 60px;
   background-color: #4a4a4a
}

.has-branding .hero-section {
   padding-bottom: 45px;
   background: 0 0;
   color: #0e1738
}

.has-branding .hero-section h1 {
   padding-right: 0
}

.has-branding .article-content {
   margin-top: 0
}

.has-branding .side-column .section:first-child {
   padding-top: 0
}

.has-branding .side-column .section:first-child .section-title {
   margin-top: -15px
}

.has-branding .for-branding {
   max-width: 1370px;
   margin: 88px auto 0;
   background: #fff
}

.has-branding .hero-section+.inner-wrapper .section:first-child {
   padding-top: 0
}

.for-branding {
   position: relative;
   z-index: 2;
   -webkit-transition: margin .4s;
   transition: margin .4s
}

.branding-wrapper {
   position: absolute;
   top: 73px;
   left: 0;
   right: 0;
   overflow: hidden;
   min-height: 800px
}

.branding-wrapper>div {
   position: absolute;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%)
}

.powered-by {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 24px;
   font-size: .875rem;
   color: #7d8388
}

.powered-by img {
   max-width: 140px;
   max-height: 41px;
   margin-left: 10px
}

.demo-branding {
   display: none
}

.demo-branding.branding-loaded {
   display: block
}

@media only screen and (min-width:576px) {
   .banner-margin .banner[class*=-loaded] {
      margin-top: 50px
   }
}

@media only screen and (min-width:992px) {
   .banner-wide {
      display: block;
      width: 970px;
      height: 200px
   }

   .banner-wrapper .banner[class*=-loaded] {
      margin-bottom: 26px
   }

   .banner-wrapper-small .banner[class*=-loaded] {
      margin-top: 80px
   }

   .banner-wrapper-small:first-child .banner[class*=-loaded] {
      margin-top: 60px
   }

   .banner-top .banner[class*=-loaded] {
      margin-top: 30px
   }

   .has-branding .for-branding {
      margin-top: 220px
   }

   .has-branding .hero-section+.inner-wrapper .banner-wrapper-small:first-child .banner[class*=-loaded] {
      margin-top: 0
   }

   .has-branding .article-3-grid-section {
      margin-bottom: 40px
   }

   .powered-by {
      font-size: 1rem
   }
}

.copy {
   margin-top: 5px;
   padding: 5px 8px;
   background-color: #d62628;
   color: #fff;
   cursor: pointer;
   border-radius: 10px;
   border: none
}

.copy:hover {
   background-color: #af1d1f;
   color: #fff
}

.btn {
   position: relative;
   z-index: 1;
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 104px;
   padding: 7px 6px 10px;
   background-color: #2929d6;
   color: #fff;
   font-size: .875rem;
   font-weight: 700;
   text-decoration: none;
   text-align: center;
   border: none;
   outline: 0
}

.btn input {
   padding: 0;
   background: 0 0;
   border: 0;
   outline: 0;
   cursor: pointer;
   font-size: inherit;
   font-weight: inherit;
   text-transform: uppercase;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.btn .icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin-right: 10px
}

.btn::before {
   content: "";
   position: absolute;
   z-index: -1;
   left: -2px;
   top: -2px;
   width: 100%;
   height: 100%;
   background-color: #d62628
}

.btn:hover {
   color: #fff
}

.btn:hover::before {
   background-color: #af1d1f
}

.btn-invert {
   background-color: #fff;
   color: #d62628
}

.btn-load-more {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-left: 0;
   margin-top: 20px;
   width: 140px
}

.btn-dark {
   background-color: #0e1738
}

@media only screen and (min-width:768px) {
   .btn-load-more {
      margin-top: 25px
   }
}

.form-group {
   margin-bottom: 30px;
   font-size: 1rem
}

.form-group label {
   display: block;
   margin-bottom: 8px;
   font-weight: 600
}

.form-group input,
.form-group select,
.form-group textarea {
   width: 100%;
   padding-left: 8px;
   border: 1px solid #b2b2b2
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
   border-color: #2929d6
}

.form-group input,
.form-group select {
   height: 44px
}

.form-group input {
   font-size: 1.1875rem;
   font-weight: 600
}

.form-group select {
   cursor: pointer;
   padding-right: 42px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   text-indent: 1px;
   text-overflow: "";
   font-weight: 400;
   background: url(../images/select-bg.svg) no-repeat center right
}

.form-group select::-ms-expand {
   display: none
}

@media only screen and (min-width:768px) {
   .two-cols {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
   }

   .two-cols .form-group {
      width: 47%
   }
}

@media only screen and (min-width:992px) {
   .form-group {
      font-size: 1.1875rem
   }
}

.article-block {
   margin-bottom: 15px;
   margin-left: -15px;
   margin-right: -15px
}

.article-block h2 {
   margin-bottom: 0;
   font-size: 1.1875rem;
   line-height: 1.2631578947;
   font-weight: 600
}

.article-block p {
   margin-top: 16px;
   margin-bottom: 0;
   font-size: .875rem;
   line-height: 1.3125;
   color: #4a4a4a
}

.article-block .img-wrapper {
   position: relative;
   height: 0;
   padding-bottom: 56.25%
}

.article-block .img-wrapper img {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: top;
   object-position: top
}

.article-block .text-wrapper {
   position: relative;
   padding: 3px 26px 36px
}

.article-block .date,
.article-block .paid-article {
   margin-top: 12px
}

.article-block .date {
   display: block;
   font-size: .75rem;
   color: #575757
}

.article-block .btn {
   margin-top: 13px
}

.article-block.big-article {
   text-align: center
}

.article-block.big-article h2 {
   font-family: Raleway, sans-serif;
   font-size: 1.75rem;
   font-weight: 800;
   line-height: 1.1428571429;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical
}

.article-block.big-article p {
   margin-top: 13px;
   color: #0e1738
}

.article-block.big-article .category {
   margin-bottom: 16px
}

.big-article .text-wrapper {
   padding: 12px 22px 23px;
   line-height: 1.1666666667
}

.category {
   font-size: .875rem;
   text-decoration: none;
   color: #d62628
}

.category-white {
   color: #fff
}

.category {
   position: relative;
   display: inline-block;
   margin-bottom: 8px;
   padding-left: 12px
}

.category::after,
.category::before {
   content: "";
   position: absolute;
   left: 0;
   top: 4px;
   width: 0;
   height: 0;
   border-style: solid
}

.category::before {
   border-width: 5px 0 5px 7px;
   border-color: transparent transparent transparent #2929d6
}

.category::after {
   border-width: 4px 0 4px 6px;
   border-color: transparent transparent transparent #d62628
}

.audio-article .img-wrapper:after,
.audio-article .img-wrapper:before,
.gallery-article .img-wrapper:after,
.gallery-article .img-wrapper:before,
.video-article .img-wrapper:after,
.video-article .img-wrapper:before,
.video-podcast-article .img-wrapper:after,
.video-podcast-article .img-wrapper:before {
   content: "";
   position: absolute;
   z-index: 1
}

.audio-article .img-wrapper:after,
.video-article .img-wrapper:after,
.video-podcast-article .img-wrapper:after {
   top: 50%;
   left: 50%;
   width: 50px;
   height: 42px;
   margin-left: -25px;
   margin-top: -21px
}

.video-article .img-wrapper:after {
   background: url(../images/icon_play.svg) no-repeat center/100%
}

.video-podcast-article .img-wrapper:after {
   background: url(../images/icon_podcast_50px.svg) no-repeat center/100%
}

.video-podcast-article {
   margin-bottom: 0
}

.video-podcast-article .ribbon {
   top: 0;
   right: 0
}

.video-podcast-article.img-article .img-wrapper {
   padding-bottom: 76%
}

.audio-article .img-wrapper:after {
   background: url(../images/icon_audio.svg) no-repeat center/100%
}

.gallery-article .img-wrapper:after {
   top: 15px;
   left: 15px;
   width: 42px;
   height: 42px;
   background: url(../images/icon_gallery_42px.svg) no-repeat center/100%
}

.no-img-article {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-top: 20px;
   text-decoration: none
}

.no-img-article h3 {
   margin-bottom: 14px;
   line-height: 1.2631578947;
   font-size: 1.1875rem;
   font-weight: 600
}

.no-img-article h4 {
   margin-bottom: 12px;
   font-size: .875rem;
   font-weight: 400
}

.no-img-article>.icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 51px;
   height: 50px;
   margin-right: 19px;
   margin-top: -5px
}

.no-img-article .text-content {
   width: 100%;
   padding-bottom: 17px;
   border-bottom: 2px dotted #000
}

.no-img-article .btn {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 158px;
   margin-left: 0;
   margin-top: 8px
}

.no-img-article.gray {
   margin-top: 20px;
   padding: 18px 16px 12px;
   background-color: #f0f0f0;
   border-radius: 16px
}

.no-img-article.gray h3 {
   line-height: 1.3333333333
}

.no-img-article.gray small {
   color: #4a4a4a
}

.no-img-article.gray .text-content {
   padding-bottom: 0;
   border-bottom: none
}

.no-img-article.gray .icon {
   margin-right: 11px;
   margin-top: -1px
}

.img-article {
   display: block;
   position: relative
}

.img-article h2 {
   font-size: 1.1875rem;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical
}

.img-article .text-wrapper {
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 45px 26px 17px 26px;
   color: #fff
}

.img-article .text-wrapper::before {
   content: "";
   position: absolute;
   z-index: -1;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(14, 23, 56, .9)), to(transparent));
   background: linear-gradient(to top, rgba(14, 23, 56, .9), transparent);
   height: 100%
}

.img-article .img-wrapper {
   padding-bottom: 67.25%
}

.img-article .img-wrapper img {
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: top;
   object-position: top
}

.img-article .date,
.img-article .paid-article {
   margin-top: 2px
}

.big-img-article.img-article {
   margin-bottom: 11px;
   text-align: center
}

.big-img-article.img-article h2 {
   font-family: Raleway, sans-serif;
   display: block;
   font-size: 1.75rem;
   line-height: 1.1428571429
}

.big-img-article.img-article .img-wrapper {
   padding-bottom: 557px
}

.big-img-article.img-article .img-wrapper::before {
   border-width: 284px 121px 0 0
}

.big-img-article.img-article .img-wrapper::after {
   top: 15px;
   left: 15px;
   width: 45px;
   height: 45px
}

.big-img-article.img-article .text-wrapper {
   padding-bottom: 23px
}

.big-img-article.img-article .show-more {
   margin-top: 19px;
   font-size: 1.1875rem
}

.horizontal-article p {
   display: none
}

.article-text .sm-horizontal-article,
.blue-bordered-block {
   position: relative;
   margin-right: 6px;
   border: 1px solid #dedede;
   background-color: #fff
}

.article-text .sm-horizontal-article::after,
.blue-bordered-block::after {
   content: "";
   position: absolute;
   z-index: -1;
   left: 6px;
   top: 6px;
   width: 100%;
   height: 100%;
   background-color: #2929d6
}

.blue-bordered-block.dark {
   border-color: #0e1738;
   background-color: #0e1738;
   color: #fff
}

.sm-horizontal-article {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.sm-horizontal-article h3 {
   margin-bottom: 11px;
   font-size: 1.1875rem;
   font-weight: 600
}

.sm-horizontal-article img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.sm-horizontal-article .img-wrapper {
   width: 90px;
   height: 90px
}

.sm-horizontal-article .text-wrapper {
   width: calc(100% - 90px);
   padding-left: 16px
}

.article-text .sm-horizontal-article {
   margin-top: 20px;
   margin-bottom: 42px;
   padding: 10px
}

.article-text .sm-horizontal-article h2 {
   margin: 0;
   font-size: 1.1875rem;
   font-weight: 600;
   line-height: 1.3684210526
}

.article-text .sm-horizontal-article .img-wrapper {
   width: 100px;
   height: 100px;
   margin-bottom: 0
}

.article-text .sm-horizontal-article .img-wrapper img {
   width: 100%;
   height: 100% !important;
   -o-object-fit: cover;
   object-fit: cover
}

.article-text .sm-horizontal-article .text-wrapper {
   position: relative;
   width: calc(100% - 100px);
   padding-left: 10px
}

.podcast-block {
   position: relative;
   margin-bottom: 18px
}

.podcast-block .text-wrapper {
   padding-bottom: 29px
}

.podcast-block::after {
   content: "";
   position: absolute;
   left: 15px;
   right: 15px;
   bottom: 0;
   border-bottom: 1px dotted #41549a
}

.ribbon {
   position: absolute;
   left: 0;
   top: 13px;
   padding: 2px 11px 2px 23px;
   color: #fff;
   background-color: #2929d6;
   font-size: 1.1875rem;
   font-weight: 600
}

.description {
   display: block;
   font-size: .75rem;
   color: #d62628;
   text-decoration: none
}

@media only screen and (max-width:575px) {
   .article-block:last-child {
      margin-bottom: 0
   }
}

@media only screen and (min-width:576px) {
   .article-block {
      margin-left: 0;
      margin-right: 0
   }

   .article-block h2 {
      font-size: 1rem
   }

   .article-block .text-wrapper {
      padding-left: 16px;
      padding-right: 16px
   }

   .img-article h2 {
      font-size: 1rem
   }

   .horizontal-article {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 15px;
      border: 0;
      border-bottom: 1px dotted #dedede
   }

   .horizontal-article p {
      display: block
   }

   .horizontal-article .img-wrapper {
      width: 210px;
      padding-bottom: 118px;
      -ms-flex-negative: 0;
      flex-shrink: 0
   }

   .horizontal-article .img-wrapper img {
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover
   }

   .horizontal-article .text-wrapper {
      position: static;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 0
   }

   .horizontal-article .date,
   .horizontal-article .paid-article {
      margin-top: 10px
   }
}

@media only screen and (min-width:768px) {
   .no-img-article.gray {
      position: relative
   }

   .no-img-article.gray .btn {
      position: absolute;
      right: 16px;
      bottom: 12px
   }
}

@media only screen and (min-width:992px) {
   .no-img-article.gray {
      margin-top: 25px;
      padding: 21px 20px 14px
   }

   .no-img-article.gray h3 {
      margin-bottom: 8px;
      font-size: 1.3125rem;
      line-height: 1.16
   }

   .no-img-article.gray h4 {
      margin-bottom: 16px
   }

   .no-img-article.gray>.icon {
      width: 76px;
      height: 76px;
      margin-right: 31px
   }

   .no-img-article.gray .btn {
      right: 20px;
      bottom: 14px
   }

   .article-text .sm-horizontal-article {
      margin-top: 40px;
      margin-bottom: 40px;
      padding: 18px
   }

   .article-text .sm-horizontal-article .img-wrapper {
      width: 180px
   }

   .article-text .sm-horizontal-article .text-wrapper {
      width: calc(100% - 180px);
      padding-left: 20px
   }

   .ribbon {
      top: 0;
      right: 0
   }
}

@media only screen and (min-width:1120px) {
   .article-block h2 {
      font-size: 1.1875rem
   }

   .article-block p {
      margin-top: 9px;
      font-size: 1rem
   }

   .article-block .text-wrapper {
      padding: 4px 22px 45px
   }

   .article-block .btn {
      margin-top: 20px
   }

   .big-article .img-wrapper::after {
      width: 76px;
      height: 76px
   }

   .big-article.audio-article::after,
   .big-article.video-article::after {
      top: 36%
   }

   .img-article .text-wrapper {
      padding: 40px 24px 26px
   }

   .img-article .category {
      margin-bottom: 10px
   }

   .horizontal-article {
      margin-bottom: 24px;
      padding-bottom: 24px
   }

   .horizontal-article h2 {
      font-size: 1.3125rem
   }

   .horizontal-article .category {
      margin-bottom: 4px
   }

   .horizontal-article .text-wrapper {
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 35px;
      padding-right: 0;
      margin-top: -5px
   }
}

@media only screen and (min-width:1280px) {
   .horizontal-article .img-wrapper {
      width: 375px;
      padding-bottom: 211px
   }

   .article-block.big-article h2 {
      font-size: 2.25rem;
      line-height: 1.2222222222
   }

   .article-block.big-article p {
      margin-top: 16px
   }

   .article-block.big-article .text-wrapper {
      padding-top: 13px
   }
}

.arrow-next,
.arrow-prev {
   display: none
}

@media only screen and (min-width:992px) {
   .scroll-viewport {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
   }

   .scroll-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .scroll-content .inner-wrapper {
      max-width: initial;
      height: 100%;
      padding: 0
   }

   .arrow-next,
   .arrow-prev {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: 56px;
      height: 56px;
      margin-top: -28px;
      background-color: #fff;
      border: 0;
      border-radius: 50%;
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
      box-shadow: 0 3px 6px rgba(0, 0, 0, .3)
   }

   .arrow-prev {
      left: 0
   }

   .arrow-prev .icon {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
   }

   .arrow-next {
      display: block;
      right: 0
   }
}

.article-socials {
   position: fixed;
   z-index: 3;
   left: 0;
   right: 0;
   bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   color: #fff
}

.article-socials.hidden-mobile {
   display: none
}

.follow-us {
   margin-bottom: 45px;
   font-size: 1.1875rem;
   font-weight: 700;
   line-height: 1
}

.follow-us-socials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: 8px
}

.follow-us-socials a {
   display: block;
   margin-right: 20px
}

.share-item {
   width: 25%;
   height: 36px;
   padding: 6px;
   text-align: center;
   text-decoration: none
}

@media only screen and (max-width:991px) {
   .viber-share {
      background-color: #7360f2
   }

   .messenger-share {
      background-color: #00b2ff
   }

   .facebook-share {
      background-color: #1877f2
   }

   .linkedin-share {
      background-color: #0072b1
   }

   .twitter-share {
      background-color: #00b2ff
   }
}

@media only screen and (min-width:992px) {
   .follow-us {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      margin-top: 44px;
      margin-bottom: 43px
   }

   .follow-us-socials {
      margin-top: 0;
      margin-left: 30px
   }

   .follow-us-socials a {
      margin-right: 24px
   }

   .article-socials {
      position: static;
      float: right
   }

   .share-item {
      padding: 12px
   }
}

.hero-section {
   padding-top: 24px;
   padding-bottom: 19px;
   background: #0e1738;
   color: #fff
}

.hero-section h1 {
   margin-bottom: 21px;
   font-size: 1.625rem;
   font-weight: 800;
   font-family: Raleway, sans-serif;
   line-height: 1.1538461538
}

.hero-section .powered-by {
   padding: 15px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-top: 1px solid #dedede;
   border-bottom: 1px solid #dedede
}

@media only screen and (min-width:992px) {
   .hero-section {
      padding-bottom: 53px
   }

   .hero-section h1 {
      padding-right: 115px;
      font-size: 2.25rem
   }

   .hero-section .article-block .text-wrapper {
      padding-bottom: 0
   }

   .hero-section .powered-by {
      padding-top: 0;
      border-top: 0
   }
}

.page-header {
   position: fixed;
   z-index: 10;
   left: 0;
   right: 0;
   top: 0;
   height: 76px;
   background-color: #fff;
   border-bottom: 4px solid #2929d6;
   font-weight: 800;
   font-family: Raleway, sans-serif
}

.page-header .inner-wrapper {
   height: 100%
}

.page-header .search-wrapper {
   display: none
}

.hidden-menu,
.main-menu {
   color: #d62628
}

.hidden-menu .active,
.main-menu .active {
   color: #d62628
}

.logo {
   display: block;
   width: 82px;
   margin: 0
}

.logo img {
   display: block;
   width: 100%;
   height: auto
}

.all-news {
   -ms-flex-item-align: center;
   align-self: center;
   padding: 0 15px;
   margin-top: 9px;
   text-decoration: none;
   font-size: 1.3125rem;
   color: #d62628
}

.header-left,
.header-right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%
}

.header-left {
   float: left;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.header-right {
   float: right
}

.header-right>div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 12px 17px;
   border-left: 1px dotted #dedede
}

.header-right>div:last-child {
   padding-right: 0
}

.hamburger-btn {
   width: 26px
}

.hamburger-btn .icon {
   width: 100%;
   height: 100%
}

.main-menu {
   display: block;
   width: calc(100% - 78px);
   margin-top: 12px;
   margin-left: 20px;
   list-style: none;
   padding: 0;
   font-size: 1.3125rem;
   text-align: center;
}
.main-menu li {
   display: inline-block
}

.main-menu a {
   display: block;
   padding: 0 12px;
   text-decoration: none
}

.search-form {
   position: relative
}

.search-form input[type=text] {
   width: 100%;
   height: 45px;
   padding-left: 10px;
   padding-right: 30px;
   border: 0;
   border: 1px solid #dedede;
   font-weight: 700
}

.search-form input[type=submit] {
   cursor: pointer;
   position: absolute;
   z-index: 2;
   right: 0;
   top: 0;
   width: 32px;
   height: 100%;
   border: 0;
   background: 0 0;
   cursor: pointer
}

.search-form .icon-search {
   position: absolute;
   z-index: 1;
   right: 8px;
   top: 14px;
   width: 20px;
   height: 19px
}

.search-form.bigger {
   position: relative;
   display: block;
   margin-bottom: 31px
}

.search-form.bigger input[type=text] {
   font-size: 1.1875rem
}

.search-form.bigger input[type=submit] {
   width: 45px
}

.search-form.bigger .icon-search {
   top: 10px;
   width: 32px;
   height: 25px
}

.search-results {
   margin-bottom: 16px;
   font-weight: 400;
   font-size: 1.1875rem
}

@media only screen and (min-width:1120px) {
   .page-header .search-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .logo {
      width: 96px
   }

   .search-wrapper {
      position: relative;
      float: right;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .search-form {
      display: none;
      position: absolute;
      z-index: 2;
      right: 0;
      bottom: 0;
      top: 0;
      width: 287px
   }

   .search-form input[type=text] {
      height: 100%;
      padding-left: 35px;
      padding-right: 60px
   }

   .search-form input[type=submit] {
      width: 65px
   }

   .search-form .icon-search {
      top: 23px;
      right: 31px;
      width: 26px;
      height: 26px
   }

   .search-form.bigger {
      width: 100%;
      margin-bottom: 30px
   }

   .search-form.bigger input[type=text] {
      height: 71px;
      padding-left: 22px;
      font-size: 1.3125rem
   }

   .search-form.bigger input[type=submit] {
      width: 70px
   }

   .search-form.bigger .icon-search {
      top: 21px;
      right: 16px;
      width: 32px;
      height: 28px
   }

   .close-search {
      cursor: pointer;
      position: absolute;
      left: 10px;
      top: 29px;
      padding: 0
   }

   .all-news {
      display: none
   }

   .main-menu {
      display: block;
      width: calc(100% - 96px);
      margin-top: 12px;
      list-style: none;
      padding: 0;
      font-size: 1.3125rem;
      text-align: center
   }

   .main-menu li {
      display: inline-block
   }

   .main-menu a {
      display: block;
      padding: 0 12px;
      text-decoration: none
   }

   .header-left {
      width: calc(100% - 190px)
   }

   .header-right>div {
      padding: 12px 31px
   }

   .header-right>div:last-child {
      padding-right: 42px
   }
}

@media only screen and (min-width:1280px) {
   .search-form {
      width: 424px
   }

   .main-menu a {
      padding: 0 26px
   }
}

.hidden-menu-wrapper {
   position: fixed;
   z-index: 22;
   top: 0;
   bottom: 0;
   right: -382px;
   max-width: 90%;
   width: 296px;
   padding-top: 58px;
   background-color: #fff
}

.hidden-menu-wrapper ul {
   list-style: none
}

.hidden-menu-wrapper li ul {
   margin-top: 10px
}

.hidden-menu-wrapper li ul li {
   margin-bottom: 5px
}

.hidden-menu-wrapper.is-open {
   right: 0
}

.close-menu {
   position: absolute;
   right: 19px;
   top: 22px;
   width: 20px
}

.close-menu .icon {
   color: #d62628
}

.hidden-menu {
   height: 100vh;
   max-height: calc(100vh - 40px);
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 100px;
   overflow: scroll
}

.hidden-menu a {
   text-decoration: none;
   font-weight: 800
}

.hidden-menu>li>a {
   font-size: 1.375rem
}

.hidden-menu li {
   margin-bottom: 20px
}

.has-logo a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.has-logo a img {
   max-width: 100px;
   max-height: 40px
}

@media only screen and (min-width:768px) {
   .hidden-menu {
      margin-right: -16px;
      padding-left: 40px;
      padding-right: 40px
   }

   .hidden-menu li {
      margin-bottom: 19px
   }

   .hidden-menu .search-form {
      display: none !important
   }

   .hidden-menu-wrapper {
      overflow: hidden;
      width: 382px
   }
}

.page-footer {
   clear: both;
   text-align: center;
   background-color: #0e1738;
   color: #fff
}

.page-footer a {
   text-decoration: none
}

.page-footer ul {
   list-style: none;
   padding: 0
}

.page-footer li {
   display: inline-block
}

.footer-top {
   padding-top: 20px
}

.footer-big-menu {
   margin: 24px 0;
   font-weight: 800;
   font-family: Raleway, sans-serif
}

.footer-big-menu a {
   display: block;
   padding: 7px 10px
}

.socials {
   margin-bottom: 24px
}

.socials a {
   display: inline-block;
   margin: 0 7px
}

.footer-additional-menu,
.footer-small-menu {
   font-size: 1rem
}

.footer-small-menu {
   margin-bottom: 30px
}

.footer-small-menu a {
   display: block;
   padding: 2px 11px
}

.footer-additional-menu {
   margin-bottom: 23px
}

.footer-additional-menu a {
   padding: 3px 22px;
   font-size: 1rem
}

.footer-bottom {
   padding: 23px 0;
   border-top: 1px dotted #41549a;
   color: #858585;
   font-size: .75rem;
   line-height: 1.4166666667
}

.footer-bottom p {
   margin: 0
}

@media only screen and (min-width:1120px) {
   .footer-top {
      overflow: hidden;
      padding-top: 28px
   }

   .footer-menu-wrapper,
   .footer-small-menu {
      float: left
   }

   .footer-menu-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .footer-big-menu {
      margin: 7px 14px;
      font-size: 1.375rem
   }

   .footer-big-menu a {
      padding: 12px
   }

   .footer-small-menu {
      clear: both;
      margin-top: 5px;
      margin-bottom: 30px
   }

   .footer-small-menu a {
      padding: 2px 15px
   }

   .footer-small-menu li:first-child a {
      padding-left: 0
   }

   .footer-additional-menu,
   .socials {
      float: right
   }

   .socials {
      margin-top: 11px
   }

   .socials a {
      margin-left: 20px;
      margin-right: 0
   }

   .footer-additional-menu {
      margin-top: 5px
   }

   .footer-additional-menu li:last-child a {
      padding-right: 0
   }

   .footer-bottom {
      text-align: left
   }

   .footer-bottom p {
      max-width: 740px
   }
}

.read-more-section .section-title {
   margin-left: 8px;
   margin-bottom: 13px
}

.read-more-list {
   margin-top: 32px;
   margin-left: -15px;
   margin-right: -9px;
   padding: 0 15px
}

.read-more-list .sm-horizontal-article {
   margin-bottom: 5px;
   padding: 16px 0 20px;
   border-bottom: 1px dotted #dedede
}

@media only screen and (min-width:576px) {
   .read-more-list {
      margin-left: 0;
      margin-right: 0
   }
}

@media only screen and (min-width:992px) {
   .read-more-list {
      padding: 0 23px
   }
}

.horizontal-scroll {
   overflow: auto
}

.top-section {
   margin-top: 0;
   padding-bottom: 0
}

.trapezoid-block {
   position: relative;
   background-color: #0e1738;
   color: #fff
}

.trapezoid-block.light {
   background: #0e1738;
   color: #fff
}

.trapezoid-block {
   padding: 20px 20px 60px
}

.trapezoid-block .btn {
   margin-top: 45px
}

.main-card-item {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 83%
}

.main-card-item h2 {
   margin-bottom: 32px;
   font-family: Raleway, sans-serif;
   font-weight: 800;
   font-size: 1.625rem;
   line-height: 1.0769230769
}

.main-card-item h2 .icon {
   margin-bottom: 3px
}

.main-card-item h3 {
   margin-bottom: 16px;
   font-size: 1.1875rem;
   font-weight: 600;
   line-height: 1.2631578947
}

.main-card-item p {
   font-size: .875rem;
   line-height: 1.5;
   margin-top: 0;
   margin-bottom: 7px
}

.card-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-bottom: 20px
}

.card-items .card-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 300px;
   margin-left: 15px
}

.card-items .card-item:last-child {
   margin-right: 15px
}

.card-items .show-more {
   position: absolute;
   bottom: 20px;
   left: 16px
}

.card-item {
   overflow: hidden;
   background-color: #f0f0f0
}

.card-item a {
   text-decoration: none
}

.card-item .img-wrapper {
   position: relative;
   height: 170px
}

.card-item .img-wrapper img {
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: top;
   object-position: top
}

.card-item .no-img-article small {
   color: #4a4a4a
}

.card-item .no-img-article .text-content {
   border-color: #dedede
}

.card-text {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 15px 17px;
   color: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .4)));
   background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .4))
}

.card-text h2 {
   margin-bottom: 0;
   font-size: 1.3125rem
}

.card-text h2 a {
   display: block
}

.card-text p {
   margin: 0
}

.card-text .category {
   margin-bottom: 3px
}

.card-text-content {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal
}

.card-content {
   position: relative;
   height: 100%;
   padding: 30px 25px 35px 58px
}

.card-content h3 {
   font-size: 1.1875rem;
   font-weight: 600
}

.card-content p {
   font-size: 1rem;
   color: #4a4a4a
}

.card-content::before {
   content: "";
   position: absolute;
   left: 16px;
   top: 29px;
   width: 24px;
   height: 24px;
   background: url(../images/icon_quotes_24px.svg) no-repeat center/100%
}

.three-section .img-article {
   margin-bottom: 1px
}

.video-podcast {
   margin-top: 6px;
   margin-bottom: 16px;
   color: #d62628
}

.video-podcast .icon {
   width: 44px;
   height: 44px;
   margin-right: 3px
}

.gallery-items {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.gallery-items .img-article {
   width: 87%;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin-right: 5px;
   margin-left: 0
}

.gallery-items .article-block {
   margin-bottom: 0
}

.gallery-items .gallery-article .img-wrapper:after {
   top: 22px;
   left: 10px;
   width: 30px;
   height: 30px
}

.gallery-items .gallery-article .img-wrapper:before {
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 195px 84px 0 0;
   border-color: rgba(14, 23, 56, .6) transparent transparent transparent
}

@media only screen and (min-width:576px) {
   .three-grid h2 {
      font-size: 1.5rem
   }

   .gallery-items .img-article {
      width: 326px
   }
}

@media only screen and (min-width:768px) {
   .three-grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
   }

   .three-grid h2 {
      font-size: 1rem
   }

   .three-section .img-article {
      margin-right: 1px;
      width: calc(33.333% - 1px)
   }

   .three-section .img-article:nth-child(3n+3) {
      margin-right: 0
   }

   .main-card-item {
      width: 414px
   }
}

@media only screen and (max-width:576px) {
   .gallery-block {
      padding-bottom: 8px
   }

   .gallery-block .inner-wrapper {
      padding: 0
   }

   .gallery-block .big-img-article,
   .gallery-block .section-heading {
      margin-left: 0;
      margin-right: 0
   }
}

@media only screen and (min-width:992px) {
   .horizontal-scroll {
      overflow: visible
   }

   .main-card-item {
      width: 545px
   }

   .gallery-block .big-img-article {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 20px
   }

   .big-img-article.img-article .img-wrapper {
      width: 545px
   }

   .gallery-items {
      display: grid;
      row-gap: 2px
   }

   .gallery-items .article-block {
      width: 412px;
      margin-right: 20px
   }

   .gallery-items .article-block:nth-child(odd) {
      grid-row: 1
   }

   .gallery-items .article-block:nth-child(even) {
      grid-row: 2
   }
}

@media only screen and (min-width:1120px) {
   .main-card-item {
      padding: 52px 61px
   }

   .main-card-item h2 {
      margin-bottom: 36px;
      font-size: 2.25rem
   }

   .main-card-item h2 .icon {
      margin-right: 12px
   }

   .main-card-item h3 {
      font-size: 1.5rem;
      line-height: 1.3333333333
   }

   .main-card-item p {
      margin-bottom: 14px;
      font-size: 1rem;
      line-height: 1.3125
   }

   .main-card-item .show-more {
      left: 61px
   }

   .card-content {
      padding-bottom: 80px
   }

   .card-content h3 {
      margin-bottom: 0
   }

   .card-content p {
      margin-top: 10px
   }

   .card-items .show-more {
      bottom: 25px
   }

   .three-grid h2 {
      font-size: 1.3125rem
   }

   .poll-block h2 {
      margin-bottom: 23px
   }

   .big-img-article.img-article h2 {
      font-size: 2.25rem
   }

   .big-img-article.img-article .img-wrapper {
      width: 861px
   }

   .gallery-block {
      padding-bottom: 40px
   }
}

.close-article,
.close-gallery {
   float: right;
   margin-top: -20px;
   margin-right: -10px
}

.close-article .icon,
.close-gallery .icon {
   width: 30px;
   height: 30px
}

.close-gallery {
   position: absolute;
   margin-top: 0;
   right: 20px;
   top: 10px
}

.article-summary {
   margin-bottom: 19px;
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.3125
}

.author-name {
   display: block;
   margin-bottom: 5px
}

.author-follow,
.author-linkedin {
   font-style: italic;
   margin-right: 12px
}

.additional-article-info {
   font-size: .875rem
}

.additional-article-info a {
   text-decoration: none
}

.additional-article-info .date {
   display: inline-block;
   color: #b2b2b2;
   padding-left: 10px;
   border-left: 1px dotted #41549a;
   font-size: .75rem
}

.additional-article-info .date:first-child {
   padding-left: 0;
   border-left: 0
}

.additional-article-info .paid-article {
   color: #fff
}

.paid-article {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: bottom;
   font-weight: 700;
   font-size: .875rem;
   color: #4a4a4a;
   text-decoration: none
}

.article-text,
.static-text {
   line-height: 1.5789473684;
   font-size: 1.1875rem
}

.article-text p,
.static-text p {
   margin-bottom: 30px
}

.article-text>h2,
.static-text>h2 {
   font-size: 1.3125rem;
   line-height: 1.1818181818;
   font-family: Raleway, sans-serif
}

.article-text h3,
.static-text h3 {
   font-size: 1.25rem;
   line-height: 1.2
}

.article-text iframe,
.article-text img,
.static-text iframe,
.static-text img {
   max-width: 100%
}

.article-text img,
.static-text img {
   height: auto !important
}

.article-text blockquote,
.static-text blockquote {
   position: relative;
   z-index: 1;
   margin: 30px 0 37px;
   padding: 34px 8px 0 0
}

.article-text blockquote p,
.static-text blockquote p {
   margin: 0;
   font-size: 1.1875rem;
   font-style: italic;
   font-weight: 700;
   line-height: 1.3684210526
}

.article-text blockquote small,
.static-text blockquote small {
   display: block;
   margin-top: 15px;
   font-size: .875rem
}

.article-text blockquote strong,
.static-text blockquote strong {
   display: block;
   margin-right: 10px;
   margin-bottom: -3px
}

.article-text blockquote::before,
.static-text blockquote::before {
   content: "";
   position: absolute;
   z-index: -1;
   left: 0;
   top: -11px;
   width: 50px;
   height: 36px;
   background: url(../images/quote.svg) no-repeat center/100%
}

.article-text .img-wrapper,
.static-text .img-wrapper {
   position: relative;
   margin-bottom: 40px
}

.article-text>p:first-of-type::first-letter {
   float: left;
   margin-bottom: 0;
   padding: 0 4px 8px;
   font-family: Raleway, sans-serif;
   font-size: 3.75rem;
   font-weight: 800;
   margin-bottom: -10px;
   margin-right: 10px;
   line-height: 1
}

.main-article-img,
.main-article-video {
   position: relative;
   margin-left: -15px;
   margin-right: -15px;
   margin-bottom: 18px;
   margin-top: 40px
}

.main-article-img:first-child,
.main-article-video:first-child {
   margin-top: 0
}

.main-article-video {
   height: 0;
   padding-bottom: 62.1%
}

.main-article-video iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.video-wrapper {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0
}

.video-wrapper .text {
   display: none
}

.video-wrapper.fixed {
   top: initial;
   background-color: #0e1738;
   border-bottom-right-radius: 10px
}

.video-wrapper.fixed .video {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   position: relative;
   width: 109px;
   height: 60px
}

.video-wrapper.fixed .text {
   display: block;
   padding: 8px 25px 8px 10px;
   color: #fff;
   overflow: hidden
}

.img-footer {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 8px 11px 7px;
   background-color: rgba(14, 23, 56, .48);
   color: #fff;
   font-size: .625rem
}

.img-footer .name {
   float: right
}

.read-more-block {
   margin-bottom: 45px;
   padding: 17px 20px 20px
}

.read-more-block h2 {
   font-size: 1.625rem;
   font-family: Raleway, sans-serif;
   font-weight: 800
}

.read-more-block a {
   text-decoration: none
}

.read-more-block ul {
   list-style: none;
   padding: 0;
   font-weight: 600;
   font-size: 1.1875rem;
   line-height: 1.3684210526
}

.read-more-block li {
   margin-bottom: 17px;
   padding-left: 29px;
   background: url(../images/icon_link_18px.svg) no-repeat left top 4px
}

.article-footer {
   font-size: .875rem
}

.article-footer p {
   color: #4a4a4a
}

.tags {
   color: #d62628
}

.tags a {
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 4px;
   padding: 9px 24px;
   text-decoration: none;
   border: 1px solid #dedede;
   border-radius: 4px
}

.article-header .category {
   margin-bottom: 18px
}

.article-header-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column
}

.article-header-content .main-article-img,
.article-header-content .main-article-video {
   -webkit-box-ordinal-group: 3;
   -ms-flex-order: 2;
   order: 2;
   margin-top: 38px;
   margin-bottom: 12px
}

.article-header-text {
   display: contents
}

.article-summary {
   -webkit-box-ordinal-group: 4;
   -ms-flex-order: 3;
   order: 3
}

@media only screen and (min-width:576px) {
   .main-article-video {
      padding-bottom: 56.1%
   }

   .main-article-img,
   .main-article-video {
      margin-left: 0;
      margin-right: 0
   }
}

@media only screen and (min-width:992px) {
   .article-header {
      padding-bottom: 216px
   }

   .article-header .category {
      margin-bottom: 28px
   }

   .additional-article-info,
   .article-header .article-summary {
      width: calc(100% - 328px);
      padding-right: 113px
   }

   .additional-article-info {
      overflow: hidden
   }

   .author-info {
      float: left
   }

   .author-name {
      font-size: 1rem
   }

   .article-summary {
      margin-top: 32px;
      margin-bottom: 34px;
      font-size: 1.125rem
   }

   .article-content {
      margin-top: -197px
   }

   .article-text h2,
   .article-text h3,
   .article-text h4 {
      margin-top: 40px
   }

   .article-text h2 {
      font-size: 1.3125rem
   }

   .article-text h3 {
      font-size: 1.375rem
   }

   .article-text blockquote {
      padding: 16px 6px 0 55px
   }

   .article-text blockquote p {
      font-size: 1.3125rem;
      line-height: 1.4285714286
   }

   .article-text blockquote small {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .article-text blockquote strong {
      margin-right: 16px
   }

   .article-text blockquote::before {
      top: 5px
   }

   .article-text .img-wrapper {
      margin-bottom: 39px
   }

   .read-more-block {
      margin-bottom: 43px;
      padding-top: 26px;
      padding-bottom: 0;
      padding-left: 37px
   }

   .read-more-block h2 {
      margin-bottom: 24px;
      font-size: 2.25rem
   }

   .read-more-block li {
      margin-bottom: 25px;
      padding-left: 42px
   }

   .article-footer p {
      margin-bottom: 17px
   }

   .tags a {
      padding: 9px 23px;
      border-radius: 12px
   }

   .small-article-header {
      padding-bottom: 152px
   }

   .small-article-header.article-header .additional-article-info,
   .small-article-header.article-header .article-summary {
      width: 100%
   }

   .article-header-content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
   }

   .article-header-content h1 {
      margin-bottom: 42px;
      padding-right: 0;
      font-size: 2.25rem
   }

   .article-header-content .main-article-img,
   .article-header-content .main-article-video {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 491px;
      margin-top: 0;
      margin-right: 70px
   }

   .article-header-content .main-article-video {
      padding-bottom: 300px
   }

   .article-header-text {
      display: block;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .close-article .icon,
   .close-gallery .icon {
      width: 50px;
      height: 50px
   }

   .close-article {
      margin-top: 0px;
      margin-right: 0
   }

   .close-gallery {
      right: 24px;
      top: 15px
   }
}

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

   .additional-article-info,
   .article-header .article-summary {
      width: calc(100% - 447px)
   }
}

.pagination {
   margin: 20px auto 0;
   padding: 0;
   list-style: none;
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-size: 1.3125rem;
   font-weight: 600
}

.pagination a {
   margin: 0 10px;
   padding: 10px 0;
   display: none;
   text-decoration: none
}

.pagination a,
.pagination span {
   width: 46px
}

.pagination .active,
.pagination .next,
.pagination .prev {
   height: 46px;
   display: block
}

.pagination .dots {
   display: none
}

.pagination .next,
.pagination .prev {
   width: 74px;
   border: 1px solid #dedede;
   line-height: 1
}

.pagination .prev .icon {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.pagination .next .icon {
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg)
}

.pagination .active {
   background-color: #f0f0f0
}

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

   .pagination .dots,
   .pagination a {
      display: block
   }
}

.categories-wrapper,
.regions-wrapper {
   margin-bottom: 40px;
   white-space: nowrap
}

.categories-wrapper a,
.regions-wrapper a {
   display: inline-block;
   margin-right: 5px;
   padding: 7px 10px;
   text-decoration: none;
   font-size: 1rem;
   color: #d62628;
   border: 1px solid #41549a
}

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

   .categories-wrapper,
   .regions-wrapper {
      margin-bottom: 32px;
      white-space: normal
   }

   .categories-wrapper a,
   .regions-wrapper a {
      margin-bottom: 8px
   }
}

.gallery-open-wrapper {
   margin-bottom: 26px;
   background-color: #0e1738;
   color: #fff
}

.gallery-info {
   position: relative;
   padding: 16px 16px 25px
}

.gallery-info .title {
   margin-top: 2px;
   margin-bottom: 15px;
   font-size: 1.3125rem;
   font-weight: 600;
   line-height: 1.2380952381
}

.gallery-info .additional-article-info {
   width: 100%;
   margin-bottom: 25px
}

.gallery-info .follow-us {
   margin-bottom: 10px;
   margin-left: 8px
}

.gallery-info .follow-us-socials {
   margin-left: 0
}

.gallery-info .follow-us-socials a {
   margin-right: 26px
}

.gallery-slider .banner-wrapper-small .banner[class*=-loaded] {
   margin-top: 35px
}

.gallery-slider-item {
   padding-top: 46px;
   overflow: hidden;
   border-bottom: 2px dotted #41549a
}

.gallery-slider-item .text-wrapper {
   padding: 9px 16px
}

.gallery-slider-item .img-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.gallery-slider-item:first-child {
   padding-top: 0;
   border-top: 0
}

.slide-number {
   display: block;
   margin-bottom: 8px;
   font-size: 1.125rem;
   font-weight: 700;
   color: #b2b2b2
}

.slide-number .accent {
   color: #d62628
}

.slide-title {
   margin-bottom: 11px;
   font-size: 1rem;
   font-weight: 400
}

.slide-text {
   margin-top: 0;
   margin-bottom: 22px;
   color: #4a4a4a;
   font-size: .875rem
}

.gallery-widget {
   display: block;
   text-decoration: none
}

.gallery-widget h2,
.gallery-widget h3 {
   margin-top: 0
}

.gallery-widget {
   border-radius: 0;
   background: #0e1738
}

.gallery-widget h2 {
   margin-bottom: 30px;
   line-height: 1.3181818182
}

.gallery-widget h3 {
   margin-bottom: 27px;
   font-weight: 400;
   font-size: 1.125rem
}

.gallery-images {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-left: -15px;
   margin-right: -15px
}

.gallery-images .img-wrapper {
   width: 50%;
   height: 0;
   margin-bottom: 0;
   padding-bottom: 28%
}

.gallery-images img {
   min-height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.gallery-images:after {
   content: "";
   position: absolute;
   z-index: 1;
   top: 10px;
   right: 10px;
   width: 42px;
   height: 42px;
   background: url(../images/icon_gallery_42px.svg) no-repeat center/100%
}

@media only screen and (max-width:991px) {
   .gallery-widget {
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
      padding: 22px 15px 0
   }

   .gallery-images {
      margin-left: -15px;
      margin-right: -15px
   }
}

@media only screen and (min-width:768px) {
   .gallery-slider-item {
      padding-left: 20px;
      padding-right: 20px
   }

   .gallery-slider-item img {
      max-width: 100%
   }

   .gallery-slider-item .text-wrapper {
      padding-left: 0;
      padding-right: 0
   }

   .gallery-slider-item:first-child {
      padding-top: 30px
   }

   .slide-title {
      margin-top: 4px
   }
}

@media only screen and (min-width:992px) {
   .gallery-open-wrapper {
      margin-bottom: 0;
      background: 0 0;
      color: #0e1738;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: calc(100vh - 80px);
      border-bottom: 1px solid #dedede
   }

   .gallery-right {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      float: right;
      width: 396px;
      padding-bottom: 36px
   }

   .gallery-right .banner-wrapper-small .banner[class$=-loaded] {
      margin-top: 40px
   }

   .gallery-info {
      padding: 19px 30px 0
   }

   .gallery-info .title {
      margin-top: 6px;
      margin-bottom: 25px
   }

   .gallery-info .follow-us {
      margin-top: 26px
   }

   .gallery-slider {
      float: left;
      width: calc(100% - 396px);
      overflow: hidden;
      padding: 37px 40px 7px 65px;
      background-color: #0e1738;
      color: #fff
   }

   .gallery-slider .slick-arrow {
      cursor: pointer;
      position: absolute;
      z-index: 2;
      top: 50vh;
      width: 42px;
      height: 42px;
      margin-top: -21px;
      padding: 0 9px;
      border-radius: 50%;
      border: 1px solid #2929d6;
      background-color: transparent;
      color: #fff;
      line-height: 0
   }

   .gallery-slider .slick-prev {
      left: 68px;
      text-align: right;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
   }

   .gallery-slider .slick-next {
      right: 20px;
      text-align: left
   }

   .gallery-slider-item {
      padding: 35px 63px 0 63px;
      border-bottom: none
   }

   .gallery-slider-item img {
      height: auto;
      width: auto;
      max-width: 100%
   }

   .gallery-slider-item .img-wrapper {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
   }

   .gallery-slider-item .text-wrapper {
      padding: 25px 0 0 6px
   }

   .gallery-slider-item:first-child {
      padding-top: 0
   }

   .gallery-slider-item:not(.slick-slide):nth-child(n+2) {
      display: none
   }

   .slide-number {
      float: left;
      margin-right: 10px;
      margin-left: -68px;
      margin-top: -25px;
      margin-top: 3px
   }

   .gallery-widget {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 0;
      padding-bottom: 0
   }

   .gallery-text {
      width: 280px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      padding-top: 20px;
      padding-right: 20px
   }
}

.calc-links-wrapper .powered-by {
   margin-bottom: 0;
   margin-top: 16px
}

.calc-link {
   display: block;
   margin-top: 25px;
   padding: 15px 16px;
   text-decoration: none;
   font-family: Raleway, sans-serif;
   font-size: 1.3125rem;
   font-weight: 800
}

.calc-link .icon {
   margin-right: 22px
}

.calc-link:first-child {
   margin-top: 30px
}

.quotes-table-wrapper {
   margin-top: 30px;
   padding: 10px 20px;
   border: 1px solid #dedede
}

.quotes-table {
   width: 100%;
   border-collapse: collapse;
   font-size: 1rem;
   text-align: right
}

.quotes-table td {
   padding: 10px 0;
   border-bottom: 1px dotted #dedede
}

.quotes-table td:first-child {
   text-align: left;
   font-weight: 600
}

.quotes-table tr:last-child td {
   border-bottom: none
}

.quotes-table .down,
.quotes-table .up {
   position: relative;
   padding-left: 18px
}

.quotes-table .down::before,
.quotes-table .up::before {
   content: "";
   position: absolute;
   left: 0;
   top: 7px;
   width: 0;
   height: 0;
   border-style: solid
}

.quotes-table .up {
   color: #5c901e
}

.quotes-table .up::before {
   border-width: 0 6px 8px 6px;
   border-color: transparent transparent #5c901e transparent
}

.quotes-table .down {
   color: #d62628
}

.quotes-table .down::before {
   border-width: 8px 6px 0 6px;
   border-color: #d62628 transparent transparent transparent
}

.calc-form {
   margin-top: 32px;
   margin-bottom: 50px
}

.calc-form table {
   width: calc(100% + 30px);
   margin-bottom: 34px;
   margin-left: -15px;
   margin-right: -15px;
   border-collapse: collapse;
   font-size: 1.1875rem;
   line-height: 1.1428571429
}

.calc-form table .form-group {
   margin-bottom: 0
}

.calc-form thead {
   background-color: #f0f0f0;
   font-size: .875rem;
   font-weight: 600
}

.calc-form th {
   padding: 10px 5px
}

.calc-form td {
   padding: 6px 10px
}

.calc-form td:first-child {
   padding-right: 5px
}

.calc-form tbody td,
.calc-form tbody th,
.calc-form thead td,
.calc-form thead th {
   border-left: 1px dotted #b2b2b2
}

.calc-form tbody td:first-child,
.calc-form tbody th:first-child,
.calc-form thead td:first-child,
.calc-form thead th:first-child {
   border-left: 0;
   text-align: left
}

.calc-form tfoot {
   font-weight: 700;
   border-top: 4px solid #f0f0f0;
   border-bottom: 4px solid #f0f0f0
}

.calc-form tfoot td {
   padding-top: 20px;
   padding-bottom: 20px
}

.calc-form tbody td {
   text-align: center
}

.calc-form tbody td:first-child {
   font-size: 1rem
}

.calc-form tbody tr:nth-child(even) td {
   background-color: #fafafa
}

.calc-form .btn {
   margin-top: 6px;
   width: 126px;
   text-transform: uppercase
}

.calc-form .total {
   padding-left: 30px
}

.calc-form .powered-by {
   margin-top: -20px;
   padding-bottom: 0
}

.result-container {
   display: none;
   margin-bottom: 60px;
   background-color: #f0f0f0;
   padding: 20px 21px 17px;
   font-size: 1.1875rem
}

.result-container h2 {
   margin-bottom: 20px;
   font-size: 1.3125rem;
   font-weight: 600
}

.result-container p {
   margin: 0;
   line-height: 1.5789473684
}

@media screen and (min-width:992px) and (max-width:1119px) {
   .calc-link {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 1.1875rem
   }

   .calc-link .icon {
      margin-right: 11px
   }
}

@media only screen and (min-width:576px) {
   .calc-form table {
      margin-left: 0;
      margin-right: 0;
      width: 100%
   }
}

@media only screen and (min-width:992px) {
   .calc-form {
      margin-top: 44px;
      margin-bottom: 80px
   }

   .calc-form table input {
      min-width: 196px
   }

   .calc-form thead {
      font-size: 1.1875rem
   }

   .calc-form th {
      padding: 10px 40px 14px
   }

   .calc-form td {
      padding: 8px 32px
   }

   .calc-form td:first-child {
      padding-left: 10px
   }

   .calc-form tbody td:last-child {
      padding-right: 10px
   }

   .calc-form .total {
      padding-left: 56px
   }

   .result-container {
      padding: 40px 40px 35px
   }
}

.author-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 20px
}

.author-wrapper h1 {
   margin-bottom: 0;
   font-size: 1.3125rem;
   font-family: Raleway, sans-serif;
   font-weight: 800
}

.author-wrapper h3 {
   margin-top: -3px;
   margin-bottom: 13px;
   font-size: 1rem;
   font-weight: 400
}

.author-wrapper img {
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.author-wrapper .img-wrapper {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   width: 80px;
   height: 80px;
   margin-right: 13px;
   border-radius: 50%;
   overflow: hidden
}

.author-wrapper .btn {
   display: table;
   width: auto;
   text-transform: uppercase;
   padding-left: 25px;
   padding-right: 25px
}

.author-text {
   margin-bottom: 64px;
   background-color: #f0f0f0;
   padding: 10px 18px 24px;
   font-size: 1rem
}

.author-text h2 {
   margin-bottom: 10px;
   font-size: 1.1875rem;
   font-family: Raleway, sans-serif;
   font-weight: 800
}

.author-text p {
   margin-top: 0;
   margin-bottom: 23px;
   line-height: 1.375
}

.author-text .follow-us {
   margin-bottom: 0
}

.author-text .follow-us-socials {
   margin-left: 0
}

@media only screen and (max-width:991px) {
   .author-layout {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .author-layout .author-section {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1
   }

   .author-layout .main-column,
   .author-layout .side-column {
      display: contents
   }
}

@media only screen and (min-width:992px) {
   .author-wrapper {
      width: 100%;
      margin-bottom: 60px;
      padding-bottom: 10px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 4px solid #2929d6
   }

   .author-wrapper h1 {
      font-size: 2.25rem
   }

   .author-wrapper h3 {
      margin-bottom: 0;
      font-size: 1.1875rem
   }

   .author-wrapper .img-wrapper {
      width: 120px;
      height: 120px;
      margin-right: 30px
   }

   .author-wrapper .text-wrapper {
      width: 100%
   }

   .author-additional {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end
   }

   .author-text {
      margin-bottom: 0;
      padding: 28px 30px 35px
   }

   .author-text h2 {
      margin-bottom: 12px;
      font-size: 1.625rem
   }

   .author-text p {
      margin-bottom: 23px;
      line-height: 1.5
   }
}

.category-esg .categories-wrapper a {
   color: #fff;
   background-color: #0e1738
}

.category-esg .article-block {
   background-color: #0e1738
}

.category-esg .article-block .text-wrapper {
   padding-bottom: 14px;
   padding-left: 10px;
   padding-right: 10px
}

.with-bg {
   position: relative
}

.with-bg>.inner-wrapper {
   position: relative;
   z-index: 2
}

.with-bg .category-bg {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover
}

.with-bg::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(14, 23, 56, .1)), to(#0e1738));
   background: linear-gradient(to bottom, rgba(14, 23, 56, .1), #0e1738)
}

.three-section.with-bg {
   margin-top: 40px;
   padding-top: 30px;
   padding-bottom: 50px
}

.three-section.with-bg .section-heading {
   padding-top: 0;
   border-top: none
}

.three-section.with-bg .section-heading::after {
   display: none
}

.three-section.with-bg .section-title,
.three-section.with-bg .show-more {
   color: #fff
}

.current-time {
   width: 39px;
   display: inline-block
}

.audio-block-wrapper {
   margin-top: 20px;
   margin-bottom: 16px
}

.audio-block-wrapper.audio-small {
   margin-bottom: 0
}

.audio-block-wrapper.audio-small .audio-block:not(.sticky-audio) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-left: 0;
   padding: 0;
   background-color: transparent
}

.audio-block-wrapper.audio-small .audio-block:not(.sticky-audio) p {
   display: none
}

.audio-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 6px 10px 5px 8px
}

.audio-block p {
   font-size: .75rem;
   margin: 0;
   line-height: 1.1666666667
}

.audio-block .btn {
   width: 114px;
   padding-top: 5px;
   text-transform: uppercase
}

.pause-audio {
   display: none
}

.audio-block.sticky-audio {
   position: fixed;
   z-index: 3;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   left: 16px;
   right: 16px;
   bottom: 48px;
   height: 84px;
   padding: 12px;
   font-size: .75rem;
   display: none;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.audio-block.sticky-audio p {
   margin-bottom: 5px
}

.audio-block.sticky-audio .pause-audio,
.audio-block.sticky-audio .play-audio {
   padding: 0;
   border-radius: 50%;
   margin-left: 0;
   margin-right: 0
}

.audio-block.sticky-audio .pause-audio .icon,
.audio-block.sticky-audio .play-audio .icon {
   width: 26px;
   height: 26px;
   margin-right: 0;
   color: #d62628
}

.audio-block.sticky-audio .audio-player {
   margin-left: 0
}

.audio-block.sticky-audio .close-fixed {
   display: block;
   position: absolute;
   right: -14px;
   top: -14px;
   width: 28px;
   height: 28px;
   padding-top: 4px;
   background-color: #f0f0f0;
   border-radius: 50%;
   border: 1px solid #0e1738;
   text-align: center
}

.audio-block.sticky-audio.visible {
   display: block
}

.audio-player {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin-left: 10px
}

.audio-time {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   min-width: 60px;
   margin-left: 10px;
   font-size: .75rem
}

.total-time {
   color: #4a4a4a
}

.audio-player {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.audio-bar {
   position: relative;
   width: 294px;
   height: 10px;
   background-color: #fff;
   margin-left: 10px;
   border-radius: 15px;
   overflow: hidden
}

.audio-progress {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   background: #d62628;
   border-radius: 15px
}

.share-audio {
   background-color: transparent;
   border: none;
   margin-left: 10px;
   cursor: pointer
}

.share-audio .icon {
   width: 20px;
   height: auto
}

.audio-iframe {
   display: none;
   position: absolute;
   bottom: 100%;
   right: 0;
   width: 300px;
   margin-bottom: -4px;
   background-color: #f0f0f0;
   padding: 20px
}

.audio-iframe textarea {
   width: 100%;
   height: 100px;
   padding: 5px;
   background-color: #f0f0f0;
   resize: none
}

.close-iframe {
   position: absolute;
   right: 4px;
   top: 2px
}

.audio-block {
   position: relative;
   background-color: #f0f0f0
}

@media only screen and (min-width:768px) {
   .current-time {
      width: 50px
   }
}

@media only screen and (min-width:992px) {
   .audio-block-wrapper {
      margin-top: 40px;
      margin-bottom: 27px
   }

   .audio-block {
      padding: 8px 12px 7px 11px
   }

   .audio-block p {
      margin-bottom: 0;
      margin-right: 20px;
      font-size: .875rem
   }

   .audio-block .btn {
      -ms-flex-negative: 0;
      flex-shrink: 0
   }

   .audio-block.sticky-audio {
      left: 5%;
      max-width: 90%;
      height: 80px;
      padding-top: 19px;
      padding-bottom: 19px
   }

   .audio-block.sticky-audio p {
      font-size: 1.125rem;
      margin-bottom: 0
   }

   .audio-block.sticky-audio .pause-audio,
   .audio-block.sticky-audio .play-audio {
      margin-left: 20px
   }

   .audio-block.sticky-audio .pause-audio .icon,
   .audio-block.sticky-audio .play-audio .icon {
      width: 42px;
      height: 42px
   }

   .audio-block.sticky-audio.visible {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
   }

   .audio-time {
      margin-left: 70px;
      font-size: 1rem
   }
}

@media only screen and (min-width:1120px) {
   .sticky-audio {
      left: 10%;
      max-width: 80%
   }
}

/* Authors Page */
.section.authors {
   padding: 60px 0;
}

.section.authors .team_wrapper {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -10px;
}

.section.authors .team_wrapper .team_member {
   max-width: 33.33%;
   flex-basis: 33.33%;
   padding: 0 10px;
   position: relative;
   display: block;
   margin-bottom: 20px;
}

.section.authors .team_wrapper .team_member .img-wrapper {
   width: 100%;
   height: 450px;
   border-radius: 16px;
   overflow: hidden;
   margin: 0 auto;
}

.section.authors .team_wrapper .team_member .img-wrapper img {
   transition: transform .3s ease-in-out;
}

.section.authors .team_wrapper .team_member .img-wrapper:hover img {
   transform: scale(1.1);
}

.section.authors .team_wrapper .team_member .img-wrapper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center center;
}

.section.authors .team_wrapper .team_member .info_wrapper {
   position: absolute;
   bottom: 0;
   padding: 16px;
   width: calc(100% - 20px);
}

.section.authors .team_wrapper .team_member .info_wrapper h2 {
   color: #fff;
   margin-bottom: 16px;
}

.section.authors .team_wrapper .team_member .info_wrapper h2 a {
   border-bottom: 2px solid transparent;
   transition: all .3s ease-in-out;
}

.section.authors .team_wrapper .team_member .info_wrapper h2:hover a {
   border-color: #fff;
   color: #fff;
}

.section.authors .team_wrapper .team_member .info_wrapper .bio {
   margin: 0;
   color: white;
   font-size: 14px;
   margin-bottom: 14px;
   -webkit-line-clamp: 3;
}

.section.authors .team_wrapper .team_member .info_wrapper .show-socials {
   justify-content: flex-start;
   margin: 0;
}

.section.authors .team_wrapper .team_member .info_wrapper .show-socials a {
   display: inline-block;
   text-decoration: none;
   color: #fff;
   font-size: 13px;
   font-weight: 300;
   margin-right: 10px;
}

.section.authors .team_wrapper .team_member .info_wrapper .show-socials a svg {
   transition: transform .3s ease-in-out;
}

.section.authors .team_wrapper .team_member .info_wrapper .show-socials a:hover svg {
   transform: scale(1.1);
}

@media screen and (max-width: 991px) {
   .section.authors .team_wrapper .team_member {
      max-width: 50%;
      flex-basis: 50%;
   }
   .main-menu {
      display: none;
   }
}

@media screen and (max-width: 767px) {
   .section.authors {
      padding: 40px 0;
   }

   .section.authors .team_wrapper .team_member .info_wrapper {
      padding: 10px;
   }

   .section.authors .team_wrapper .team_member .info_wrapper h2 {
      font-size: 20px;
   }

}

@media screen and (max-width: 575px) {
   .section.authors .team_wrapper {
      justify-content: center;
   }

   .section.authors .team_wrapper .team_member {
      max-width: 100%;
      flex-basis: 100%;
   }

   .section.authors {
      padding: 20px 0;
   }
}




@media only screen and (max-width: 991px) {
   .mobile-hidden {
      display: none;
   }
}

@media only screen and (min-width: 576px) {
   .section-heading {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
   }

   .special-article-grid-section {
      border-left: 1px solid rgba(70, 70, 70, 0.2);
      border-right: 1px solid rgba(70, 70, 70, 0.2);
   }

   .special-article-grid-section .article-block:not(.big-article) .text-wrapper {
      padding-bottom: 50px;
   }
}

@media only screen and (min-width: 992px) {
   .mobile-hidden {
      display: block;
   }

   .desktop-hidden {
      display: none;
   }

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

@media only screen and (min-width: 1120px) {
   .section-title {
      margin-bottom: 19px;
      font-size: 2.25rem;
   }

   .section-heading {
      margin-bottom: 21px;
      padding-top: 20px;
   }

   .section-heading::after {
      width: 200px;
   }
}

.side-column .banner-wrapper-small {
   padding-top: 70px;
}

.hero-section .inner-wrapper.branding {
   position: relative;
}

.hero-section .branding_sponsor {
   text-align: right;
   right: 20px;
   position: absolute;
}

.hero-section.article-header .branding_sponsor {
   right: 95px;
}

.hero-section .branding_sponsor p {
   font-size: 14px;
   margin-bottom: 4px;
   margin-top: 0;
}

.hero-section .branding_sponsor img {
   width: 100%;
   max-width: 125px;
   height: auto;
}

.article-grid-section h2.branding_title {
   grid-column: span 2;
   display: flex;
   padding: 20px;
   background-color: #d52129;
   color: white;

}

@media screen and (max-width: 991px) {
   .hero-section.article-header .branding_sponsor {
      right: 60px;
      top: -12px;
   }
}

@media screen and (max-width: 767px) {
   body.cat_9997 .hero-section {
      padding-top: 50px;
   }

   .article-grid-section h2.branding_title {
      font-size: 24px;
   }

   .hero-section .branding_sponsor {
      top: -25px;
   }
}

@media screen and (max-width: 575px) {
   .hero-section.article-header .branding_sponsor {
      right: 14px;
      top: 0px;
   }

   .hero-section.article-header #wtg-check[data-cat-id="9997"] {
      position: relative;
   }

   .hero-section.article-header #wtg-check[data-cat-id="9997"] .close-article {
      position: absolute;
      top: 75px;
      right: 20px;
   }

   .hero-section.article-header #wtg-check[data-cat-id="9997"] .category {
      margin-top: 60px;
   }

   .article-grid-section h2.branding_title {
      margin-left: -15px;
      margin-right: -15px;
      font-size: 20px;
   }
}

/* Homepage Branding Section */
.branding_section {
   overflow: hidden;
   grid-column: span 2;
   margin-bottom: 20px;
}

.branding_section .branding_article {
   z-index: 2;
}

.branding_section .category_title_wrap {
   display: flex;
   flex-wrap: wrap;
   padding: 13px 13px;
   grid-column: span 2;
   align-items: center;
   justify-content: space-between;
}

.branding_section .category_title_wrap h2 {
   padding: 0;
   width: 100%;
   flex-basis: 100%;
   font-size: 19px;
   margin-bottom: 0;
}

.branding_section .category_title_wrap .partner_logo {
   order: -1;
   max-width: 106px;
   margin-bottom: 6px;
}

.branding_section .category_title_wrap .partner_logo span {
   display: block;
   font-size: 12px;
   font-weight: 400;
   margin-bottom: 5px;
}

.branding_section .category_title_wrap .partner_logo img {
   width: 100%;
   height: auto;
   display: block;
}

.branding_section .article-grid-section .article-block:nth-child(even) {
   border-right: none;
}

.branding_section .article-block .img-wrapper {
   z-index: 2;
}

.branding_section .article-block h2 a,
.branding_section .article-block a.category {
   color: #fff;
}

.branding_section .article-block h2 a:hover,
.branding_section .article-block a.category:hover {
   color: #1c1837
}

.branding_section .article-block a.category:hover {
   color: #1c1837
}

.branding_section.procredit {
   color: #fff;
   position: relative;
   background: #d52129;
}

.branding_section.procredit::before {
   content: '';
   top: 21px;
   right: 0;
   z-index: 1;
   width: 50%;
   height: 100%;
   opacity: 0.1;
   pointer-events: none;
   position: absolute;
   transform: scale(1.6) translateX(25%);
   background: url(../images/procredit_white_logo.svg) center center no-repeat;
}

.branding_section .category::after {
   border-color: transparent transparent transparent #a91012;
}

.branding_section .category::before {
   border-color: #47404000 transparent #ffffff00 #9d1519;
}

@media only screen and (min-width: 576px) {
   .branding_section .category_title_wrap {
      flex-wrap: nowrap;
      padding: 7px 16px;
   }

   .branding_section .category_title_wrap h2 {
      font-size: 21px;
      padding-right: 10px;
      width: calc(100% - 106px);
      flex-basis: calc(100% - 106px);
   }

   .branding_section .category_title_wrap .partner_logo {
      order: unset;
      margin-bottom: 0;
   }
}

@media only screen and (min-width: 1120px) {
   .branding_section .category_title_wrap h2 {
      font-size: 23px;
      width: calc(100% - 120px);
      flex-basis: calc(100% - 120px);
   }

   .branding_section .category_title_wrap {
      padding: 13px 22px;
   }

   .branding_section .category_title_wrap .partner_logo {
      max-width: 120px;
   }
}

@media screen and (max-width:576px) {
   .branding_section {
      display: block;
   }

   .branding_section {
      width: calc(100% + 30px);
      margin-left: -15px;
   }

   .branding_section.procredit::before {
      display: none;
   }

   .branding_section.procredit .text-wrapper {
      padding: 3px 41px 36px !important;
   }
}

.hidden-menu-wrapper {
   position: fixed;
   z-index: 22;
   top: 0;
   bottom: 0;
   right: -382px;
   max-width: 90%;
   width: 296px;
   padding-top: 58px;
   background-color: #fff;
   display: flex;
   flex-direction: column;
 }
 
 .hidden-menu {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 20px;
   height: calc(100vh - 80px);
   scrollbar-width: thin;
   scrollbar-color: rgba(214, 38, 40, 0.5) transparent;
 }
 
 .hidden-menu::-webkit-scrollbar {
   width: 5px;
 }
 
 .hidden-menu::-webkit-scrollbar-thumb {
   background-color: rgba(214, 38, 40, 0.5);
   border-radius: 10px;
 }
 
 .menu-item, .submenu-item {
   position: relative;
 }
 
 .menu-link, .submenu-link {
   text-decoration: none;
   display: inline-block;
   padding: 5px 10px;
   cursor: pointer;
 }
 
 .toggle-arrow {
   background: none;
   border: none;
   cursor: pointer;
   padding: 10px;
   font-size: 14px;
   display: inline-block;
   transition: transform 0.5s ease; /* Add this line for smooth rotation */
 }
 
 .toggle-arrow::after {
   content: '▼';
   font-size: 12px;
   margin-left: 5px;
   display: inline-block;
 }
 
 .toggle-arrow.rotated {
   transform: rotate(-180deg);
 }
 
 .sub-menu {
   display: none;
   padding-left: 10px;
 }
 
 .sub-menu .submenu-item {
   margin-bottom: 5px;
 }
 
 .sub-menu .sub-menu {
   margin-top: 5px;
 }
 .menu-item.active > .menu-link,
 .submenu-item.active > .submenu-link {
   border-bottom: 1px solid red;
 }