body,
html {
 min-height: 100%;
 width: 100%;
 padding: 0;
 margin: 0;
 font-size: 10px;
 font-family: ProximaSoft, sans-serif;
 font-weight: 400;
 color: #444;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 background-color: #09111c;
 /*
 scroll-behavior: smooth;
 */
}

@media (max-width:420px) {
 body,
 html {
  background-position-x: calc(50% + 516px);
  background-position-y: 45px;
 }
}

.react-share__ShareButton {
 display: -ms-flexbox;
 display: flex;
}

.react-share__ShareButton svg {
 height: 40px;
 width: 40px;
}

.ReactModal__Overlay {
 opacity: 0;
 transition: opacity .2s ease-in-out;
}

.ReactModal__Overlay--after-open {
 opacity: 1;
}

.ReactModal__Overlay--before-close {
 opacity: 0;
}

@media (max-width:700px) {
 .ReactModal__Content {
  width: 370px!important;
  height: 225px!important;
 }
}

*,
:after,
:before {
 box-sizing: border-box;
}

a {
 color: inherit;
 text-decoration: none;
}

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

button {
 font-family: inherit;
}

.l-wrap {
 width: 100%;
 max-width: 1344px;
 padding-left: 32px;
 padding-right: 32px;
 margin-left: auto;
 margin-right: auto;
}

.socialButton {
 margin: 10px;
}

.socialButtonContainer {
 box-shadow: 0 4.95939px 14.8782px rgba(0, 0, 0, .15);
 padding: 10px;
 margin-left: 30px;
 margin-right: 30px;
 background-color: #fff;
 border-radius: 100%;
 position: relative;
}

.ReactModal__Content--after-open {
 overflow: initial!important;
 width: 924px!important;
 height: 538px!important;
 padding: 17px;
}

@media (max-width:1100px) {
 .ReactModal__Content {
  width: 600px!important;
  height: 354px!important;
 }
}

@media (max-width:790px) {
 .ReactModal__Content {
  width: 370px!important;
  height: 224px!important;
 }
}

@media (max-width:750px) {
 .l-wrap {
  padding-left: 16px;
  padding-right: 16px;
 }
 .socialButton {
  margin: 10px;
  height: 30px!important;
  width: 30px!important;
 }
}

@media (max-width:950px) {
 .l-wrap {
  padding-left: 32px!important;
  padding-right: 32px!important;
 }
}

@media (max-width:1000px) {
 .socialButton {
  height: 30px!important;
  width: 30px!important;
 }
}

@media (max-width:768px) {
 .socialButton {
  height: 50px!important;
  width: 50px!important;
 }
}

@media (max-width:590px) {
 .socialButton {
  height: 30px!important;
  width: 30px!important;
 }
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
 padding: 15px;
 display: inline-block;
 cursor: pointer;
 transition-property: opacity, -webkit-filter;
 transition-property: opacity, filter;
 transition-property: opacity, filter, -webkit-filter;
 transition-duration: .15s;
 transition-timing-function: linear;
 font: inherit;
 color: inherit;
 text-transform: none;
 background-color: transparent;
 border: 0;
 margin: 0;
 overflow: visible;
}

.hamburger.is-active:hover,
.hamburger:hover {
 opacity: 1;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
 background-color: #fff;
}

.hamburger-box {
 width: 30px;
 height: 21px;
 display: inline-block;
 position: relative;
}

.hamburger-inner {
 display: block;
 top: 50%;
 margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
 width: 30px;
 height: 3px;
 background-color: #fff;
 border-radius: 4px;
 position: absolute;
 transition-property: transform;
 transition-duration: .15s;
 transition-timing-function: ease;
}

.hamburger-inner:after,
.hamburger-inner:before {
 content: "";
 display: block;
}

.hamburger-inner:before {
 top: -9px;
}

.hamburger-inner:after {
 bottom: -9px;
}

.hamburger--3dx .hamburger-box {
 perspective: 60px;
}

.hamburger--3dx .hamburger-inner {
 transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
 transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx.is-active .hamburger-inner {
 background-color: transparent!important;
 transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner:before {
 transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner:after {
 transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
 perspective: 60px;
}

.hamburger--3dx-r .hamburger-inner {
 transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
 transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dx-r.is-active .hamburger-inner {
 background-color: transparent!important;
 transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
 transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
 transform: translate3d(0, -9px, 0) rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
 perspective: 60px;
}

.hamburger--3dy .hamburger-inner {
 transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
 transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dy.is-active .hamburger-inner {
 background-color: transparent!important;
 transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner:before {
 transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner:after {
 transform: translate3d(0, -9px, 0) rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
 perspective: 60px;
}

.hamburger--3dy-r .hamburger-inner {
 transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
 transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dy-r.is-active .hamburger-inner {
 background-color: transparent!important;
 transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
 transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
 transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
 perspective: 60px;
}

.hamburger--3dxy .hamburger-inner {
 transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
 transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy.is-active .hamburger-inner {
 background-color: transparent!important;
 transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner:before {
 transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner:after {
 transform: translate3d(0, -9px, 0) rotate(-45deg);
}

.hamburger--3dxy-r .hamburger-box {
 perspective: 60px;
}

.hamburger--3dxy-r .hamburger-inner {
 transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
 transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
}

.hamburger--3dxy-r.is-active .hamburger-inner {
 background-color: transparent!important;
 transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
 transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
 transform: translate3d(0, -9px, 0) rotate(-45deg);
}

.hamburger--arrow.is-active .hamburger-inner:before {
 transform: translate3d(-6px, 0, 0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrow.is-active .hamburger-inner:after {
 transform: translate3d(-6px, 0, 0) rotate(45deg) scaleX(.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
 transform: translate3d(6px, 0, 0) rotate(45deg) scaleX(.7);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
 transform: translate3d(6px, 0, 0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrowalt .hamburger-inner:before {
 transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt .hamburger-inner:after {
 transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
 top: 0;
 transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scaleX(.7);
 transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
 bottom: 0;
 transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scaleX(.7);
 transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
}

.hamburger--arrowalt-r .hamburger-inner:before {
 transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
 transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
 top: 0;
 transform: translate3d(6px, -7.5px, 0) rotate(45deg) scaleX(.7);
 transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
 bottom: 0;
 transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scaleX(.7);
 transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
}

.hamburger--arrowturn.is-active .hamburger-inner {
 -ms-transform: rotate(-180deg);
 transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
 transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7);
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
 transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
 -ms-transform: rotate(-180deg);
 transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
 transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7);
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
 transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7);
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
 transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner:before {
 top: 0;
 opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
 top: auto;
 bottom: 0;
 transition-duration: .13s;
 transition-delay: .13s;
 transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse .hamburger-inner:after {
 top: -18px;
 transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
}

.hamburger--collapse .hamburger-inner:before {
 transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse.is-active .hamburger-inner {
 transform: translate3d(0, -9px, 0) rotate(-45deg);
 transition-delay: .22s;
 transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse.is-active .hamburger-inner:after {
 top: 0;
 opacity: 0;
 transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
}

.hamburger--collapse.is-active .hamburger-inner:before {
 top: 0;
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg);
 transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
}

.hamburger--collapse-r .hamburger-inner {
 top: auto;
 bottom: 0;
 transition-duration: .13s;
 transition-delay: .13s;
 transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse-r .hamburger-inner:after {
 top: -18px;
 transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear;
}

.hamburger--collapse-r .hamburger-inner:before {
 transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
 transform: translate3d(0, -9px, 0) rotate(45deg);
 transition-delay: .22s;
 transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
 top: 0;
 opacity: 0;
 transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
 top: 0;
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
}

.hamburger--elastic .hamburger-inner {
 top: 1.5px;
 transition-duration: .275s;
 transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.hamburger--elastic .hamburger-inner:before {
 top: 9px;
 transition: opacity .125s ease .275s;
}

.hamburger--elastic .hamburger-inner:after {
 top: 18px;
 transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
 transform: translate3d(0, 9px, 0) rotate(135deg);
 transition-delay: 75ms;
}

.hamburger--elastic.is-active .hamburger-inner:before {
 transition-delay: 0s;
 opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner:after {
 transform: translate3d(0, -18px, 0) rotate(-270deg);
 transition-delay: 75ms;
}

.hamburger--elastic-r .hamburger-inner {
 top: 1.5px;
 transition-duration: .275s;
 transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.hamburger--elastic-r .hamburger-inner:before {
 top: 9px;
 transition: opacity .125s ease .275s;
}

.hamburger--elastic-r .hamburger-inner:after {
 top: 18px;
 transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
 transform: translate3d(0, 9px, 0) rotate(-135deg);
 transition-delay: 75ms;
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
 transition-delay: 0s;
 opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
 transform: translate3d(0, -18px, 0) rotate(270deg);
 transition-delay: 75ms;
}

.hamburger--emphatic {
 overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
 transition: background-color .125s ease-in .175s;
}

.hamburger--emphatic .hamburger-inner:before {
 left: 0;
 transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s;
}

.hamburger--emphatic .hamburger-inner:after {
 top: 9px;
 right: 0;
 transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s;
}

.hamburger--emphatic.is-active .hamburger-inner {
 transition-delay: 0s;
 transition-timing-function: ease-out;
 background-color: transparent!important;
}

.hamburger--emphatic.is-active .hamburger-inner:before {
 left: -60px;
 top: -60px;
 transform: translate3d(60px, 60px, 0) rotate(45deg);
 transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
}

.hamburger--emphatic.is-active .hamburger-inner:after {
 right: -60px;
 top: -60px;
 transform: translate3d(-60px, 60px, 0) rotate(-45deg);
 transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
}

.hamburger--emphatic-r {
 overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
 transition: background-color .125s ease-in .175s;
}

.hamburger--emphatic-r .hamburger-inner:before {
 left: 0;
 transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s;
}

.hamburger--emphatic-r .hamburger-inner:after {
 top: 9px;
 right: 0;
 transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
 transition-delay: 0s;
 transition-timing-function: ease-out;
 background-color: transparent!important;
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
 left: -60px;
 top: 60px;
 transform: translate3d(60px, -60px, 0) rotate(-45deg);
 transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
 right: -60px;
 top: 60px;
 transform: translate3d(-60px, -60px, 0) rotate(45deg);
 transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
 transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
 opacity: 0;
 transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
}

.hamburger--minus.is-active .hamburger-inner:before {
 top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
 bottom: 0;
}

.hamburger--slider .hamburger-inner {
 top: 1.5px;
}

.hamburger--slider .hamburger-inner:before {
 top: 9px;
 transition-property: transform, opacity;
 transition-timing-function: ease;
 transition-duration: .15s;
}

.hamburger--slider .hamburger-inner:after {
 top: 18px;
}

.hamburger--slider.is-active .hamburger-inner {
 transform: translate3d(0, 9px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner:before {
 transform: rotate(-45deg) translate3d(-4.28571px, -6px, 0);
 opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
 transform: translate3d(0, -18px, 0) rotate(-90deg);
}

.hamburger--slider-r .hamburger-inner {
 top: 1.5px;
}

.hamburger--slider-r .hamburger-inner:before {
 top: 9px;
 transition-property: transform, opacity;
 transition-timing-function: ease;
 transition-duration: .15s;
}

.hamburger--slider-r .hamburger-inner:after {
 top: 18px;
}

.hamburger--slider-r.is-active .hamburger-inner {
 transform: translate3d(0, 9px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
 transform: rotate(45deg) translate3d(4.28571px, -6px, 0);
 opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner:after {
 transform: translate3d(0, -18px, 0) rotate(90deg);
}

.hamburger--spin .hamburger-inner {
 transition-duration: .22s;
 transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin .hamburger-inner:before {
 transition: top .1s ease-in .25s, opacity .1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
 transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin.is-active .hamburger-inner {
 -ms-transform: rotate(225deg);
 transform: rotate(225deg);
 transition-delay: .12s;
 transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spin.is-active .hamburger-inner:before {
 top: 0;
 opacity: 0;
 transition: top .1s ease-out, opacity .1s ease-out .12s;
}

.hamburger--spin.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg);
 transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
}

.hamburger--spin-r .hamburger-inner {
 transition-duration: .22s;
 transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r .hamburger-inner:before {
 transition: top .1s ease-in .25s, opacity .1s ease-in;
}

.hamburger--spin-r .hamburger-inner:after {
 transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin-r.is-active .hamburger-inner {
 -ms-transform: rotate(-225deg);
 transform: rotate(-225deg);
 transition-delay: .12s;
 transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner:before {
 top: 0;
 opacity: 0;
 transition: top .1s ease-out, opacity .1s ease-out .12s;
}

.hamburger--spin-r.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
}

.hamburger--spring .hamburger-inner {
 top: 1.5px;
 transition: background-color 0s linear .13s;
}

.hamburger--spring .hamburger-inner:before {
 top: 9px;
 transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring .hamburger-inner:after {
 top: 18px;
 transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring.is-active .hamburger-inner {
 transition-delay: .22s;
 background-color: transparent!important;
}

.hamburger--spring.is-active .hamburger-inner:before {
 top: 0;
 transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
 transform: translate3d(0, 9px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
 top: 0;
 transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
 transform: translate3d(0, 9px, 0) rotate(-45deg);
}

.hamburger--spring-r .hamburger-inner {
 top: auto;
 bottom: 0;
 transition-duration: .13s;
 transition-delay: 0s;
 transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring-r .hamburger-inner:after {
 top: -18px;
 transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner:before {
 transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spring-r.is-active .hamburger-inner {
 transform: translate3d(0, -9px, 0) rotate(-45deg);
 transition-delay: .22s;
 transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner:after {
 top: 0;
 opacity: 0;
 transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
}

.hamburger--spring-r.is-active .hamburger-inner:before {
 top: 0;
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
}

.hamburger--stand .hamburger-inner {
 transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
}

.hamburger--stand .hamburger-inner:before {
 transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
}

.hamburger--stand .hamburger-inner:after {
 transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
}

.hamburger--stand.is-active .hamburger-inner {
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
 background-color: transparent!important;
 transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
}

.hamburger--stand.is-active .hamburger-inner:before {
 top: 0;
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
}

.hamburger--stand.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
}

.hamburger--stand-r .hamburger-inner {
 transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms;
}

.hamburger--stand-r .hamburger-inner:before {
 transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
}

.hamburger--stand-r .hamburger-inner:after {
 transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s;
}

.hamburger--stand-r.is-active .hamburger-inner {
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg);
 background-color: transparent!important;
 transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
}

.hamburger--stand-r.is-active .hamburger-inner:before {
 top: 0;
 -ms-transform: rotate(-45deg);
 transform: rotate(-45deg);
 transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
}

.hamburger--stand-r.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
}

.hamburger--squeeze .hamburger-inner {
 transition-duration: 75ms;
 transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze .hamburger-inner:before {
 transition: top 75ms ease .12s, opacity 75ms ease;
}

.hamburger--squeeze .hamburger-inner:after {
 transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
}

.hamburger--squeeze.is-active .hamburger-inner {
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
 transition-delay: .12s;
 transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
 top: 0;
 opacity: 0;
 transition: top 75ms ease, opacity 75ms ease .12s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg);
 transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
}

.hamburger--vortex .hamburger-inner {
 transition-duration: .2s;
 transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
 transition-duration: 0s;
 transition-delay: .1s;
 transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner:before {
 transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner:after {
 transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
 -ms-transform: rotate(765deg);
 transform: rotate(765deg);
 transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
 transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner:before {
 top: 0;
 opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(90deg);
 transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
 transition-duration: .2s;
 transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
 transition-duration: 0s;
 transition-delay: .1s;
 transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner:before {
 transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner:after {
 transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
 -ms-transform: rotate(-765deg);
 transform: rotate(-765deg);
 transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
 transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
 top: 0;
 opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
 bottom: 0;
 -ms-transform: rotate(-90deg);
 transform: rotate(-90deg);
}

.app__5PZ0l {
 height: 100%;
 min-height: 100vh;
 display: grid;
 grid-template-rows: auto 1fr auto;
 position: relative;
}

.header__2IviE {
 padding-top: 10px;
 padding-bottom: 10px;
 position: fixed;
 left: 0;
 right: 0;
 z-index: 1000;
 pointer-events: none;
 background: #2e8b57;
 transition: transform .4s ease, opacity .4s ease;
 height: 64px;
 box-sizing: border-box;
}


.header__2IviE.playing__1NypK {
 -ms-transform: translateY(-200px);
 transform: translateY(-200px);
 opacity: 0;
}

.wrap__2oT9d {
 font-size: 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: justify;
 justify-content: space-between;
 font-weight: 700;
 color: #fff;
 pointer-events: all;
}

.logo__3NLOm {
 height: 51px;
 width: 160px;
 z-index: 5;
 /*
 background-image: url(/assets/img/logo.svg);
 */
 background-repeat: no-repeat;
 background-position: 50%;
 background-size: contain;
}

.menuButton__34SIo {
 display: none;
}

.nav__40Mjm {
 padding: 0;
 font-size: 1.8rem;
 line-height: 2.2rem;
 position: relative;
}

.nav__40Mjm:before {
 content: "";
 display: block;
 width: calc(100% + 28px);
 height: 100%;
 position: absolute;
 top: 0;
 left: -14px;
 background: #09111c;
 opacity: .5;
 -webkit-filter: blur(4px);
 filter: blur(4px);
}

.link__29yyz {
 display: inline-block;
 position: relative;
}

.link__29yyz:not(:last-of-type) {
 margin-right: 35px;
}

.link__29yyz.active__3faWU:after {
 content: "";
 display: block;
 width: 32px;
 height: 4px;
 position: absolute;
 left: 50%;
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 bottom: -8px;
 border-radius: 3px;
 background: linear-gradient(1turn, #00a1de -26.44%, #9adbf5 119.62%);
}

@media (max-width:950px) {
 .header__2IviE {
  padding-top: 25px;
  padding-bottom: 25px;
 }
 .nav__40Mjm {
  width: 100%;
  height: 100vh;
  padding: 104px 30px 40px;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  font-size: 2.5rem;
  background-color: #09111c;
  /*
  background-image: url(/assets/img/background.webp);
  */
  background-size: auto;
  background-position-x: 50%;
  background-position-y: 50px;
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
 }
 .nav__40Mjm.active__3faWU {
  display: -ms-flexbox;
  display: flex;
 }
 .nav__40Mjm:before {
  display: none;
 }
 .link__29yyz {
  display: block;
  padding: 10px;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: .5px;
 }
 .link__29yyz:not(:last-of-type) {
  margin-right: 0;
  margin-bottom: 14px;
 }
 .link__29yyz.active__3faWU {
  color: #5a89ca;
 }
 .link__29yyz.active__3faWU:after {
  display: none
 }
 .menuButton__34SIo {
  display: block;
  position: relative;
  z-index: 6;
 }
 .menuButton__34SIo:focus {
  outline: none;
 }
 .menuButton__34SIo.active__3faWU {
  position: fixed;
  top: 27px;
  right: 32px;
 }
}

@media (max-width:750px) {
 .header__2IviE {
  padding-top: 15px;
  padding-bottom: 15px;
 }
 .wrap__2oT9d {
  padding-left: 16px;
  padding-right: 16px;
 }
 .logo__3NLOm {
  height: 41px;
  width: 129px;
 }
}

.footer__2n1ce {
 color: #8b96a2;
 font-size: 16px;
 line-height: 24px;
 font-weight: 400;
 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 transition: transform .4s ease, opacity .4s ease;
 background: #fff;
}

.footer__2n1ce.playing__b66Wa {
 -ms-transform: translateY(200px);
 transform: translateY(200px);
 opacity: 0;
}

.line__1gQRw {
 width: 100%;
 max-width: 1344px;
 height: 1px;
 position: absolute;
 top: 0;
 background: rgba(139, 150, 162, .3);
}

.wrap__2qYkH {
 -ms-flex-pack: justify;
 justify-content: space-between;
 -ms-flex-align: baseline;
 align-items: baseline;
 padding-top: 42px;
 padding-bottom: 86px;
}

.created__3EBTE,
.wrap__2qYkH {
 display: -ms-flexbox;
 display: flex;
}

.created__3EBTE {
 -ms-flex-align: center;
 align-items: center;
}

.petrovDigitalLink__1FKbX {
 display: contents;
}

.petrovDigital__3gC-c {
 margin-left: 1.5rem;
}

@media (max-width:950px) {
 .footer__2n1ce {
  font-size: 14px;
 }
 .wrap__2qYkH {
  padding-top: 49px;
  padding-bottom: 47px;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
 }
 .legal__2kzHo {
  text-align: center;
  margin-bottom: 37px;
 }
}

@media (max-width:750px) {
 .tos__l4STF {
  display: block;
 }
}

@media (max-width:355px) {
 .rights__3aTIz {
  display: block;
 }
}

@keyframes pulse__217vx {
 to {
  transform: scale(1.25);
  opacity: 0;
 }
 20% {
  opacity: 1;
 }
 0% {
  transform: scale(.45);
  opacity: 1;
 }
}

.Container__2UfLD {
 padding-bottom: 163px;
}

.socialButtons__2533U {
 position: relative;
 background: linear-gradient(1turn, #00a1de -26.44%, #9adbf5 119.62%) #00a1de;
 border-radius: 12px;
 padding: 21px 41px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-direction: column;
 flex-direction: column;
 overflow: hidden;
 z-index: 1;
}

@media (min-width:658px) {
 .socialButtons__2533U {
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 31px 27.5px;
  min-width: 656px;
  width: 100%;
  max-width: 794px;
 }
}

.socialButtons__2533U:after,
.socialButtons__2533U:before {
 content: "";
 display: block;
 position: absolute;
}

.socialButtons__2533U:before {
 width: 237.58px;
 height: 268.66px;
 background: linear-gradient(153.28deg, hsla(0, 0%, 100%, .1) 16.28%, hsla(0, 0%, 100%, 0) 39.57%);
 box-shadow: inset 1px 4px 4px hsla(0, 0%, 100%, .09);
 border-radius: 168.619px;
 -ms-transform: matrix(-.97, -.3, .22, -.96, 0, 0);
 transform: matrix(-.97, -.3, .22, -.96, 0, 0);
 top: -143px;
 left: -148px;
}

@media (min-width:658px) {
 .socialButtons__2533U:before {
  width: 239.09px;
  height: 286.65px;
  top: -149px;
  left: -90px;
  -ms-transform: matrix(-.98, -.32, .21, -.95, 0, 0);
  transform: matrix(-.98, -.32, .21, -.95, 0, 0);
 }
}

.socialButtons__2533U:after {
 width: 235.01px;
 height: 270.91px;
 right: -127px;
 bottom: -155px;
 background: linear-gradient(153.28deg, hsla(0, 0%, 100%, .1) 16.28%, hsla(0, 0%, 100%, 0) 39.57%);
 box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .15);
 border-radius: 168.619px;
}

@media (min-width:658px) {
 .socialButtons__2533U:after {
  width: 235px;
  height: 290px;
  right: -93px;
  bottom: -145px;
 }
}

.socialButtonsButton__1dDBL {
 position: relative;
 background-color: #fff!important;
 border-radius: 50%;
 width: 101.03px;
 height: 101.03px;
 border: none;
 margin: 27.71px;
 box-shadow: 0 4.95939px 14.8782px rgba(0, 0, 0, .15);
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-negative: 0;
 flex-shrink: 0;
 -ms-flex-positive: 0;
 flex-grow: 0;
 z-index: 1;
 cursor: pointer;
}

@media (min-width:658px) {
 .socialButtonsButton__1dDBL {
  width: 116px;
  height: 116px;
  margin: 42px;
 }
}

.socialButtonsContainer__XADHQ {
 width: 100%;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
}

@media (min-width:960px) {
 .socialButtonsContainer__XADHQ {
  margin: auto;
 }
}

.pulse__217vx {
 width: 135px;
 height: 135px;
 border-radius: 50%;
 display: block;
 position: absolute;
 background: linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 100%, .115));
 box-shadow: inset 0 4px 4px hsla(0, 0%, 100%, .1);
 animation: pulse__217vx 2s ease-out infinite;
 z-index: -1;
}

@media (min-width:658px) {
 .pulse__217vx {
  width: 155px;
  height: 155px;
 }
}

.navBlogContentContainer__1WFMy {
 width: 100%;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
}

.navBlogContentContainer__1WFMy p {
 font-size: 24px;
 line-height: 42px;
 color: #0f1417;
}

.navBlogContentContainer__1WFMy h2 {
 margin-top: 30px;
 margin-bottom: 10px;
 font-size: 3rem;
}

.navBlogContentContainer__1WFMy img {
 width: 100%;
 margin: 40px 0;
 -o-object-fit: contain;
 object-fit: contain;
}

.navigationComponentWrapper__3LLlX {
 margin-bottom: 30px;
}

.navigationSeparatorLabel__z81k_ {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-align: end;
 align-items: flex-end;
 padding: 3px 13px;
 border-radius: 6px;
 font-weight: 600;
 font-size: 12px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
background-color: #e1e6ed;
}
.navigationSeparatorLabel__z81k_.active{
     background-color: #f4dac6;
}

.navigationSeparatorLine__2m0zI {
 border: 1px solid #cbd6e2;
 -ms-flex: 1;
 flex: 1;
 margin: 0 10px;
 height: 0;;
}

.navigationSeparatorWrapper__N2jG4 {
 width: 100%;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-flow: row;
 flex-flow: row;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 padding-top: 20px;
}

.category__3J5XC {
 color: #4a505b;
 position: relative;
 white-space: nowrap;
 cursor: pointer;
 margin-bottom: 16px;
}



.subcategory__3Q4jh {
 font-size: 13px;
 font-weight: 600;
 line-height: 26px;
 margin: 0 10px;
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.subcategoryContainer__2jyd5 {
 min-height: 28px;
/*
background: rgba(244, 218, 198, .47);
*/
background: #fff;
 border-radius: 0 4px 4px 0;
 position: relative;
 margin-top: 10px;
 letter-spacing: .6px;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 max-width: 160px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.subcategoryContainer__2jyd5.active{
     background: #f4dac6;
}

.subcategoryContainer__2jyd5:hover {
 background: rgba(244, 218, 198, .47);
}

.subcategoryContainer__2jyd5.active,
.subcategoryContainer__2jyd5.active:hover{
 background: #f4dac6;
}

.subcategoryBulletSeparator__34wqm {
 position: absolute;
 height: 14px;
 width: 14px;
 background: #4a505b;
 left: -8px;
 border: 4px solid #fff;
 border-radius: 50px;
}

.subcategoryAnchorLine__3vLNr {
 position: absolute;
 bottom: 0;
 right: -16px;
 width: 16px;
 height: 1px;
 background-color: #e1e6ed;
}

.categoryContainer__8YUi2 {
 transition: max-height 1s ease-out;
 overflow: hidden;
 max-height: 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-flow: row;
 flex-flow: row;
}

.category__3J5XC.active .categoryContainer__8YUi2{
max-height: 300px;
}

.categoryDecElem {
 width: 20px;
 border-right: 1px solid #CBD6E2;
 position: relative;
}

.primary__W2rrg,
.secondary__3jqsH,
.small__h1M4i {
 display: block;
 font-weight: 600;
 font-size: 15px;
 line-height: 22px;
 text-transform: uppercase;
 letter-spacing: .5px;
 color: #cbd6e2;
 background: #38404d;
 padding: 8px 16px;
 border-radius: 10px;
 position: relative;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 z-index: 1;
}

.primary__W2rrg {
 color: #cbd6e2;
}

.secondary__3jqsH,
.small__h1M4i {
 color: #4a505b;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.secondary__3jqsH{
     background: #E1E6ED;
}

.secondary__3jqsH.active,
.secondary__3jqsH.active:hover{
     background: #f4dac6;
}

.secondary__3jqsH:hover{
 background: #d3e2f7;
}

.active.small__h1M4i:before,
.secondary__3jqsH.active:before {
 content: "";
 display: block;
 width: 12px;
 height: 12px;
 position: absolute;
 top: -1px;
 right: -5px;
 border-radius: 50%;
 background: #4a505b;
 border: 3px solid #fff;
}

.small__h1M4i {
 font-size: 12px;
 line-height: 22px;
 letter-spacing: .7px;
 padding: 0 10px;
 border-radius: 6px;
 position: absolute;
 left: 17px;
 top: -11px;
 z-index: 2;
}

.noActiveButton__10Ebb.active:before {
 content: "";
 width: 0;
 height: 0;
}

.header__1vm0- {
 height: 100vh;
 position: relative;
 z-index: 1;
}
.header__1vm0- .l-wrap{
 height: 100%;
}
.header__1vm0- .wrapSingle__3xhcW {
 height: 100%;
 width: 100%;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 -ms-flex-pack: center;
}

.hubtags__nWSTM .header__1vm0-:after {
 content: "";
 display: block;
 width: 100%;
 height: calc(100% + 198px);
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: -1;
 /*
 background-image: url(/assets/img/blog/posts/hubtags-contact-tagging-and-searches/background.webp);
 */
 background-color: #09111c;
 background-repeat: no-repeat;
 background-position: center 50px;
}

.header__1vm0- .productUpdate2__2B6dD {
 padding-bottom: 215px;
 padding-top: 50px;
}

.productUpdate2__2B6dD .header__1vm0-:after {
 content: "";
 display: block;
 width: 100%;
 height: calc(100% + 250px);
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: -1;
 /*
 background-image: url(/assets/img/blog/posts/hubtags-contact-tagging-and-searches/home.webp);
 */
 background-color: #09111c;
 background-repeat: no-repeat;
 background-position: center 50px;
}

.wrap__wdnwt {

}

.wrap__wdnwt,
.wrapSingle__3xhcW {
 color: #09111c;
 font-size: 18px;
 line-height: 30px;
 padding: 24px
}

.centerHeaderContent__1sKAb {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-flow: column;
 flex-flow: column;
}

.headerContent__1M7IO {
 max-width: 620px;
}

.title__1uYkf {
 font-size: 48px;
 line-height: 60px;
 font-weight: 600;
 color: #fff;
}

.info__2Uw0L {
 margin-bottom: 17px;
}

.date__x7Fle {
 margin-right: 10px;
}

.author__UsCp6,
.date__x7Fle {
 display: inline-block;
 color: #8b96a2;
}

.author__UsCp6 {
 margin-left: 11px;
 position: relative;
}

.author__UsCp6:before {
 content: "";
 display: block;
 width: 1px;
 height: 12px;
 position: absolute;
 top: 50%;
 left: -11px;
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 background: #8b96a2;
}

.bgWrap__3_aMD {
 background: #fff;
}

.description__2gbWB {
 font-weight: 600;
 font-size: 24px;
 line-height: 42px;
 margin-bottom: 65px;
}

.content__1mAPb {
 max-width: 840px;
 padding: 90px 20px 71px;
 margin: 0 auto;
 color: #0f1417;
}

.content__1mAPb p {
 margin-bottom: 30px;
 font-size: 24px;
 line-height: 42px;
}

.content__1mAPb a {
 display: inline-block;
 color: #6696b2;
}

.content__1mAPb h3 {
 font-size: 28px;
 margin-top: 20px;
 margin-bottom: 10px;
 line-height: 1.25;
}

.content__1mAPb ol,
.content__1mAPb ul {
 margin: 0 auto 40px -45px;
 padding-left: 45px;
}

.content__1mAPb li {
 font-size: 24px;
 line-height: 42px;
}

.content__1mAPb blockquote {
 font-size: 24px;
 line-height: 36px;
 font-style: italic;
 font-weight: 300;
 color: #363636;
 position: relative;
 margin: 60px auto;
}

.content__1mAPb img {
 display: block;
 max-width: 100%;
 height: auto;
 box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .16);
 border-radius: 8px;
 margin: 0 auto 60px;
}

.content__1mAPb img+i {
 margin-top: -50px;
}

.content__1mAPb>:first-child {
 margin-top: 0;
}

.content__1mAPb>:last-child {
 margin-bottom: 0;
}

@media (max-width:1150px) {
 .wrap__wdnwt {
  grid-template-columns: 509px auto;
 }
 .title__1uYkf {
  font-size: 40px;
  line-height: 50px;
 }
}

@media (max-width:950px) {
 .wrap__wdnwt {
  grid-template-columns: 350px auto;
 }
 .header__1vm0- {
  padding-top: 59px;
 }
 .hubtags__nWSTM .header__1vm0-:after {
  height: calc(100% + 101px);
 }
}

@media (max-width:750px) {
 .header__1vm0- {
  padding-top: 29px;
  padding-bottom: 30px;
 }
 .hubtags__nWSTM .header__1vm0-:after {
  height: calc(100% + 81px);
 }
 .description__2gbWB {
  line-height: 38px;
  margin-bottom: 36px;
 }
 .content__1mAPb {
  padding: 40px 16px 36px;
 }
 .wrap__wdnwt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
 }
 .title__1uYkf {
  margin-bottom: 16px;
 }
}

@media (max-width:420px) {
 .title__1uYkf {
  font-weight: 500;
  font-size: 30px;
  line-height: 46px;
 }
}

.lWrapHelp__dYGLB {
 max-width: 100%;
 -ms-flex-pack: center;
 justify-content: center;
 margin: 0 200px;
}

.wrap__jwd7T {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
}

.banner__2XQWq {
 padding-bottom: 137px;
 color: #fff;
 position: relative;
}

.banner__2XQWq:after {
 content: "";
 display: block;
 width: 100%;
 height: calc(100% + 200px);
 position: absolute;
 bottom: 0;
 left: 0;
 /*
 background-image: url(/assets/img/help/banner.svg);
 */
 background-position: top;
 background-repeat: no-repeat;
}

.title__2FydO {
 text-align: center;
 font-weight: 700;
 font-size: 42px;
 line-height: 50px;
 margin-bottom: 38px;
}

.mainCategories__1lPyr {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 margin: auto;
}

.choose__2ebgQ {
 box-sizing: border-box;
 width: 217px;
 text-align: center;
}

.box__104py {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 width: 620px;
 box-sizing: border-box;
 padding: 10px 0 33px;
 position: relative;
 top: -14px;
 z-index: 3;
}

.box__104py span {
 margin: 7px 8px 8px;
 white-space: nowrap;
 cursor: pointer;
}

.label__3GmNL,
.labelSecondary__2GSZg,
.labelSmall__lQnMx {
 display: block;
 font-weight: 600;
 font-size: 15px;
 line-height: 22px;
 text-transform: uppercase;
 letter-spacing: .5px;
 color: #cbd6e2;
 background: #38404d;
 padding: 8px 16px;
 border-radius: 10px;
}

.labelSecondary__2GSZg,
.labelSmall__lQnMx {
 color: #4a505b
}

.labelSmall__lQnMx {
 font-size: 12px;
 line-height: 22px;
 letter-spacing: .7px;
 padding: 0 10px;
 border-radius: 6px;
 position: absolute;
 left: 17px;
 top: -11px;
 z-index: 2;
}

.container__pbHej {
 background: #fff;
 padding-top: 90px;
 -ms-flex-positive: 1;
 flex-grow: 1;
}

.container__pbHej>div {
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.container__pbHej>div,
.secondaryCategories__24oC6 {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: start;
 align-items: flex-start;
}

.secondaryCategories__24oC6 {
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: start;
 justify-content: flex-start;
 margin-right: 40px;
 min-height: 820px;
}

.secondaryCategories__24oC6>span {
 margin-bottom: 16px;
 position: relative;
 white-space: nowrap;
 cursor: pointer;
}

.secondaryCategoriesResponsive__WVERU {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-align: start;
 align-items: flex-start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 margin-right: 40px;
 position: absolute;
 left: 200px;
}

.secondaryCategoriesResponsive__WVERU>span {
 margin-bottom: 16px;
 position: relative;
 white-space: nowrap;
 cursor: pointer;
}

.articlesWrap__wqC4k {
 max-width: 950px;
 padding-bottom: 163px;
 width: 100%;
}

.articles__3gj3w {
 display: none;
 list-style: none;
 padding: 0;
 width: 100%;
 margin-top: 11px;
 margin-bottom: 25px;
}

.articles__3gj3w.is-active {
 display: block;
}

@media (max-width:950px) {
 .banner__2XQWq {
  padding-bottom: 50px;
 }
 .box__104py {
  margin-bottom: 50px;
 }
 .box__104py span {
  margin-right: 16px;
 }
 .container__pbHej {
  display: block;
  padding-top: 50px;
 }
 .secondaryCategories__24oC6,
 .secondaryCategoriesResponsive__WVERU {
  display: none;
 }
}

@media (max-width:750px) {
 .title__2FydO {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 55px;
 }
 .box__104py {
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100px;
  width: 328px;
  padding: 0;
  margin-bottom: 0;
 }
 .box__104py span {
  margin: 9px 0;
 }
 .box__104py span:first-of-type {
  margin-top: 0;
 }
 .box__104py span:last-of-type {
  margin-bottom: 0;
 }
}

@media (max-width:340px) {
 .choose__2ebgQ {
  margin-bottom: 15px;
 }
 .box__104py {
  top: 0;
  border-radius: 10px;
  padding: 24px;
  height: auto;
  width: auto;
 }
}

@media (max-width:1800px) {
 .secondaryCategoriesResponsive__WVERU {
  left: 100px;
 }
}

@media (max-width:1600px) {
 .secondaryCategoriesResponsive__WVERU {
  left: 30px;
 }
}

.imageWrap__2hMDA {
 display: table;
 position: relative;
 max-width: 509px;
 overflow: hidden;
 border-radius: 8px;
 font-size: 0;
}

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

@media (max-width:950px) {
 .imageWrap__2hMDA {
  max-width: 350px;
 }
}

@media (max-width:750px) {
 .imageWrap__2hMDA {
  margin-bottom: 19px;
 }
}

@media (max-width:420px) {
 .imageWrap__2hMDA {
  width: 100%;
  max-width: none;
  min-width: unset;
 }
}

.header__Twe8R {
 /*
 background-image: url(/assets/img/blog/posts/hubtags-contact-tagging-and-searches/background.webp);
 */
}

.footer__2uWjD {
 max-width: 1008px;
 position: relative;
 padding: 20px;
 margin: 29px auto auto;
}

.footer__2uWjD:before {
 content: "";
 width: 100%;
 height: 50%;
 position: absolute;
 bottom: 0;
 left: 0;
 background: #f76a1d;
}

.card__19zMj {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-align: center;
 align-items: center;
 position: relative;
 max-width: 590px;
 margin: 0 auto;
 background: #fff;
 box-shadow: 0 4px 24px rgba(0, 0, 0, .1);
 padding: 32px;
}

.logo__ZLOJv {
 margin-bottom: 14px;
}

.installButton__3eGoO {
 background: linear-gradient(180deg, #ffae70, #f97200 3.44%);
 box-shadow: 0 8px 12px rgba(130, 58, 11, .27), inset 0 -4px 8px rgba(206, 98, 6, .51), inset 0 6px 8px #ffae70;
 border-radius: 4px;
 font-size: 15px;
 letter-spacing: .6px;
 text-align: center;
 font-weight: 700;
 color: #fff;
 text-transform: uppercase;
 padding: 13px 0;
 width: 300px;
}

@media (max-width:750px) {
 .footer__2uWjD {
  padding: 16px;
 }
}

@media (max-width:420px) {
 .installButton__3eGoO {
  width: auto;
  padding: 13px 19px;
 }
}



/* Контейнер для логотипа и текста */

.header-left {
 display: flex;
 align-items: center;
 gap: 12px;
}


.logo-container {
 display: flex;
 align-items: center;
 gap: 15px; /* промежуток между картинкой и текстом */
 padding-bottom: 5px;
}

.logo-link {
 display: flex;
 align-items: center;
 gap: 15px;
 text-decoration: none;
 color: #fff;
}

/* Текст ExploRaptor */
.logo-text {
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 1px;
}


/*.logo-text {*/
 /*font-size: 2rem; !* большой размер шрифта *!*/
 /*font-weight: bold; !* жирный *!*/
 /*color: #fff;*/
 /*text-decoration: none;*/
/*}*/


.blog-badge {
 background-color: #ffffff;
 color: #2e8b57;
 padding: 4px 10px;
 font-weight: bold;
 border-radius: 4px;
 font-size: 16px;
 margin-left: 15px; /* отступ от ExploRaptor */
}

/* Картинка логотипа */
.logo-icon {
 width: 110px;
 height: 51px;
 background-image: url('exploraptor.png');
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 display: inline-block;
 margin-bottom: 2px;
}


/*.logo-img {*/
 /*height: 51px;*/
 /*width: auto;*/
/*}*/

.article-table {
 width: 100%;
 border-collapse: collapse;
 font-size: 22px;
 line-height: 1.6;
 margin: 30px 0;
 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
 border-radius: 8px;
 overflow: hidden;
}
.article-table th,
.article-table td {
 border: 1px solid #e1e6ed;
 padding: 16px 20px;
 text-align: left;
}

.article-table thead th {
 background-color: #38404d;
 color: #fff;
 font-weight: 600;
 font-size: 20px;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}

.article-table tbody tr:nth-child(even) {
 background-color: #f8f9fa;
}
.article-table tbody tr:hover {
 background-color: #eef2f7;
}
.article-table .col-label {
 width: 30%;
 vertical-align: top;
 font-weight: 700;
 background-color: #f1f3f5 !important;
 color: #09111c;
}
.article-table .text-right {
 text-align: right;
 font-weight: 700;
 white-space: nowrap;
}
.article-table .text-bold {
 font-weight: 700;
 color: #09111c;
}
.article-table .highlight-row td {
 background-color: #e6f7ff !important;
 font-weight: 700;
}